/* 데이터 중복 */
.dbCheckDataInfoWrap { width: 100%; float: left; margin-bottom: 30px; } 

.dbCheckDataInfoWrap > .titWrap { width: 100%; float: left; margin-bottom: 10px; } 
.dbCheckDataInfoWrap > .titWrap > .left { font-size: 18px; color: #000; font-weight: bold; } 
.dbCheckDataInfoWrap > .titWrap > .left > i { margin-right: 5px; } 
.dbCheckDataInfoWrap > .titWrap > .right > .label { height: 25px; line-height: 25px; float: left; font-size: 14px; font-weight: bold; color: #333; margin-right: 15px; } 
.dbCheckDataInfoWrap > .titWrap > .right > .value { height: 25px; float: left; font-size: 14px; line-height: 25px; padding: 0 30px; color: #FFF; font-weight: 500; border-radius: 50px; } 

.dbCheckDataInfoWrap > .infoWrap { width: 100%; float: left; border: 2px solid #EEE; padding: 20px 30px; } 
.dbCheckDataInfoWrap > .infoWrap > ul { width: 100%; float: left; margin-bottom: 10px; } 
.dbCheckDataInfoWrap > .infoWrap > ul:last-of-type { margin-bottom: 0; } 
.dbCheckDataInfoWrap > .infoWrap > ul > li { line-height: 27px; width: 25%; float: left; border: 1px solid #EEE !important; } 
/*.dbCheckDataInfoWrap > .infoWrap > ul > li:first-of-type { padding-left: 0; } */
/*.dbCheckDataInfoWrap > .infoWrap > ul > li:last-of-type { border-right: 0; } */
.dbCheckDataInfoWrap > .infoWrap > ul > li > span { color: #666; float: left; font-size: 13px; } 
.dbCheckDataInfoWrap > .infoWrap > ul > li > span.label { color: #333; padding:0px 15px; background-color: #f8f8f8; min-width: 52%; margin-right: 20px; font-weight: bold; } 
.dbCheckDataInfoWrap > .infoWrap > ul > li > span.overtext { width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 


.dbCheckDataInfoWrap > .infoWrap > button { position: absolute; right: 50px; top: 50%; margin-top: -17.5px; } 

/* 멤버스영역 */
.accountWrap { width: 100%; height: 100%; float: left; overflow: hidden; } 

.accountWrap > .backgroundWrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; z-index: 1; } 

.accountWrap > .frmWrap { width: 630px; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; } 

.accountWrap > .frmWrap > .logoWrap { position: absolute; bottom: 0; right: 0; } 
.accountWrap > .frmWrap > .logoWrap img { opacity: 0.1; } 

.accountWrap > .frmWrap > .frmBoxWrap { width: 100%; float: left; padding: 0 140px; margin-top: 250px; z-index: 2; } 
.accountWrap > .frmWrap > .frmBoxWrap > .wordWrap { width: 100%; height: 25px; line-height: 25px; float: left; color: #FFF; border-left: 3px solid #4B88B5; padding-left: 10px; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .wordWrap * { letter-spacing: -0.5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .inputWrap { width: 100%; float: left; margin-top: 15px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .inputWrap > input { width: 100%; height: 45px; background-color: #FFF; border: 1px solid #E1E1E1; padding: 0 20px; font-size: 14px; margin-bottom: 5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .btnWrap { width: 100%; float: left; margin-top: 5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .btnWrap > button { width: 100%; height: 45px; float: left; text-align: center; font-weight: bold; color: #FFF; font-size: 14px; background-color: #4B88B5; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap { width: 100%; height: 50px; line-height: 50px; float: left; margin-top: 10px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label { display: inline-block; height: 25px; line-height: 25px; cursor: pointer; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > input { display: none; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > i { display: none; margin-right: 5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > i.off { display: inline-block; color: #FFF; opacity: 0.65; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > i.on { color: #4B88B5; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > span { display: inline-block; color: #FFF; opacity: 0.65; font-weight: 400; font-size: 13px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > input:checked ~ i.on { display: inline-block; } 
.accountWrap > .frmWrap > .frmBoxWrap > .saveWrap > label > input:checked ~ i.off { display: none; } 
.accountWrap > .frmWrap > .frmBoxWrap > .linkWrap { width: 100%; float: left; padding-top: 10px; font-size: 12px; color: #FFF; border-top: 1px solid rgba(255, 255, 255, 0.3); } 
.accountWrap > .frmWrap > .frmBoxWrap > .linkWrap i { margin-right: 5px; } 
.accountWrap > .frmWrap > .frmBoxWrap > .copyWrap { width: 100%; float: left; text-align: center; margin-top: 50px; font-size: 12px; color: #FFF; font-weight: 500; letter-spacing: 0; opacity: 0.1; } 
.accountWrap > .frmWrap > .frmBoxWrap > .copyWrap * { letter-spacing: 0; } 

/* 데이터정리영역 */
.dataAnalysisWrap { height: 110px; } 

.dataAnalysisWrap > .iconWrap { width: 100px; height: 30px; line-height: 30px; float: left; text-align: center; top: 50%; margin-top: -15px; border-right: 1px solid #E1E1E1; margin-right: 10px; } 
.dataAnalysisWrap > .iconWrap > i { font-size: 26px; vertical-align: middle; color: #CCC; } 

.dataAnalysisWrap > .analysisWrap { float: left; } 
.dataAnalysisWrap > .analysisWrap > ul { float: left; width:100%; } 
.dataAnalysisWrap > .analysisWrap > ul > li { float: left; margin-left: 30px; } 
.dataAnalysisWrap > .analysisWrap > ul > li > span { height: 30px; line-height: 30px; float: left; font-size: 15px; font-weight: bold; } 
.dataAnalysisWrap > .analysisWrap > ul > li > span.value { letter-spacing: -0.5px; margin-left: 20px; color: #999; } 
.dataAnalysisWrap > .analysisWrap > ul > li > span.value.point { color: #6A7FBB; } 

/* 데이터검색영역 */
.dataSearchWrap { width: 100%; float: left; border: 3px solid #EBEBEB; padding: 20px 30px; margin-bottom: 70px; } 
.dataSearchWrap > form { width: 100%; float: left; display: table; table-layout: fixed; } 
.dataSearchWrap > form > * { height: 25px; vertical-align: middle; display: table-cell; } 
.dataSearchWrap > form > .frmWrap { width: 850px; } 
.dataSearchWrap > form > .frmWrap > li { width: 100%; float: left; margin: 5px 0; } 
.dataSearchWrap > form > .frmWrap > li > span.label { width: 80px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bold; } 
.dataSearchWrap > form > .frmWrap > li > .txtBox { height: 32px; line-height: 32px; margin-right: 10px; } 
.dataSearchWrap > form > .frmWrap > li > .txtBox[name="searchValue"] { width: 510px; } 
.dataSearchWrap > form > .frmWrap > li > .txtBox.s_date { width: 150px; padding-right: 30px; } 
.dataSearchWrap > form > .frmWrap > li > .txtBox.e_date { width: 150px; padding-right: 30px; } 
.dataSearchWrap > form > .frmWrap > li > .dateBtn { width: 50px; height: 32px; line-height: 32px; float: left; cursor: pointer; background-color: #EBEBEB; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; } 
.dataSearchWrap > form > .frmWrap > li > .calendarIcon { position: absolute; font-size: 16px; color: #CCC; margin-left: -32px; margin-top: 8px; } 
.dataSearchWrap > form > .frmWrap > li > .hypen { height: 32px; line-height: 32px; float: left; color: #999; font-weight: bold; font-size: 18px; margin-right: 10px; } 
.dataSearchWrap > form > .btnWrap { border-left: 1px solid #E1E1E1; padding-left: 70px; } 
.dataSearchWrap > form > .btnWrap > button { width: 130px; height: 32px; line-height: 30px; display: inline-block; float: none; margin: 3px 0; } 

/* 데이터정렬영역 */
.dataSortWrap { width: 100%; float: left; background-color: #F8F8F8; padding: 10px 20px; } 
.dataSortWrap > div > span { height: 35px; line-height: 35px; float: left; } 
.dataSortWrap > div > .total { width: 120px; letter-spacing: -0.5px; font-size: 12px; font-weight: bold; } 
.dataSortWrap > div > .listSet { height: 35px; } 
.dataSortWrap > div > .line { width: 1px; height: 25px; float: left; top: 5px; background-color: #E1E1E1; margin: 0 15px; } 
.dataSortWrap > .left > .listSet { margin-right: 10px; } 
.dataSortWrap > .right > .listSet { margin-left: 10px; } 

/* 데이터버튼영역 */
.dataBtnWrap { width: 100%; float: left; background-color: #F8F8F8; padding: 10px 20px; } 
.dataBtnWrap > div { min-height: 35px; } 
.dataBtnWrap > div > .line { width: 1px; height: 25px; float: left; top: 5px; background-color: #E1E1E1; margin: 0 15px 0 5px; } 
.dataBtnWrap > div > .typeBtn { width: 120px; } 
.dataBtnWrap > div > .typeBtn.small { width: 100px; } 
.dataBtnWrap > .left > .typeBtn { margin-right: 10px; } 
.dataBtnWrap > .right > .typeBtn { margin-left: 10px; } 

.dataBtnWrap.border { margin-top: 1px; } 

/* 데이터목록영역 */
.dataListWrap { width: 100%; float: left; } 

.dataListWrap .tit { width: 100%; float: left; font-weight: bold; color: #333; font-size: 15px; margin-bottom: 5px; margin-top: 30px; } 
.dataListWrap .tit:first-of-type { margin-top: 0; } 
.dataListWrap .tit > .right { height: 22px; top: -10px; } 
.dataListWrap .tit > .right > .line { width: 1px; height: 32px; float: left; background-color: #EBEBEB; margin: 0 5px 0 10px; } 
.dataListWrap .tit > .right > .typeBtn { width: 90px; height: 32px; line-height: 30px; font-size: 13px; margin-left: 5px; } 

.dataListWrap > table { width: 100%; float: left; border-top: 2px solid #4B88B5; border-bottom: 1px solid #4B88B5; } 
.dataListWrap > table > thead > tr > th { height: 40px; background-color: #EBEBEB; font-weight: bold; text-align: center; border-right: 1px solid #FFF; } 
.dataListWrap > table > thead > tr > th:last-of-type { border-right: 0; } 
.dataListWrap > table > thead > tr > th.last { border-right: 1px solid #FFF; } 
.dataListWrap > table > thead > tr > th > .small { font-size: 11px; } 
.dataListWrap > table > thead > tr:nth-of-type(2) > th { background-color: #F1F1F1; border-top: 1px solid #FFF; } 
.dataListWrap > table > tbody > tr > td { height: 45px; color: #666; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px 6px; } 
.dataListWrap > table > tbody > tr > td.stop { cursor: default; } 
.dataListWrap > table > tbody > tr > td:not(.notBorderRight):last-of-type { border-right: 0; } 
.dataListWrap > table > tbody > tr:last-of-type > td { border-bottom: 0; } 
.dataListWrap > table > tbody > tr > .sub { line-height: 15px; } 
.dataListWrap > table > tbody > tr > .sub > span { width: 100%; float: left; } 
.dataListWrap > table > tbody > tr > .sub > span:nth-of-type(2) { font-size: 12px; color: #AAA; } 
.dataListWrap > table > tbody > tr > .no { font-weight: bold; color: #CCC; } 
.dataListWrap > table > tbody > tr > .tl { text-align: left; } 
.dataListWrap > table > tbody > tr > .tr { text-align: right; } 
.dataListWrap > table > tbody > tr.dataLineN * { text-decoration: line-through; color: #CCC !important; } 
.dataListWrap > table > tbody > tr.click { cursor: pointer; } 
.dataListWrap > table > tbody > tr td > i { margin-left:3px; } 

.dataListWrap > table > tbody > tr.click:hover > td { background-color: #FAFAFA; } 
.dataListWrap > table > tbody > tr .m_rank { color:#DDDDDD; } 
.dataListWrap > table > tbody > tr .m_rank.active { color:#CC3333; } 
.dataListWrap > table > tbody > tr .gray { color: #AAA; } 
.dataListWrap > table > tbody > tr td span.colorBox { width:20px; height:20px; display:inline-block; vertical-align: middle; margin-right: 3px; } 

.dataListWrap > table > tbody > tr > td > .overlapBtn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 15px; } 
.dataListWrap > table > tbody > tr > td > .overlapSpan { color:#CD3333; font-weight: 500; } 

/* 데이터 정보영역 */
.dataInfoWrap { width: 100%; float: left; } 

.dataInfoWrap .tit { width: 100%; float: left; font-weight: bold; color: #333; font-size: 15px; margin-bottom: 5px; margin-top: 30px; } 
.dataInfoWrap .tit:first-of-type { margin-top: 0; } 

.dataInfoWrap table { width: 100%; float: left; border-top: 2px solid #4B88B5; border-bottom: 2px solid #4B88B5; } 
.dataInfoWrap table > tbody > tr > th {  height: 50px; padding: 7px 8px; vertical-align: top; text-align: left; font-weight: bold; background-color: #EBEBEB; padding: 10px 0 0 15px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; } 
.dataInfoWrap table > tbody > tr > td { height: 50px; padding: 7px 8px; color: #666; border-bottom: 1px solid #EBEBEB; } 
.dataInfoWrap table > tbody > tr.line > td { height: 35px; padding: 0px 8px; padding-top: 7px; } 
/* .dataInfoWrap table > tbody > tr.first > td { border: none; } */
.dataInfoWrap table > tbody > tr.line > td > button { float: right; } 
.dataInfoWrap table > tbody > tr > .sub { line-height: 15px; } 
.dataInfoWrap table > tbody > tr > .sub > span { width: 100%; float: left; } 
.dataInfoWrap table > tbody > tr > .sub > span:nth-of-type(2) { font-size: 12px; color: #AAA; } 
.dataInfoWrap table > tbody > tr:last-of-type > * { border-bottom: 0; } 
.dataInfoWrap table > tbody > tr > td.ex { font-size: 13px; color: #AAA; } 
.dataInfoWrap table > tfoot > tr > th { vertical-align: top; text-align: left; font-weight: bold; background-color: #EBEBEB; padding: 10px 0 0 15px; border-bottom: 1px solid #FFF; } 
.dataInfoWrap table > tfoot > tr > td { height: 50px; padding: 7px 8px; color: #666; border-bottom: 1px solid #EBEBEB; } 
.dataInfoWrap table > tfoot > tr:last-of-type > * { border-bottom: 0; } 

.dataInfoWrap > form > table > tbody > tr > th.important::before { content: "*"; color: #CC3333; margin-right: 3px; } 
.dataInfoWrap > form > table > tbody > tr > td .calendarIcon { position: absolute; font-size: 16px; color: #CCC; margin-left: -25px; margin-top: 10px; } 

.dataInfoWrap table.red > tbody > tr > th { background-color: #FFEFEF; } 
.dataInfoWrap .addWriteFormBtn { float: none; } 

/* 데이터 카운팅영역 */
.dataCountWrap { width: 100%; float: left; border: 3px solid #DDD; margin-top: 30px; margin-bottom: 10px; } 
.dataCountWrap > p { width: 100%; height: 50px; line-height: 50px; float: left; text-align: center; font-size: 13px; color: #000; } 
.dataCountWrap > p .point { color: #CC3333; } 

/* 파일명 */
.getFileNameSpan { max-width: 200px; height: 35px; line-height: 35px; float: left; font-size: 13px; color: #AAA; margin-left: 20px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

/* 분배 설정 레이아웃 */
#fcListWrap { width: 100%; float: left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } 
#fcListWrap > li { width: 25%; float: left; text-align: left; } 
#fcListWrap > li > label { float: left; } 
#fcListWrap > li > label > span { letter-spacing: -0.5px; color: #BBB; margin-left: 5px; } 
#fcListWrap > li > label > i { vertical-align: middle; top: -1px; } 
#fcListWrap > li > label > .off { color: #DDD; display: inline-block; } 
#fcListWrap > li > label > .on { color: #3366CC; display: none; } 
#fcListWrap > li > input:checked + label > span { color: #666; } 
#fcListWrap > li > input:checked + label > .off { display: none; } 
#fcListWrap > li > input:checked + label > .on { display: inline-block; } 
#fcListWrap > li > span { color: #BBB; } 

#fcDIstInfoListWrap { width: 100%; float: left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; overflow: hidden; } 
#fcDIstInfoListWrap > li { width: 270px; margin-right: 10px; float: left; margin-bottom: 10px; } 
#fcDIstInfoListWrap > li > span { height: 35px; line-height: 35px; } 
#fcDIstInfoListWrap > li > .name { float: left; letter-spacing: -0.5px; } 
#fcDIstInfoListWrap > li > .sort { float: right; letter-spacing: -0.5px; } 
#fcDIstInfoListWrap > li > .txtBox { width: 15%; float: right; margin-left: 10px; } 
#fcDIstInfoListWrap > li.item { border: 1px solid #DDD; cursor: move; padding: 10px; background-color: #FFF; } 
#fcDIstInfoListWrap > li.no > span { color: #CCC; } 

.fcDIstInfoListWrap { width: 100%; float: left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; overflow: hidden; } 
.fcDIstInfoListWrap > li { width: 270px; margin-right: 10px; float: left; margin-bottom: 10px; } 
.fcDIstInfoListWrap > li > span { height: 35px; line-height: 35px; } 
.fcDIstInfoListWrap > li > .name { float: left; letter-spacing: -0.5px; } 
.fcDIstInfoListWrap > li > .sort { float: right; letter-spacing: -0.5px; } 
.fcDIstInfoListWrap > li > .txtBox { width: 15%; float: right; margin-left: 10px; } 
.fcDIstInfoListWrap > li.item { border: 1px solid #DDD; cursor: move; padding: 10px; background-color: #FFF; } 
.fcDIstInfoListWrap > li.no > span { color: #CCC; } 

/* select 추가시 항목 노출 */
.selectedDatas { width: 100%; float: left; } 
.selectedDatas > li { height: 30px; line-height: 28px; float: left; margin-top: 5px; border: 1px solid #3366CC; padding: 0 10px; font-size: 12px; font-weight: bold; color: #3366CC; margin-right: 5px; } 
.selectedDatas > li > i { margin-left: 20px; color: #CCC; font-size: 13px; cursor: pointer; } 

/* 페이징영역 */
.pagingWrap { width: 100%; float: left; margin-top: 30px; overflow: hidden; } 
.pagingWrap > ul { width: 100%; float: left; text-align: center; opacity: 0; left: 50%; } 
.pagingWrap > ul > li { float: left; font-size: 12px; font-weight: bold; letter-spacing: -0.5px; } 
.pagingWrap > ul > li > * { min-width: 30px; height: 30px; line-height: 28px; float: left; text-align: center; border: 1px solid #EBEBEB; padding: 0 5px; color: #AAA; margin: 0 0.5px; } 
.pagingWrap > ul > li > span { border-color: #4B88B5 !important; color: #4B88B5; } 
.pagingWrap > ul > li:first-of-type > * { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } 
.pagingWrap > ul > li:last-of-type > * { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } 

/* 자료실 목록영역 */
.cloudListWrap { width: 100%; float: left; border: 1px solid #EEE; padding: 28px 30px; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } 
.cloudListWrap * { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } 
.cloudListWrap > ul { width: 100%; float: left; } 
.cloudListWrap > ul > li { width: 100%; float: left; cursor: pointer; padding: 3px; margin: 2px 0; border: 1px solid rgba(0, 0, 0, 0); } 
.cloudListWrap > ul > li:hover { background-color: #CCE8FF; } 
.cloudListWrap > ul > li.active { background-color: #CCE8FF; border: 1px solid #99D1FF; } 
.cloudListWrap > ul > li > .imgWrap { width: 50px; height: 50px; float: left; padding: 5px; } 
.cloudListWrap > ul > li > .imgWrap > img { height: 100%; float: left; } 
.cloudListWrap > ul > li > .nameWrap { width: calc(100% - 50px); height: 50px; float: left; } 
.cloudListWrap > ul > li > .nameWrap > .filenameWrap { width: 100%; height: 50px; line-height: 50px; float: left; font-weight: bold; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.cloudListWrap > ul > li > .nameWrap > input[type="text"] { width: 200px; height: 30px; float: left; border: 1px solid #DDD; padding: 0 10px; font-size: 13px; color: #333; top: 10px; } 

.cloudListWrap.small > ul > li { width: calc(calc(100% - 18px) / 10); margin-right: 2px; } 
.cloudListWrap.small > ul > li:nth-of-type(10n) { margin-right: 0; } 
.cloudListWrap.small > ul > li > .imgWrap { width: 100%; height: auto; } 
.cloudListWrap.small > ul > li > .imgWrap > img { width: 100%; height: auto; } 
.cloudListWrap.small > ul > li > .nameWrap { width: 100%; height: 30px; } 
.cloudListWrap.small > ul > li > .nameWrap > .filenameWrap { height: 30px; line-height: 30px; text-align: center; } 
.cloudListWrap.small > ul > li > .nameWrap > input[type="text"] { width: 100%; text-align: center; top: 0; } 

.cloudListSortWrap { float: left; top: 5px; } 
.cloudListSortWrap > li { width: 30px; height: 30px; line-height: 28px; float: left; border: 1px solid #DDD; background-color: #FFF; cursor: pointer; margin-left: 10px; text-align: center; font-size: 16px; color: #CCC; } 
.cloudListSortWrap > li.active { border: 1px solid #333; color: #333; cursor: default; } 

#cloudContextMenu { position: absolute; width: 200px; background-color: #FFF; border: 1px solid #DDD; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); z-index: 500; } 
#cloudContextMenu * { -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; } 
#cloudContextMenu > ul { width: 100%; float: left; padding: 5px; } 
#cloudContextMenu > ul > li { width: 100%; float: left; cursor: pointer; color: #BBB; font-size: 13px; font-weight: 500; padding: 5px; border-bottom: 1px solid #EEE; } 
#cloudContextMenu > ul > li:last-of-type { border-bottom: 0; } 
#cloudContextMenu > ul > li:hover { color: #333; } 
#cloudContextMenu > ul > li > i { width: 25px; font-size: 16px; } 

/* SMS 전송 */
#smsSendFrmWrap { width: 100%; float: left; } 
#smsSendFrmWrap > form { width: 100%; float: left; } 

#smsSendFrmWrap .left { width: 400px; float: left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; left: 100px; } 

#smsSendFrmWrap .left > .backgroundWrap { width: 100%; float: left; text-align: center; } 
#smsSendFrmWrap .left > .backgroundWrap > .timeSet { position: absolute; width: 69px; height: 14px; line-height: 14px; letter-spacing: 0; text-align: center; font-size: 13px; font-weight: bold; color: #000; top: 33px; left: 30px; z-index: 2; } 
#smsSendFrmWrap .left > .backgroundWrap > .sendTelInfo { position: absolute; width: 100%; height: 10px; line-height: 10px; letter-spacing: 0; text-align: center; font-size: 12px; font-weight: bold; color: #000; top: 118px; left: 0; z-index: 2; } 

#smsSendFrmWrap .left > .smsLogVisualWrap { position: absolute; width: calc(100% - 48px); height: 340px; overflow-y: auto; padding: 20px; z-index: 2; left: 24px; top: 140px; transition: height 0.5s; } 
#smsSendFrmWrap .left > .smsLogVisualWrap::-webkit-scrollbar { background-color: #FFF; } 
#smsSendFrmWrap .left > .smsLogVisualWrap.active { height: 340px; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul { width: 100%; float: left; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > li { width: 100%; float: left; margin-bottom: 10px; top: 10px; opacity: 0; transition: top 0.5s, opacity 0.5s; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > li.active { top: 0; opacity: 1; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > li:last-of-type { margin-bottom: 0; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > li > p { max-width: 280px; border-radius: 25px; padding: 15px; font-size: 13px; letter-spacing: -0.5px; line-height: 19px; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > li > img { position: absolute; bottom: 0; } 

#smsSendFrmWrap .left > .smsLogVisualWrap > ul > .receive > p { float: left; background-color: #E8E8EA; color: #000; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > .receive > img { left: -14px; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > .send > p { float: right; background-color: #33C658; color: #FFF; } 
#smsSendFrmWrap .left > .smsLogVisualWrap > ul > .send > img { right: -14px; } 

#smsSendFrmWrap .left > .smsSendMsgWrap { position: absolute; width: 100%; padding: 0 40px; z-index: 2; left: 0; bottom: 50px; } 
#smsSendFrmWrap .left > .smsSendMsgWrap > textarea { height: 63px; border: 2px solid #CCC !important; border-radius: 30px; padding: 20px 20px; padding-right: 64px; transition: height 0.5s; overflow: hidden; resize: none; } 
#smsSendFrmWrap .left > .smsSendMsgWrap > textarea::-webkit-scrollbar { background-color: #FFF; } 
#smsSendFrmWrap .left > .smsSendMsgWrap > textarea:focus { height: 200px; overflow: auto; } 
#smsSendFrmWrap .left > .smsSendMsgWrap > button { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background-color: #33C658; color: #FFF; font-size: 18px; right: 54px; bottom: 12px; } 

#smsSendFrmWrap .right { width: calc(100% - 650px); height: 750px; float: right; background-color: #F2F2F2; border-radius: 10px; padding: 30px; } 

#smsSendFrmWrap .right > .titWrap { width: 100%; float: left; font-size: 21px; font-weight: bold; color: #333; } 

#smsSendFrmWrap .right > .settingWrap { width: 100%; float: left; margin-top: 20px; } 
#smsSendFrmWrap .right > .settingWrap > * { margin-right: 5px; } 
#smsSendFrmWrap .right > .settingWrap > button { width: 130px; height:40px; } 
#smsSendFrmWrap .right > .settingWrap > input { height: 40px; } 
#smsSendFrmWrap .right > .settingWrap > .receiveName { width: 150px; } 
#smsSendFrmWrap .right > .settingWrap > .receiveTel { width: 150px; } 

#smsSendFrmWrap .right > .tableWrap { width: 100%; float: left; margin-top: 10px; border-top: 2px solid #333; } 
#smsSendFrmWrap .right > .tableWrap > table { width: 100%; float: left; } 
#smsSendFrmWrap .right > .tableWrap > table thead > tr > th { height: 50px; text-align: center; font-size: 13px; color: #333; border-bottom: 1px solid #EEE; background-color: #FFF; border-right: 1px solid #EEE; } 
#smsSendFrmWrap .right > .tableWrap > table thead > tr > th:last-of-type { border-right: 0; } 
#smsSendFrmWrap .right > .tableWrap > table tbody > tr > td { height: 40px; text-align: center; font-size: 13px; color: #999; font-weight: 500; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; background-color: #FFF; letter-spacing: 0; } 

#smsSendFrmWrap .right > .tableWrap.body { height: 450px; margin-top: 0 !important; border-top: 0 !important; background-color: #FFF; overflow-y: auto; } 

#smsSendFrmWrap .right > .sendWrap { position: absolute; width: calc(100% - 60px); left: 30px; bottom: 30px; } 
#smsSendFrmWrap .right > .sendWrap .telLabel { height: 40px; line-height: 40px; float: right; font-weight: bold; color: #333; margin: 0 20px; font-size: 14px; } 
#smsSendFrmWrap .right > .sendWrap .telLabel ~ .toggle { margin-top:5px; }
#smsSendFrmWrap .right > .sendWrap > #sendTelSelect { float: right; margin-right: 10px; height: 40px; } 
#smsSendFrmWrap .right > .sendWrap > .smsSubmitBtn { float: right; } 

#smsSendFrmWrap .right.templateList > ul { width: 100%; height: 547px; float: left; overflow-y: auto; margin-top: 20px; } 
#smsSendFrmWrap .right.templateList > ul > li { width: calc(calc(100% - 40px) / 3); float: left; margin-right: 20px; border: 1px solid #CCC; background-color: #E8E8E8; padding: 10px; margin-bottom: 20px; } 
#smsSendFrmWrap .right.templateList > ul > li > .txtBox { border: 1px solid #CCC !important; margin-bottom: 5px; } 
#smsSendFrmWrap .right.templateList > ul > li:nth-of-type(3n) { margin-right: 0; } 

/* 페이지 가이드영역 */
.pageGuideWrap { width: 100%; float: left; display: table; table-layout: fixed; background-color: #EFEFEF; margin-top: 100px; padding: 30px 0; } 
.pageGuideWrap > div { display: table-cell; vertical-align: middle; } 
.pageGuideWrap > .iconWrap { width: 190px; text-align: center; } 
.pageGuideWrap > .iconWrap > i { font-size: 34px; color: #FF6666; } 
.pageGuideWrap > .infoWrap > .spanList { width: 100%; float: left; } 
.pageGuideWrap > .infoWrap > .spanList > span { width: 100%; float: left; font-size: 13px; font-weight: 500; color: #666; margin: 1px 0; } 
.pageGuideWrap > .infoWrap > .serviceInfo { height: 35px; line-height: 35px; float: left; margin-top: 10px; background-color: #FFF; border-radius: 50px; padding: 0 30px; color: #333; font-size: 13px; } 
.pageGuideWrap > .infoWrap > .serviceInfo > * { display: inline-block; } 
.pageGuideWrap > .infoWrap > .serviceInfo > i { margin-right: 10px; font-size: 18px; vertical-align: middle; } 
.pageGuideWrap > .infoWrap > .serviceInfo > .label { font-weight: bold; margin-right: 15px; } 
.pageGuideWrap > .infoWrap > .serviceInfo > .value { font-weight: bold; color: #666; } 
.pageGuideWrap > .infoWrap > .serviceInfo > .value > span { margin-right: 5px; } 
.pageGuideWrap > .infoWrap > .serviceInfo > .value > span:last-of-type { margin-right: 0; } 

/* 비밀번호 재설정 */
.passwordChangeWrap { width: 100%; float: left; display: table; table-layout: fixed; } 
.passwordChangeWrap > * { height: 215px; display: table-cell; vertical-align: middle; float: none; } 

.passwordChangeWrap > .iconWrap { width: 300px; text-align: center; } 
.passwordChangeWrap > .iconWrap > i { width: 180px; height: 180px; line-height: 180px; display: inline-block; border: 2px solid #EEE; text-align: center; border-radius: 100%; font-size: 60px; color: #DDD; } 

/* 엑셀업로드결과 */
.excelResultWrap { width: 100%; float: left; display: none; } 
.excelResultWrap > .resultCntWrap { width: 100%; float: left; margin-bottom: 30px; } 
.excelResultWrap > .resultCntWrap > ul { width: 100%; float: left; border-right: 1px solid #CCC; } 
.excelResultWrap > .resultCntWrap > ul > li { width: 33.33%; float: left; } 
.excelResultWrap > .resultCntWrap > ul > li > span { width: 50%; height: 50px; line-height: 50px; float: left; text-align: center; } 
.excelResultWrap > .resultCntWrap > ul > li > span.label { background-color: #4B88B5; color: #FFF; font-weight: bold; } 
.excelResultWrap > .resultCntWrap > ul > li > span.value { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #666; letter-spacing: -0.5px; font-weight: 500; } 

/* 세션밖버튼영역 */
.btnSectionWrap { width: 100%; float: left; margin: 15px 0; padding: 0 15px; } 
.btnSectionWrap > div > .typeBtn { width: 80px; height: 30px; line-height: 28px; font-size: 13px; } 
.btnSectionWrap > div > .txtBox { width: 130px; height: 30px; font-size: 13px; } 
.btnSectionWrap > div > .listSet { width: 130px; height: 30px; font-size: 13px; } 
.btnSectionWrap > div > .line { width: 1px; height: 30px; float: left; margin: 0 15px 0 10px; background-color: #EAEAEA; } 
.btnSectionWrap > .left > * { margin-right: 5px; } 
.btnSectionWrap > .right > * { margin-left: 5px; } 

/* DB전용영역 */
.dbViewWrap { padding: 0 !important; display: table; table-layout: fixed; overflow: hidden; } 
.dbViewWrap > div { display: table-cell; vertical-align: top; } 

.dbViewWrap > .dbInfoWrap { width: 350px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 20px; border-right: 1px solid #E1E1E1; } 
/* .dbViewWrap > .dbInfoWrap > .basicInfo { background-color: #fff; transition: all 0.5s; width: 100%; float: left; position: fixed; width:310px;}  */
.dbViewWrap > .dbInfoWrap > .basicInfo { background-color: #fff;  width: 100%; float: left;} 
.dbViewWrap > .dbInfoWrap > .basicInfo > .title { width: 100%; height: 50px; line-height: 50px; float: left; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > .title > span { font-size: 17px; font-weight: bold; color: #000; left: 10px; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > .title > span > i { margin-right: 10px; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > .title > a { width: 70px; height: 30px; line-height: 30px; float: right; background-color: #4B88B5; border-radius: 50px; color: #FFF; text-align: center; top: 10px; font-size: 16px; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul { width: 100%; float: left; border-top: 1px solid #999; padding: 20px 0; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul.border { border-color: #EBEBEB; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li { width: 100%; float: left; margin: 5px 0; display: table; table-layout: fixed; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > span { display: table-cell; vertical-align: top; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > .label { width: 110px; padding-left: 20px; font-weight: bold; color: #000; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > .value { color: #666; font-weight: 500; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > .value > span { width: 100%; float: left; margin-bottom: 5px; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > .value > span:last-of-type { margin-bottom: 0; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul > li > .value > span > .callBtn { width: 50px; height: 18px; line-height: 16px; float: right; border: 1px solid #4B88B5; color: #4B88B5; text-align: center; border-radius: 50px; font-size: 11px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo { width: 100%; float: left; margin-top: 50px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > .title { width: 100%; float: left; font-size: 15px; font-weight: bold; color: #000; margin-bottom: 10px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > .title > i { margin-right: 5px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table { width: 100%; float: left; border: 1px solid #E0E0E0; border-radius: 10px; overflow: hidden; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table th { height: 35px; background-color: #EBEBEB; text-align: center; color: #000; font-weight: bold; font-size: 12px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table th::after { position: absolute; content: ""; width: 1px; height: 12px; background-color: #FFF; right: 0; top: 50%; margin-top: -7px; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table th:last-of-type::after { display: none; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table td { height: 40px; border-bottom: 1px solid #EAEAEA; color: #666; font-size: 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.dbViewWrap > .dbInfoWrap > .groupInfo > table tr:last-of-type > td { border-bottom: 0; } 
/* .dbViewWrap > .dbInfoWrap > .groupInfo > table tr { cursor: pointer; }  */
/* .dbViewWrap > .dbInfoWrap > .groupInfo > table tr:hover > td { background-color: #F8F8F8; }  */
.dbViewWrap > .dbInfoWrap > .groupInfo > table tr.active > td { font-weight: bold; color: #333; } 

.dbViewWrap > .dbTabWrap > .tabListWrap { width: 100%; height: 80px; float: left; border-bottom: 1px solid #E1E1E1; overflow: hidden; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .list { float: left; border: 1px solid #E1E1E1; margin-left: 20px; background-color: #F7F7F7; border-right: 0; top: 38px; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .list > li { float: left; border-right: 1px solid #E1E1E1; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .list > li > a { width: 160px; height: 40px; line-height: 37px; float: left; border-top: 3px solid rgba(0, 0, 0, 0); color: #666; font-weight: 500; text-align: center; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .list > li.active > a { border-top: 3px solid #4B88B5; color: #4B88B5; background-color: #FFF; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .btn { float: right; margin-right: 30px; top: 35px; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .btn > li { float: left; margin-right: 5px; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .btn > li:last-of-type { margin-right: 0; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .btn > li > .typeBtn { width: 100px; height: 35px; line-height: 33px; font-size: 14px; } 
.dbViewWrap > .dbTabWrap > .tabContentsWrap { width: 100%; float: left; } 
.dbViewWrap > .dbTabWrap > .tabContentsWrap > .dataSearchWrap { border: 0; border-bottom: 1px solid #E1E1E1; padding: 40px 50px; margin-bottom: 0; } 
.dbViewWrap > .dbTabWrap > .tabContentsWrap > .dbDataInfoWrap { width: 100%; float: left; padding: 40px 30px; } 
.dbViewWrap > .dbTabWrap > .tabContentsWrap > .dbDataInfoWrap > .dbDataInfoTtitleWrap { width: 100%; float: left; margin-bottom: 15px; color: #000; font-size: 16px; font-weight: bold; } 

/* 테마 색상 */
.siteMainColor { display:inline-block; width:20px; height:20px; vertical-align: middle; } 

/* 상담등록영역 */
.dbCsWriteWrap { width: 100%; float: left; padding: 30px; border-bottom: 1px solid #E1E1E1; } 
.dbCsWriteWrap > form { width: 100%; float: left; display: table; table-layout: fixed; } 
.dbCsWriteWrap > form > div { display: table-cell; vertical-align: top; } 

.dbCsWriteWrap > form > .fmSubWrap { width: 270px; } 
.dbCsWriteWrap > form > .fmSubWrap > ul { width: 100%; float: left; } 
.dbCsWriteWrap > form > .fmSubWrap > ul > li { width: 100%; float: left; margin-bottom: 5px; } 
.dbCsWriteWrap > form > .fmSubWrap > ul > li:last-of-type { margin-bottom: 0; } 
.dbCsWriteWrap > form > .fmSubWrap > ul > li > .label { width: 70px; height: 35px; line-height: 35px; float: left; color: #666; font-size: 13px; font-weight: bold; } 
.dbCsWriteWrap > form > .fmSubWrap > ul > li > .txtBox { width: calc(100% - 70px); } 
.dbCsWriteWrap > form > .fmSubWrap > ul > li > .calendarIcon { position: absolute; font-size: 16px; color: #CCC; margin-left: -24px; margin-top: 10px; } 

.dbCsWriteWrap > form > .frmWrap { padding: 0 15px; } 
.dbCsWriteWrap > form > .frmWrap > textarea { float: left; margin-bottom: 5px; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap { width: 100%; float: left; margin-top: 5px; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap > .typeBtn { width: 100px; height: 30px; line-height: 30px; font-size: 11px; font-weight: 500; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap .getFileNameSpan { height: 30px; line-height: 30px; margin-right: 20px; font-size: 12px; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap .getFileNameSpan:last-of-type { margin-right: 0; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap > #csMultiFileNameList { width: calc(100% - 120px); float: right; margin-left: 20px; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap > #csMultiFileNameList > li { height: 30px; line-height: 30px; float: left; margin-right: 20px; font-size: 12px; color: #AAA; } 
.dbCsWriteWrap > form > .frmWrap > .fileWrap > #csMultiFileNameList > li > i { margin-left: 10px; cursor: pointer; color: #DC3333; } 

.dbCsWriteWrap > form > .btnWrap { width: 150px; } 
.dbCsWriteWrap > form > .btnWrap > * { width: 100%; margin-bottom: 5px; } 

/* 상담첨부파일 */
.csFileListWrap { position: absolute; width: 300px; top: 100%; right: 0; z-index: 10; background-color: #FFF; border: 1px solid #EEE; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); display: none; } 
.csFileListWrap.active { display: block; } 
.csFileListWrap > ul { width: 100%; float: left; padding: 5px 10px; } 
.csFileListWrap > ul > li { width: 100%; float: left; margin: 2px 0; } 
.csFileListWrap > ul > li > a { width: 100%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; font-size: 13px; color: #333; font-weight: 500; } 
.csFileListWrap > ul > li > a > i { font-size: 15px; color: #000; margin-right: 5px; } 

/* 녹취파일재생영역 */
#dbCsRecPlayWrap { width: 100%; float: left; } 
#dbCsRecPlayWrap > .infoWrap { width: 100%; float: left; margin-bottom: 5px; } 
#dbCsRecPlayWrap > .infoWrap > div { height: 20px; line-height: 20px; font-size: 13px; font-weight: 500; } 
#dbCsRecPlayWrap > .infoWrap > .right { color: #666; } 
#dbCsRecPlayWrap > .infoWrap > .right > i { margin-right: 3px; } 

/* 일정영역 */
.scheduleViewWrap { padding: 0 !important; display: table; table-layout: fixed; overflow: hidden; } 
.scheduleViewWrap > div { display: table-cell; vertical-align: top; } 

.scheduleViewWrap > .leftInfoWrap { width: 250px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 20px 10px; border-right: 1px solid #E1E1E1; } 
.scheduleViewWrap > .leftInfoWrap > .userInfoWrap { width: 100%; height: 23px; line-height: 23px; float: left; margin-bottom: 20px; font-size: 18px; } 
.scheduleViewWrap > .leftInfoWrap > .userInfoWrap > i { color: #4B88B5; margin-right: 8px; font-size: 23px; vertical-align: middle; top: -2px; } 
.scheduleViewWrap > .leftInfoWrap > .userInfoWrap > b { color: #000; } 
.scheduleViewWrap > .leftInfoWrap > .userInfoWrap > span { color: #666; font-weight: 500; letter-spacing: -0.5px; } 
.scheduleViewWrap > .leftInfoWrap > .btnWrap { width: 100%; float: left; margin-bottom: 30px; } 
.scheduleViewWrap > .leftInfoWrap > .btnWrap > button { width: 100%; height: 40px; line-height: 38px; font-weight: bold; font-size: 15px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap { width: 100%; float: left; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap { width: 100%; height: 30px; line-height: 30px; float: left; margin-bottom: 20px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap > p { width: 100%; float: left; text-align: center; font-size: 22px; color: #000; font-weight: bold; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap > p > span { color: #4B88B5; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap > a { position: absolute; width: 30px; height: 30px; line-height: 28px; border-radius: 100%; background-color: #FFF; border: 1px solid #E2E2E2; text-align: center; font-size: 17px; color: #666; top: 0; z-index: 2; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap > a:first-of-type { left: 0; padding-right: 2px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .dateInfoWrap > a:last-of-type { right: 0; padding-left: 2px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap { width: 100%; float: left; border: 1px solid #E1E1E1; border-radius: 10px; padding: 10px 10px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table { width: 100%; float: left; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table th { height: 25px; text-align: center; color: #999; font-size: 12px; font-weight: bold; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table td { height: 25px; text-align: center; color: #222; font-size: 12px; font-weight: bold; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table td * { letter-spacing: -0.5px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table td > .active { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; color: #FFF; font-size: 13px; background-color: #4B88B5; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table td > .gray { color: #999; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap { width: 100%; float: left; margin-top: 25px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; padding: 20px 0; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > .title { width: 100%; float: left; padding: 0 10px; font-size: 15px; font-weight: bold; color: #4B88B5; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > .title > i { margin-right: 8px; font-size: 17px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul { width: 100%; float: left; padding: 0 20px 0 32px; margin-top: 10px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul > li { width: 100%; float: left; margin: 10px 0; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul > li:last-of-type { margin-bottom: 0; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul > li > span { height: 15px; line-height: 15px; font-weight: 500; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul > li > span.label { float: left; font-size: 14px; color: #000; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .todayWrap > ul > li > span.value { float: right; font-size: 13px; color: #333; letter-spacing: -0.5px; } 

.scheduleViewWrap > .rightInfoWrap { padding-bottom: 50px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap { width: 100%; height: 100px; float: left; border-bottom: 2px solid #4B88B5; overflow: hidden; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div { width: 100%; height: 100%; float: left; padding: 0 calc(calc(100% - 340px) / 2); padding-top: 18px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .leftBtnWrap { position: absolute; z-index: 2; left: 0; bottom: -1px; padding: 0 0 0 20px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .leftBtnWrap > * { width: 180px; height: 50px; line-height: 48px; margin-right: 10px; font-size: 14px; border-radius: 5px 5px 0 0; color: #999; border: 1px solid #CCC; background-color: #FFF; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .leftBtnWrap > *.active { border: 1px solid #4B88B5; color: #4B88B5; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .rightBtnWrap { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 0 10px 10px 0; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .rightBtnWrap > * { width: 150px; height: 40px; line-height: 38px; margin-left: 10px; font-size: 14px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap { width: 100%; height: 100%; float: left; text-align: center; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > a { position: absolute; width: 35px; height: 35px; line-height: 33px; border-radius: 100%; background-color: #FFF; border: 1px solid #4B88B5; text-align: center; font-size: 23px; color: #4B88B5; top: 15px; z-index: 2; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > a:first-of-type { left: 0; padding-right: 2px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > a:last-of-type { right: 0; padding-left: 2px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > p { color: #4B88B5; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > p > i { font-size: 42px; top: -2px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > p > span { display: inline-block; line-height: 22px; text-align: left; font-size: 25px; font-weight: bold; color: #4B88B5; padding-left: 10px; } 
.scheduleViewWrap > .rightInfoWrap > .topInfoWrap > div > .dateWrap > p > span > .label { font-size: 12px; font-weight: 500; color: #999; letter-spacing: -0.5px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap { width: 100%; float: left; border-bottom: 1px solid #4B88B5; display: none; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap { width: 100%; float: left; display: table; table-layout: fixed; border-top: 1px solid #E1E1E1; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap.after { border-top: 1px solid #4B88B5; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap:first-of-type { border-top: 0 !important; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > div { display: table-cell; vertical-align: top; } 

/*.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .time { width: 110px; border-right: 1px solid #E1E1E1; padding: 20px 0 0 30px; } */
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .time { width: 110px; border-right: 1px solid #E1E1E1; padding: 24px 0 0 30px; } 

.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .time > span { font-size: 13px; font-weight: bold; color: #000; letter-spacing: -0.5px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list { padding: 20px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul { width: 100%; float: left; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li { width: 100%; float: left; margin-bottom: 10px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li:last-of-type { margin-bottom: 0; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li:last-of-type > .memoMore { margin-bottom: 0; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .label { width: 55px; height: 25px; line-height: 23px; float: left; background-color: #4B88B5; border-radius: 5px; color: #FFF; border: 1px solid #4B88B5; font-size: 12px; font-weight: bold; text-align: center; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .label.border { background-color: #FFF; color: #4B88B5; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .value { width: 60px; height: 25px; line-height: 25px; float: left; margin-left: 20px; font-size: 13px; color: #999; letter-spacing: -0.5px; font-weight: 500; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .memo { width: calc(100% - 135px); float: left; color: #666; font-size: 14px; letter-spacing: -0.5px; line-height: 22px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .memo > .user { color: #333; letter-spacing: -0.5px; font-weight: 500; margin-right: 20px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .memo > .type { color: #4B88B5; letter-spacing: -0.5px; font-weight: bold; margin-right: 25px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .itemWrap > .list > ul > li > .memoMore { width: calc(100% - 135px); float: right; margin-top: 10px; background-color: #F7F7F7; border: 1px solid #F3F3F3; border-radius: 5px; color: #666; font-size: 14px; letter-spacing: -0.5px; line-height: 22px; padding: 20px; margin-bottom: 20px; } 
.scheduleViewWrap > .rightInfoWrap > .listWrap > .noWrap { width: 100%; height: 140px; line-height: 140px; float: left; text-align: center; font-weight: 500; color: #AAA; } 

.scheduleViewWrap > .rightInfoWrap > .memoWrap { width: 100%; float: left; border-bottom: 1px solid #4B88B5; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul { width: 100%; float: left; padding: 30px 20px; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul > .no { width: 100%; height: 80px; line-height: 80px; float: left; text-align: center; font-weight: 500; color: #AAA; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul > .item { width: 100%; float: left; background-color: #F7F7F7; background-color: #F3F3F3; border-radius: 5px; padding: 20px 30px; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul > .item > .dateInfoWrap { width: 100%; height: 18px; line-height: 18px; float: left; font-size: 13px; font-weight: bold; color: #333; letter-spacing: -0.5px; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul > .item > .dateInfoWrap > i { font-size: 18px; margin-right: 8px; top: 1px; } 
.scheduleViewWrap > .rightInfoWrap > .memoWrap > ul > .item > .conWrap { width: 100%; float: left; padding-left: 25px; font-size: 13px; color: #666; line-height: 24px; letter-spacing: -0.5px; margin-top: 20px; } 

/* 팝업정보영역 */
.popupMiniInfoWrap { width: 100%; float: left; border: 3px solid #CCC; } 
.popupMiniInfoWrap > ul { width: 100%; height: 60px; float: left; display: table; table-layout: fixed; padding: 22.5px 25px; } 
.popupMiniInfoWrap > ul > li { display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #E1E1E1; } 
.popupMiniInfoWrap > ul > li:last-of-type { border-right: 0; } 
.popupMiniInfoWrap > ul > .none { border-right: 0; } 
.popupMiniInfoWrap > ul > li > span { font-size: 14px; } 
.popupMiniInfoWrap > ul > li > span.label { font-weight: bold; color: #333; } 
.popupMiniInfoWrap > ul > li > span.value { font-weight: 500; margin-left: 30px; letter-spacing: -0.5px; color: #666; } 
.popupMiniInfoWrap > ul > li > .typeBtn { width: 49.5%; margin-right: 1%; } 
.popupMiniInfoWrap > ul > li > .typeBtn:last-of-type { margin-right: 0; } 

.popupMiniInfoWrap.item3 > ul > li { width: 33.33%; } 
.popupMiniInfoWrap.item4 > ul > li { width: 25%; } 

/* 상품선택영역 */
.dbProductSelectWrap { width: 100%; float: left; } 

.dbProductSelectWrap div.title { width: 100%; float: left; margin-top: 20px; margin-bottom: 5px; } 
.dbProductSelectWrap div.title > div > span { height: 35px; line-height: 35px; float: left; font-size: 15px; font-weight: bold; color: #333; } 
.dbProductSelectWrap div.title > .left { padding-left: 10px; } 
.dbProductSelectWrap div.title > .right > span.small { height: 15px; line-height: 15px; font-weight: 500; color: #666; border-left: 1px solid #666; letter-spacing: -0.5px; padding-left: 5px; top: 15px; font-size: 13px; } 
.dbProductSelectWrap div.title > .right > .typeBtn { top: -15px; } 

.dbProductSelectWrap > ul { width: 100%; float: left; background-color: #EBEBEB; padding: 10px 40px; } 
.dbProductSelectWrap > ul > li { width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid #FFF; } 
.dbProductSelectWrap > ul > li:last-of-type { border-bottom: 0; } 
.dbProductSelectWrap > ul > li > div > .label { height: 35px; line-height: 35px; float: left; font-size: 13px; font-weight: bold; color: #333; margin-right: 20px; margin-left: 10px; } 
.dbProductSelectWrap > ul > li > div > .label:first-of-type { margin-left: 0; } 
.dbProductSelectWrap > ul > li > .right > .label:first-of-type { border-left: 1px solid #FFF; padding-left: 20px; } 
.dbProductSelectWrap > ul > li > div > .txtBox { margin-right: 10px; } 
.dbProductSelectWrap > ul > li > div > button { width: 80px; height: 35px; line-height: 33px; float: left; border-radius: 50px; font-weight: 500; font-size: 13px; margin-left: 20px; } 
.dbProductSelectWrap > ul > li > div > button > i { color: #000; opacity: 0.5; font-size: 15px; top: 1px; } 

.dbProductSelectWrap > .dataListWrap > table { border-bottom: 1px solid #999 !important; } 
.dbProductSelectWrap > .dataBtnWrap { border-bottom: 1px solid #999 !important; background-color: #FFF; } 

.dbProductSelectWrap > .totalPriceWrap { width: 100%; float: left; display: table; table-layout: fixed; border-bottom: 1px solid #4B88B5; padding: 30px 0; } 
.dbProductSelectWrap > .totalPriceWrap > div { display: table-cell; vertical-align: middle; border-right: 1px solid #E1E1E1; float: none; text-align: center; } 
.dbProductSelectWrap > .totalPriceWrap > div:last-of-type { border-right: 0; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul { width: 100%; float: left; text-align: center; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul > li { display: inline-block; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul > li.icon { margin: 0 50px; color: #CCC; font-weight: bold; font-size: 18px; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul > li.item { text-align: left; color: #333; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul > li.item > .label { font-size: 13px; } 
.dbProductSelectWrap > .totalPriceWrap > .left > ul > li.item > .price { font-size: 17px; font-weight: bold; } 
.dbProductSelectWrap > .totalPriceWrap > .right { width: 400px; font-size: 19px; font-weight: bold; color: #333; } 
.dbProductSelectWrap > .totalPriceWrap > .right > .point { color: #DC3333; letter-spacing: -0.5px; margin-left: 25px; } 

.dbProductSelectWrap > .totalPriceWrap.mini { border-bottom: 0; padding: 0; border-top: 1px solid #4B88B5; z-index: 2; top: -1px; } 
.dbProductSelectWrap > .totalPriceWrap.mini > .right { height: 50px; text-align: right; font-size: 16px; padding-right: 20px; } 

/* 210217 추가배송지 관련 CSS */
.deliveryWrap { width:100%; float:left; } 
.deliveryWrap > div { width:100%; float:left; } 
.deliveryWrap > div:not(:first-child) { margin-top:20px; } 

/* 숫자 */
.cntControlWrap { float: left; } 
.cntControlWrap > .txtBox { width: 50px; text-align: center; font-weight: 500; border: 1px solid #D5D5D5 !important; border-left: 0 !important; border-right: 0 !important; } 
.cntControlWrap > i { width: 35px; height: 35px; line-height: 35px; float: left; border: 1px solid #D5D5D5; background-color: #F5F5F5; text-align: center; cursor: pointer; font-size: 12px; color: #666; } 

/* 팝업단계정보영역 */
.popupStepInfoWrap { width: 100%; height: 40px; float: left; margin-bottom: 30px; } 
.popupStepInfoWrap > .line { position: absolute; width: 100%; height: 1px; left: 0; top: 10px; background-color: #E2E2E2; } 
.popupStepInfoWrap > .listWrap { width: 100%; float: left; z-index: 2; display: table; table-layout: fixed; } 
.popupStepInfoWrap > .listWrap > li { display: table-cell; vertical-align: top; top: 3px; } 
.popupStepInfoWrap > .listWrap > li > .circleWrap { width: 100%; float: left; text-align: center; } 
.popupStepInfoWrap > .listWrap > li > .circleWrap > .circle { display: inline-block; width: 15px; height: 15px; background-color: #FFF; border-radius: 100%; border: 3px solid #BBB; } 
.popupStepInfoWrap > .listWrap > li > .nameWrap { width: 100%; float: left; text-align: center; font-size: 13px; font-weight: 500; color: #000; margin-top: 5px; } 
.popupStepInfoWrap > .listWrap > li > .nameWrap > .point { color: #4B88B5; } 
.popupStepInfoWrap > .listWrap > li.active > .circleWrap > .circle { border-color: #4B88B5; } 

.popupStepInfoWrap.type4 > .listWrap > li { width: 25%; } 

.popupStepItem { display: none; } 


/* 템플릿목록 */
.smsTemplateWrap { width: 100%; float: left; border-top: 2px solid #DEDEDE; border-bottom: 1px solid #E3E3E3; padding-top: 20px; } 
.smsTemplateWrap > ul { width: 100%; float: left; } 

.smsTemplateWrap > .itemList > li { width: calc(calc(100% - 80px) / 5); float: left; margin-right: 20px; margin-bottom: 20px; background-color: #FAFAFA; padding: 15px; border: 1px solid #E5E5E5; } 
.smsTemplateWrap > .itemList > li:nth-of-type(5n) { margin-right: 0; } 
.smsTemplateWrap > .itemList > li > input.txtBox { margin-bottom: 10px; } 
.smsTemplateWrap > .itemList > li > textarea.txtBox { height: 200px; margin-bottom: 10px; } 
.smsTemplateWrap > .itemList > li > label { top: 2.5px; } 
.smsTemplateWrap > .itemList > li > button { width: 65px; float: right; margin-left: 3px; } 

.smsTemplateWrap > .no > li { width: 100%; float: left; text-align: center; font-size: 13px; color: #666; margin-bottom: 20px; } 

/* 채팅정보영역 */
#chatInfoWrap { width: 100%; height: 500px; float: left; display: table; table-layout: fixed; padding-top: 45px; } 
#chatInfoWrap > div { height: 100%; display: table-cell; vertical-align: top; } 

#chatInfoWrap > .btnWrap { position: absolute; width: 100%; height: auto; display: block; left: 0; top: 0; } 
#chatInfoWrap > .btnWrap .typeBtn { width: 120px; } 
#chatInfoWrap > .btnWrap .typeBtn:not(:last-child) { margin-right:10px; } 

#chatInfoWrap > .listWrap { width: 430px; padding-right: 30px; } 
#chatInfoWrap > .listWrap > div { width: 100%; float: left; border: 1px solid #CCC; } 

#chatInfoWrap > .listWrap > .tabListWrap { border-bottom: 0; } 
#chatInfoWrap > .listWrap > .tabListWrap > ul { width: 100%; float: left; } 
/*#chatInfoWrap > .listWrap > .tabListWrap > ul > li { width: 50%; height: 45px; line-height: 45px; float: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; cursor: pointer; text-align: center; font-size: 13px; font-weight: bold; color: #666; } */
#chatInfoWrap > .listWrap > .tabListWrap > ul > li { width: 33.33%; height: 45px; line-height: 45px; float: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; cursor: pointer; text-align: center; font-size: 13px; font-weight: bold; color: #666; } 
#chatInfoWrap > .listWrap > .tabListWrap > ul > li:last-of-type { border-right: 0; } 
#chatInfoWrap > .listWrap > .tabListWrap > ul > li.active { border-bottom: 1px solid #FFF; color: #4B8BB5; cursor: default; } 

#chatInfoWrap > .listWrap > .tabContentsWrap { height: 499px; border-top: 0; overflow-y: auto; } 
#chatInfoWrap > .listWrap > .tabContentsWrap::-webkit-scrollbar { background-color: #FFF; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > div { width: 100%; float: left; padding: 20px; display: none; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .active { display: block; } 

#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul { width: 100%; float: left; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li { width: 100%; float: left; padding: 20px 15px; background-color: #F7F7F7; border-radius: 5px; margin-bottom: 10px; cursor: pointer; display: table; border: 1px solid #F7F7F7; padding-right: 35px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li.active { border: 1px solid #4B8BB5; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li.no { background-color: #FFF; display: block; text-align: center; color: #CCC; cursor: default; border: 0; padding: 20px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li.no > i { font-size: 62px; margin-bottom: 20px; color: #DDD; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li.no > span { font-weight: 500; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li:last-of-type { margin-bottom: 0; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > div { display: table-cell; vertical-align: middle; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .likeBtn { position: absolute; display: block; top: 6px; left: 8px; cursor: pointer; color: #BBB } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .likeBtn.active { color: #4B8BB5; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .iconWrap { width: 45px; height: 45px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .iconWrap > i { font-size: 45px; color: #AAA; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap { width: calc(100% - 45px); padding-left: 10px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > div { width: 235px; float: left; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 500; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .name { color: #333; margin-bottom: 3px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .memo { color: #666; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .memo > i { margin-right: 5px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .memo > i.fa-arrow-left { color: #FF6A00; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .memo > i.fa-arrow-right { color: #3366CC; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .infoWrap > .date { font-size: 11px; color: #999; margin-top: 2px; } 
#chatInfoWrap > .listWrap > .tabContentsWrap > .roomList > ul > li > .newCnt { position: absolute; width: 20px; height: 20px; line-height: 20px; color: #FFF; letter-spacing: -0.5px; background-color: #DC3333; text-align: center; border-radius: 100%; right: 15px; top: 50%; margin-top: -8px; font-size: 11px; font-weight: 500; } 

#chatInfoWrap > .moreInfoWrap { width: 610px; border: 1px solid #CCC; } 
#chatInfoWrap > .moreInfoWrap > div { width: 100%; height: 100%; float: left; display: none; background-color: #FBFBFB; } 
#chatInfoWrap > .moreInfoWrap > .active { display: block; } 

#chatInfoWrap > .moreInfoWrap > .chatWrap > .background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #bacee0; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap { width: 100%; height: 488px; float: left; z-index: 2; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 20px; padding-bottom: 0; z-index: 2; overflow-y: auto; opacity: 1; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li { width: 100%; float: left; padding-bottom: 20px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .name { width: 100%; float: left; font-weight: bold; font-size: 13px; color: #4B88B5; padding: 0 5px; margin-bottom: 5px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo { max-width: 450px; float: left; background-color: #FFF; border-radius: 10px; padding: 15px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo * { letter-spacing: -0.5px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo > p { float: left; font-size: 13px; color: #666; line-height: 18px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo > .date { position: absolute; letter-spacing: -0.5px; color: #666; font-weight: 400; font-size: 11px; bottom: 10px; white-space: nowrap; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo .readCheck { color:#ffeb33; font-weight:bold; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.member > .memo > .date { left: 100%; margin-left: 10px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.me > .name { text-align: right; display: none; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.me > .memo { float: right; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.me > .memo > .date { right: 100%; margin-right: 10px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.date { text-align:center; }
#chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li.date > span { background-color:rgba(0,0,0,0.4); color:white; border-radius:50px; padding:4px 17px ;}
#chatInfoWrap > .moreInfoWrap > .chatWrap > .frmWrap { width: 100%; float: left; z-index: 2; background-color: #FFF; padding: 10px; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .frmWrap > .txtBox { width: calc(100% - 60px); border: 0 !important; } 
#chatInfoWrap > .moreInfoWrap > .chatWrap > .frmWrap > button { width: 60px; } 

#chatInfoWrap > .moreInfoWrap > .writeWrap { padding: 20px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > div { width: 100%; float: left; } 

#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap { margin-bottom: 10px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > select.txtBox { width: 140px; margin-right: 10px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > input.txtBox { width: calc(100% - 150px); padding-right: 50px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .searchBtn { position: absolute; z-index: 2; right: 15px; top: 50%; margin-top: -10px; color: #4B88B5; font-size: 20px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap { position: absolute; width: calc(100% - 150px); background-color: #FFF; top: 100%; border: 1px solid #CCC; right: 0; z-index: 2; margin-top: -1px; display: none; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox { width: 100%; float: left; padding: 20px; max-height: 158px; overflow-y: auto; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li { width: 100%; float: left; margin-bottom: 15px; cursor: pointer; color:#666; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li:hover { opacity:0.6; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li:last-of-type { margin-bottom: 0; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li > div { height: 15px; line-height: 15px; font-size: 13px; letter-spacing: -0.5px; color: inherit; font-weight: 500; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li > div > i { color: inherit; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li > .left > i { margin-right: 10px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li > .right > i { cursor: pointer; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.resultBox > li.active { opacity:0.6; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.closeBox { width:100%; float:left; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.closeBox > li { width:100%; float:left; text-align:right; padding:10px 20px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul.closeBox > li .searchCloseBtn { color:#b5b5b5; padding: 0 6px; line-height:30px; } 

#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap { border-bottom: 1px solid #4B88B5; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .label { width: 70px; height: 35px; line-height: 35px; float: left; font-weight: bold; color: #4B88B5; font-size: 14px; padding-left: 5px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .value { width: calc(100% - 70px); height: 45px; float: left; white-space: nowrap; padding-bottom: 5px; overflow-x: auto; overflow-y: hidden; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .value::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .value > li { display: inline-block; height: 35px; line-height: 35px; border: 1px solid #DDD; padding: 0 10px; margin-right: 5px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .value > li:last-of-type { margin-right: 0; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .receiveWrap > .value > li > i { margin-left: 5px; color: #DC3333; cursor: pointer; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .frmWrap { position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px 20px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .frmWrap > textarea.txtBox { height: 370px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .frmWrap > .btnWrap { width: 100%; float: left; text-align: center; padding-top: 10px; } 
#chatInfoWrap > .moreInfoWrap > .writeWrap > .frmWrap > .btnWrap> button { display: inline-block; float: none; margin: 0 2px; } 

/* 배송지목록 */
.dbOrderDeliveryListWrap { width: 100%; float: left; } 
.dbOrderDeliveryListWrap > ul { width: 100%; float: left; border: 1px solid #E3E3E3; padding: 10px 15px; margin-bottom: 10px; } 
.dbOrderDeliveryListWrap > ul:last-of-type { margin-bottom: 0; } 
.dbOrderDeliveryListWrap > ul > li { width: 100%; float: left; } 
.dbOrderDeliveryListWrap > ul > li.name { font-size: 15px; font-weight: bold; color: #333; } 
.dbOrderDeliveryListWrap > ul > li.tel { font-size: 14px; font-weight: 500; color: #999; letter-spacing: -0.5px; margin-top: -2px; } 
.dbOrderDeliveryListWrap > ul > li.addr { font-size: 14px; font-weight: 500; color: #666; letter-spacing: -0.5px; margin-top: 3px; word-break: keep-all; } 
.dbOrderDeliveryListWrap > ul > li.selectBtn { position: absolute; width: 65px; height: 30px; line-height: 28px; top: 15px; right: 15px; border-radius: 50px; z-index: 2; cursor: pointer; } 
.dbOrderDeliveryListWrap > .no { width: 100%; float: left; padding: 20px; text-align: center; color: #CCC; } 
.dbOrderDeliveryListWrap > .no > i { font-size: 62px; margin-bottom: 10px; color: #DDD; } 
.dbOrderDeliveryListWrap > .no > span { font-weight: 500; } 


/* 그룹톡 팀원 목록 */
.groupChatMemberListWrap { width: 100%; float: left; } 
.groupChatMemberListWrap > ul { width: 100%; float: left; border: 1px solid #E3E3E3; padding: 10px 15px; margin-bottom: 10px; } 
.groupChatMemberListWrap > ul:last-of-type { margin-bottom: 0; } 
.groupChatMemberListWrap > ul > li { width: 100%; float: left; } 
.groupChatMemberListWrap > ul > li.name { font-size: 15px; font-weight: bold; color: #333; } 
.groupChatMemberListWrap > ul > li.tel { font-size: 14px; font-weight: 500; color: #999; letter-spacing: -0.5px; margin-top: -2px; } 
.groupChatMemberListWrap > ul > li.addr { font-size: 14px; font-weight: 500; color: #666; letter-spacing: -0.5px; margin-top: 3px; word-break: keep-all; } 
.groupChatMemberListWrap > ul > li.selectBtn { position: absolute; width: 65px; height: 30px; line-height: 28px; top: 50%; margin-top: -15px; right: 15px; z-index: 2; } 
.groupChatMemberListWrap > ul > li.selectBtn label { width:100%; line-height:inherit; text-align:center; float:left; border-radius: 50px; cursor: pointer; } 
.groupChatMemberListWrap > ul > li.selectBtn input { display:none; } 
.groupChatMemberListWrap > .no { width: 100%; float: left; padding: 20px; text-align: center; color: #CCC; } 
.groupChatMemberListWrap > .no > i { font-size: 62px; margin-bottom: 10px; color: #DDD; } 
.groupChatMemberListWrap > .no > span { font-weight: 500; } 

/* 동일고객등록영역 */
.dbSameWriteWrap { width: 100%; float: left; margin-bottom: 100px; border-bottom: 1px solid #E1E1E1; padding: 40px 160px; padding-top: 0; } 

.dbSameWriteWrap > .frmWrap { width: 100%; float: left; display: table; table-layout: fixed; } 
.dbSameWriteWrap > .frmWrap > * { height: 200px; display: table-cell; vertical-align: middle; } 
.dbSameWriteWrap > .frmWrap > .iconWrap { width: 130px; text-align: center; font-size: 48px; color: #4B8BB5; } 
.dbSameWriteWrap > .frmWrap > .itemWrap { border-radius: 5px; border: 2px solid #4B8BB5; padding: 0 100px; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li { width: 100%; float: left; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.btn > button { width: 100%; height: 40px; color: #FFF; font-weight: bold; text-align: center; background-color: #FF6600; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.btn > button > i { position: absolute; font-size: 16px; top: 50%; margin-top: -8px; right: 20px; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.info { height: 30px; line-height: 29px; margin-top: 20px; border-bottom: 1px solid #4B8BB5; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.info > i { color: #CCC; font-size: 18px; margin-right: 10px; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.info > span { color: #CCC; font-size: 13px; font-weight: 500; letter-spacing: -0.5px; } 
.dbSameWriteWrap > .frmWrap > .itemWrap > li.info > span.selected { color: #333; } 

.dbSameWriteWrap > .btnWrap { width: 100%; float: left; text-align: center; margin-top: 40px; } 
.dbSameWriteWrap > .btnWrap > * { width: 220px; display: inline-block; float: none; } 

/* 팝업미니검색영역 */
.popupMiniSearchWrap { width: 100%; float: left; background-color: #F3F3F3; padding: 35px 0; text-align: center; } 
.popupMiniSearchWrap > * { display: inline-block; float: none !important; margin: 0 5px; } 
.popupMiniSearchWrap > select.txtBox { width: 160px; } 
.popupMiniSearchWrap > input.txtBox { width: 500px; } 
.popupMiniSearchWrap > .typeBtn { width: 120px; } 

/* 멀티첨부파일 */
.multiFileWrap { width: 100%; float: left; border: 1px solid #DDD; } 
.multiFileWrap > ul { width: 100%; float: left; } 
.multiFileWrap > ul:last-of-type > li { border-bottom: 0 !important; } 
.multiFileWrap > ul > li { height: 35px; line-height: 35px; float: left; font-size: 13px; color: #666; text-align: center; padding: 0 10px; } 
.multiFileWrap > ul > li:last-of-type { border-right: 0 !important; } 
.multiFileWrap > ul > li:nth-of-type(1) { width: 70%; } 
.multiFileWrap > ul > li:nth-of-type(2) { width: 20%; } 
.multiFileWrap > ul > li:nth-of-type(3) { width: 10%; } 

.multiFileWrap > ul.head > li { border-bottom: 1px solid #DDD; font-weight: bold; border-right: 1px solid #DDD; background-color: #F5F5F5; } 

.multiFileWrap > ul.list > li { border-bottom: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; } 
.multiFileWrap > ul.list > li:first-of-type { text-align: left; } 
.multiFileWrap > ul.list > li > .deleteBtn { color: #DC3333; cursor: pointer; } 
.multiFileWrap > ul.list > li > a > i { margin-right: 5px; } 

.multiFileWrap > ul.no > li { width: 100% !important; color: #CCC; } 

/* AS DB분배 */
.asDBdistWrap { width: 100%; float: left; } 
.asDBdistWrap > li { height: 30px; line-height: 28px; float: left; padding: 0 10px; border: 1px solid #DDD; margin-right: 5px; letter-spacing: -0.5px; font-size: 12px; margin-top: 5px; } 
.asDBdistWrap > li > i { cursor: pointer; color: #DC3333; margin-left: 20px; font-size: 14px; top: 2px; } 
.asDBdistWrap > li.no { border: 0; padding: 0; font-weight: 500; color: #CCC; } 

/* 대시보드 */
#mainDashboardWrap { width: 100%; min-height: 100%; float: left; background-color: #E9E9E9; padding: 25px; } 
#mainDashboardWrap > div { width: 100%; float: left; } 

#mainDashboardWrap > div > .boxWrap { width: 100%; float: left; margin-bottom: 25px; } 
#mainDashboardWrap > div > .boxWrap:last-of-type { margin-bottom: 0; } 
#mainDashboardWrap > div > .boxWrap > .box { width: 100%; min-height: 180px; float: left; background-color: #FFF; padding: 25px; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); margin-right: 25px; } 
#mainDashboardWrap > div > .boxWrap > .box:last-of-type { margin-right: 0; } 
#mainDashboardWrap > div > .boxWrap.cnt4 > .box { width: calc(calc(100% - 75px) / 4); } 
#mainDashboardWrap > div > .boxWrap.cnt3 > .box { width: calc(calc(100% - 50px) / 3); } 
#mainDashboardWrap > div > .boxWrap.cnt2 > .box { width: calc(calc(100% - 25px) / 2); } 
#mainDashboardWrap > div > .boxWrap > .box > .boxTit { width: 100%; float: left; } 
#mainDashboardWrap > div > .boxWrap > .box > .boxTit > span { height: 15px; line-height: 15px; float: left; } 
#mainDashboardWrap > div > .boxWrap > .box > .boxTit > span.big { border-left: 3px solid #4B8BB5; padding-left: 15px; font-weight: bold; color: #333; font-size: 15px; margin-right: 15px; } 
#mainDashboardWrap > div > .boxWrap > .box > .boxTit > span.small { font-weight: 500; color: #999; font-size: 12px; } 

#mainDashboardWrap > div > .boxWrap > .box > .dash_tab { width:100%; float:left; margin-top: 52px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_tab > ul { width:100%; float:left; text-align:center; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_tab > ul > li { width:200px; display:inline-block; vertical-align: middle; text-align:center; border:1px solid #60884d; margin-left:-2px; line-height:35px; font-size:13px; cursor:pointer; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_tab > ul > li:not(:first-child) { border-left:none; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_tab > ul > li.active { background-color:#60884d; color:white; } 

#mainDashboardWrap > div > .boxWrap > .box > .graph { width:100%; float:left; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph > div { width:100%; float:left; margin-top:50px; } 

#mainDashboardWrap > div > .boxWrap > .box > .graph2 { width:100%; float:left; margin-top:50px; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.graph_box { width:60%; float:left; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box { width:40%; float:left; padding-top:18px; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul { width:100%; float:left; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li { width:100%; float:left; line-height:30px; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li span { float:left; font-weight: bold; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li .rank_num { width:7%; text-align: center; color:#999999; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li .rank_name { width:58%; color:#999999; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li .rank_price { width:35%; text-align:right; color:#666666; } 
#mainDashboardWrap > div > .boxWrap > .box > .graph2 > div.rank_box > ul > li:first-child .rank_price { color:#cd3434; } 

#mainDashboardWrap > div > .boxWrap > .box > .dash_date { width:100%; float:left; margin-top: 52px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date ul { width:100%; float:left; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li { width:100%; float:left; text-align:center; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .dateBtn { width: 50px; height: 32px; line-height: 32px; display:inline-block; vertical-align: middle; cursor: pointer; background-color: #EBEBEB; font-weight: bold; font-size: 12px; text-align: center; margin-right: 5px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .txtBox.s_date { width: 150px; padding-right: 30px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .txtBox.e_date { width: 150px; padding-right: 30px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .calendarIcon { position: absolute; font-size: 16px; color: #CCC; margin-left: -32px; margin-top: 8px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .hypen { height: 32px; line-height: 32px; display:inline-block; vertical-align: middle; color: #999; font-weight: bold; font-size: 18px; margin-right: 10px; } 
#mainDashboardWrap > div > .boxWrap > .box > .dash_date li > .txtBox { height: 32px; line-height: 32px; margin-right: 10px; float:none; } 

#mainDashboardWrap .miniBoxContent { width:100%; float:left; padding-top:25px; } 
#mainDashboardWrap .miniBoxContent1 .iconWrap { width:20%; float:left; text-align:center; } 
#mainDashboardWrap .miniBoxContent1 .iconWrap i { width: 50px; height: 50px; line-height: 50px; border-radius: 50px; display:inline-block; vertical-align: middle; color: rgba(255, 255, 255, 0.51); text-align: center; font-size: 24px; } 
#mainDashboardWrap .miniBoxContent1 .dataWrap { width:80%; float:left; padding-left:5%; padding-right:5%; } 
#mainDashboardWrap .miniBoxContent1 .dataWrap > ul { width:100%; float:left; border-bottom:1px solid #ccc; } 
#mainDashboardWrap .miniBoxContent1 .dataWrap > ul > li { line-height:25px; } 
#mainDashboardWrap .miniBoxContent1 .dataWrap .label { width:80%; float:left; padding-left:10px; } 
#mainDashboardWrap .miniBoxContent1 .dataWrap .value { width:20%; float:left; text-align:right; padding-right:10px; } 

#mainDashboardWrap .miniBoxContent2 .dataWrap { width:100%; float:left; padding-left:3%; padding-right:5%; } 
#mainDashboardWrap .miniBoxContent2 .dataWrap > ul { width:100%; float:left; } 
#mainDashboardWrap .miniBoxContent2 .dataWrap > ul > li { width:100%; float:left; border-bottom:1px solid #ccc; } 
#mainDashboardWrap .miniBoxContent2 .dataWrap > ul > li > a { width:100%; float:left; line-height:30px; color:#666666; } 
#mainDashboardWrap .miniBoxContent2 .dataWrap > ul > li > a .reg_title { width:80%; float:left; color:inherit; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
#mainDashboardWrap .miniBoxContent2 .dataWrap > ul > li > a .reg_date { width:20%; float:right; color:inherit; text-align:right; } 


#mainDashboardWrap > div > .boxBigTitWrap { width: 100%; float: left; padding: 0 15px; margin: 20px 0 25px 0; } 
#mainDashboardWrap > div > .boxBigTitWrap:nth-of-type(1) { display:none; } 
#mainDashboardWrap > div > .boxBigTitWrap > span { float: left; font-weight: 900; color: #4B8BB5; } 
#mainDashboardWrap > div > .boxBigTitWrap > span.big { font-size: 21px; } 
#mainDashboardWrap > div > .boxBigTitWrap > span.small { font-size: 17px; margin-left: 5px; top: 5px; } 

#mainDashboardWrap > .leftWrap { width: calc(100% - 405px); } 

#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box { height: 80px; min-height: 80px; float: none; display: table; table-layout: fixed; padding: 0; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > div { display: table-cell; vertical-align: middle; float: none; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .iconWrap { width: 75px; height: 100%; line-height: 80px; float: left; background-color: #4B8BB5; text-align: center; color: #FFF; font-size: 25px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap { float: left; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul { float: left; padding: 30px 10px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul > li { height: 20px; line-height: 20px; float: left; padding: 0 20px; border-right: 1px solid #E1E1E1; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul > li:last-of-type { border-right: 0; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul > li > span { font-size: 13px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul > li > span.label { font-weight: bold; color: #999; margin-right: 15px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .left > .infoWrap > ul > li > span.value { font-weight: 500; color: #333; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right { width: 400px; border-left: 1px solid #ECECEC; padding: 22.5px 30px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > div { height: 35px; line-height: 35px; float: left; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .iconWrap { width: 35px; border-radius: 5px; background-color: #cc3333; text-align: center; color: #FFF; font-size: 15px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .linkWrap { width: calc(100% - 160px); padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: #333; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .linkWrap a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .linkWrap > span { font-weight: 500; color: #CCC; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .dateWrap { width: 125px; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .dateWrap > span { font-size: 13px; color: #333; } 
#mainDashboardWrap > .leftWrap > .companyInfoWrap > .box > .right > .dateWrap > i { float: right; font-size: 14px; color: #666; top: 50%; margin-top: -7px; } 

#mainDashboardWrap > .leftWrap > .dataTableWrap > .box { min-height: 100px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap { width: 100%; float: left; display: table; table-layout: fixed; margin-top: 25px; margin-bottom: 10px; padding: 0 13px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > div { height: 70px; display: table-cell; vertical-align: middle; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .iconWrap { width: 90px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .iconWrap > i { width: 70px; height: 70px; line-height: 70px; border-radius: 100%; float: left; background-color: #4B8BB5; color: rgba(255, 255, 255, 0.23); text-align: center; font-size: 28px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap { border-left: 1px solid #E1E1E1; padding-left: 15px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul { width: 100%; float: left; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul > li { width: 100%; float: left; font-size: 13px; font-weight: bold; margin-bottom: 5px; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul > li:last-of-type { margin-bottom: 0; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul > li .point { color: #DC3333; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul > li > .label { float: left; color: #999; } 
#mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .infoWrap > ul > li > .value { float: right; color: #333; } 

/* 210310 대시보드 커스텀 */
#mainDashboardWrap > .leftWrap > .dashboardCustom1 { background-color:white; border-radius:5px; padding:25px 25px; box-shadow: 0 3px 4px rgb(0 0 0 / 5%) } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 > div { width:100%; float:left; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .leftBox { width:49%; float:left; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .leftBox > div { width:50%; float:left; background-color:rgba(96, 136, 77, 0.35); } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .leftBox > div:not(:first-child) { margin-left:2%; width:48%; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox { width:49%; float:right; border-left:1px solid #ccc; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox > div { width:33.33%; float:left; background-color:rgba(51,102,153, 0.15); } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox > div:first-child { width:47%; margin-left:3%; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox > div:not(:first-child) { margin-left:2%; width:48%; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box { padding:15px 15px 10px 15px; border-radius:5px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box > ul { text-align:center; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box > ul > li { width:100%; float:left; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box > .leftUlBox { width:30%; float:left; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box > .rightUlBox { width:65%; float:right; border-left:1px solid white; padding-left:15px; height:70px; padding-top:10px; } 



#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box .iconWrap > i { width: 50px; height: 50px; line-height: 50px; border-radius: 5px; display:inline-block; vertical-align: middle; background-color: #577847; color: rgba(255, 255, 255, 0.51); text-align: center; font-size: 24px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box .iconText { font-weight: bold; font-size:14px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .box .dash_val { background-color:white; line-height:40px; border-radius:5px; text-align:right; padding-right:20px; font-size: 20px; color:#60884d; font-weight: bold; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox .box .iconWrap > i { background-color:#337999; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox .box .dash_val { color:#337999; } 






/* 210311 대시보드 커스텀2 */
#mainDashboardWrap > .leftWrap > .dashboardCustom2 { background-color:white; border-radius:5px; padding:25px 25px; box-shadow: 0 3px 4px rgb(0 0 0 / 5%) } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 > div { width:100%; float:left; padding:15px 0; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 > div > div { width:100%; float:left; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom2 .refreshBtn { text-align:right; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .refreshBtn > span { background-color:#4B88B5; display:inline-block; border-radius: 50px; width:45px; height:26px; line-height:26px; text-align:center; color:white; cursor:pointer; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox { margin-top:10px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div { width:19.5%; float:left; line-height:40px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div:first-child { width:22%; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div:not(:first-child) { padding-left:16px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul { width:100%; float:left; background-color:#4B88B5; padding:20px; border-radius: 5px; box-shadow: 0px 3px 3px 0px #ccc; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul .leftText { float:left; width:60%; font-size:15px; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul .leftText span { font-weight: bold; vertical-align: middle; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul .leftText i { color:#4B88B5; margin-right:5px; vertical-align: middle; } 

#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul .rightText { border-left:1px solid white; float:left; width:40%; text-align:right; font-size:18px; font-weight: bold; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div:first-child .leftText { width:50%; } 
#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div:first-child .rightText { width:50%; color:#cc3333; } 


#mainDashboardWrap > .leftWrap > .dashboardCustom2 .tongBox > div > ul.ulCustom .rightText span { background-color:white; display:inline-block; border-radius: 50px; line-height:29px; padding:0 20px; text-align:center; color:#4B88B5; cursor:pointer; } 







#mainDashboardWrap > .rightWrap { width: 380px; margin-left: 25px; } 

#mainDashboardWrap > .rightWrap .my_info { padding: 0 !important; border-radius: 5px; overflow: hidden; } 
#mainDashboardWrap > .rightWrap .my_info > .top { width: 100%; float: left; background-color: #333333; height: auto; padding: 35px 0 0 0; text-align: center; } 
#mainDashboardWrap > .rightWrap .my_info > .top > img { width: 80px; height: 80px; border-radius: 80px; } 
#mainDashboardWrap > .rightWrap .my_info > .top > .my_id { display: block; background-color: #252525; color: #FFF; width: 60%; margin: 0 auto; font-size: 14px; font-weight: bold; text-align: center; padding: 7px 0; position: relative; border-radius: 50px; margin-top:20px; } 
#mainDashboardWrap > .rightWrap .my_info > .top > .my_id > a { color: #6C6C6C; position: absolute; right: 15px; } 

#mainDashboardWrap > .rightWrap .my_info > .bottom { width: 100%; float: left; background-color: #333333; padding: 20px 60px; } 
#mainDashboardWrap > .rightWrap .my_info > .bottom > table { width:100%; } 
#mainDashboardWrap > .rightWrap .my_info > .bottom > table th { width: 45%; font-size: 14px; text-align: left; color: #858585; padding: 2px 0; padding-left: 30px; } 
#mainDashboardWrap > .rightWrap .my_info > .bottom > table td { width: 55%; font-size: 13px; text-align: left; color: #FFF; padding: 2px 0; letter-spacing: -0px; font-weight: 300; height:35px; } 

#mainDashboardWrap > .bottomWrap { margin-top: 25px; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box { min-height: 100px; float: none; display: table; table-layout: fixed; background-color: #B7B7B7; padding: 35px 50px; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > div { display: table-cell; vertical-align: middle; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .iconWrap { width: 70px; height: 70px; border-radius: 5px; text-align: center; background-color: #FFF; color: #333; font-size: 30px; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .infoWrap { padding-left: 35px; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .infoWrap > p { width: 100%; float: left; font-size: 13px; font-weight: 500; color: #333; letter-spacing: -0.5px; margin: 3px 0; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .infoWrap > p > span { float: left; letter-spacing: -0.5px; margin-right: 15px; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .infoWrap > p > span:last-of-type { margin-right: 0; } 
#mainDashboardWrap > .bottomWrap > .boxWrap > .box > .infoWrap > p.copy { color: #FFF; } 


/* 긴급공지 */
#importantPopupWrap { position: fixed; width: 100%; height: 100%; z-index: 1000; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; } 
#importantPopupWrap img { max-width: 100%; } 

#importantPopupBox { width: 800px; position: absolute; top: 50%; left: 50%; margin-left: -400px; background-color: #FFF; border-radius: 3px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4); overflow: hidden; margin-top: -276.5px; } 

#importantPopupBox > .topWrap { width: 100%; float: left; border-bottom: 1px solid #EEE; font-size: 16px; font-weight: bold; color: #DC3333; text-align: center; letter-spacing: -0.5px; padding: 10px 0; } 

#importantPopupBox > .btmWrap { width: 100%; float: left; font-size: 12px; font-weight: 300; color: #FFF; text-align: right; padding: 10px; background-color: #151C20; } 
#importantPopupBox > .btmWrap > a { margin-left: 10px; color: #FFF; } 

#importantPopupBox > .conWrap { width: 100%; float: left; padding: 20px; padding-bottom: 10px; } 
#importantPopupBox > .conWrap > li { width: 100%; float: left; height: 400px; overflow: auto; display: none; } 

#importantPopupBox > .conWrap > li > .titWrap { width: 100%; float: left; border-bottom: 1px solid #F2F2F2; padding-bottom: 10px; } 
#importantPopupBox > .conWrap > li > .titWrap > .big { width: 100%; float: left; font-size: 21px; font-weight: bold; color: #333; letter-spacing: -1px; line-height: 26px; } 
#importantPopupBox > .conWrap > li > .titWrap > .small { width: 100%; float: left; font-size: 14px; font-weight: 300; color: #999; letter-spacing: -0.5px; margin-top: 10px; } 

#importantPopupBox > .conWrap > li > .infoWrap { width: 100%; float: left; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.5px; padding: 10px 0; } 

#importantPopupBox > .navWrap { width: 100%; float: left; text-align: center; padding-bottom: 20px; } 
#importantPopupBox > .navWrap > li { display: inline-block; width: 10px; height: 10px; background-color: #CCC; border-radius: 100%; margin: 0 1px; cursor: pointer; } 
#importantPopupBox > .navWrap > li.active { background-color: #333; } 



/* 210216 DB분배템플릿 설정시 상담원 목록 CSS */
.pjCsMemberListWrap { width: 100%; float: left; } 
.pjCsMemberListWrap > ul { width: 49.5%; float: left; height:250px; border: 1px solid #AAA; padding: 10px; height: 298px; overflow-y: auto; margin: 10px 0; margin-right: 1%; } 
.pjCsMemberListWrap > ul:nth-of-type(2n) { margin-right: 0; } 
.pjCsMemberListWrap > ul > li { width: 100%; margin-bottom: 1%; float: left; border: 1px solid #CCC; background-color: #F8F8F8; cursor: pointer; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; padding: 0 10px; } 
.pjCsMemberListWrap > ul > li:last-of-type { margin-bottom: 0; } 
.pjCsMemberListWrap > ul > li > .name { height: 38px; line-height: 38px; float: left; font-size: 13px; padding-left: 5px; } 
.pjCsMemberListWrap > ul > li > .name > span { letter-spacing: -0.5px; color: #AAA; } 
.pjCsMemberListWrap > ul > li > .setting { float: right; } 
.pjCsMemberListWrap > ul > li > .setting > input { width: 50px !important; text-align: center; float: left; padding: 0; font-size: 13px; height:30px; margin-top:4px; border:1px solid #ccc; font-weight: 300; } 
.pjCsMemberListWrap > ul > li > .setting > input::placeholder { color: #CCC; } 
.pjCsMemberListWrap > ul > li > .setting > .sort { height: 38px; line-height: 38px; float: left; margin-right: 15px; letter-spacing: -0.5px; color: #999; font-weight: bold; font-size: 13px; } 
.pjCsMemberListWrap > ul > li > .setting > .deleteBtn { line-height: 38px; float: left; cursor: pointer; margin-left: 10px; font-size: 18px; color: #DC3333; } 

.pjCsMemberListWrap > ul.selectList > li { cursor: move; } 

.pjCsMemberListWrap > ul.waitList > li { background-color: #FFF; } 
.pjCsMemberListWrap > ul.waitList > li.active { background-color: #F6FAFF; } 

.pjCsMemberBtnWrap { width: 100%; float: left; padding-bottom: 10px; } 
.pjCsMemberBtnWrap > .left { width: 49.5%; float: left; margin-right: 1%; } 
.pjCsMemberBtnWrap > .right { width: 49.5%; float: left; } 
.pjCsMemberBtnWrap > div > button { width: 80px; height: 35px; float: left; cursor: pointer; font-weight: bold; color: #FFF; font-size: 12px; background-color: #999; margin-right: 5px; } 

.pjCsMemberListAllSetWrap { width: 100%; float: left; border: 1px solid #AAA; background-color: #F1F1F1; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; padding: 10px; margin-top: 1%; } 
.pjCsMemberListAllSetWrap > .name { height: 38px; line-height: 38px; float: left; font-size: 13px; padding-left: 5px; font-weight: bold; } 
.pjCsMemberListAllSetWrap > .setting { float: right; } 
.pjCsMemberListAllSetWrap > .setting > input { width: 50px !important; text-align: center; float: left; padding: 0; font-size: 13px; border: 1px solid #AAA; } 
.pjCsMemberListAllSetWrap > .setting > input::placeholder { color: #CCC; } 

.pjCsMemberListWrap > .btnWrap { width: 100%; float: left; border-top: 1px solid #EEE; padding-top: 15px; } 
.pjCsMemberListWrap > .btnWrap > button { width: 120px; height: 35px; float: right; cursor: pointer; font-size: 13px; color: #FFF; background-color: #333; font-weight: bold; } 
.pjCsMemberListWrap > .btnWrap > button > i { margin-right: 5px; } 

.pjCsTemplateListWrap { width: 100%; float: left; } 
.pjCsTemplateListWrap > ul { width: 49.5%; float: left; border: 1px solid #AAA; padding: 10px; height: 298px; overflow-y: auto; margin: 10px 0; margin-right: 1%; } 
.pjCsTemplateListWrap > ul:nth-of-type(2n) { margin-right: 0; } 
.pjCsTemplateListWrap > ul > li { width: 100%; margin-bottom: 1%; float: left; border: 1px solid #CCC; background-color: #F8F8F8; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; padding: 10px; } 
.pjCsTemplateListWrap > ul > li:last-of-type { margin-bottom: 0; } 
.pjCsTemplateListWrap > ul > li > .tit { width: 100%; float: left; font-size: 13px; color: #333; margin: 0 !important; } 
.pjCsTemplateListWrap > ul > li > .con { width: 100%; float: left; font-size: 11px; color: #999; margin: 0; } 
.pjCsTemplateListWrap > ul > li > .name { height: 38px; line-height: 38px; float: left; font-size: 13px; padding-left: 5px; } 
.pjCsTemplateListWrap > ul > li > .name > span { letter-spacing: -0.5px; color: #AAA; } 
.pjCsTemplateListWrap > ul > li > .setting { float: right; } 
.pjCsTemplateListWrap > ul > li > .setting > .sort { height: 38px; line-height: 38px; float: left; margin-right: 5px; letter-spacing: -0.5px; color: #999; font-weight: bold; font-size: 13px; } 
.pjCsTemplateListWrap > ul > li > .setting > .cnt { width: 50px; height: 38px; line-height: 38px; float: left; letter-spacing: -0.5px; color: #DC3333; font-weight: bold; font-size: 13px; text-align: right; padding-right: 5px; } 

.pjCsTemplateListWrap > ul.waitList > li { background-color: #FFF; cursor: pointer; } 
.pjCsTemplateListWrap > ul.waitList > li.active { background-color: #F6FAFF; } 


@media (max-width: 1350px) {.dbViewWrap > .dbInfoWrap { width: 300px; padding: 10px 15px; } 
.dbViewWrap > .dbInfoWrap > .basicInfo > ul { padding: 10px 0; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .list > li > a { width: 100px; } 
.dbViewWrap > .dbTabWrap > .tabListWrap > .btn > li > .typeBtn { width: 80px; } 
 }


#orderWritePopupWrap .tossPayInfoWrap { width:100%; float:left; margin-top:35px } 
#orderWritePopupWrap .tossPayInfoWrap > div { width:100%; float:left; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul { width:100%; float:left; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li { width:100%; float:left; text-align:center; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li:not(:first-child) { margin-top:15px; } 

#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_info { } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_info > p { width:100%; float:left; font-weight:bold; font-size:18px; } 

#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_url { color:#0e6499; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_url > span { vertical-align:middle; font-size:17px; margin:0 10px; font-weight:bold; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_url > i { vertical-align:middle; font-size:17px; } 

#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_orderNum { } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_orderNum > p { width:60%; display:inline-block; background-color:#0e6499; font-weight:500; font-size:17px; border-radius:50px; line-height:50px; color:white; } 
#orderWritePopupWrap .tossPayInfoWrap > div > ul > li.toss_orderNum > p i { position:absolute; right:30px; top:50%; transform:translateY(-50%); } 


#orderWritePopupWrap .tossPayInfoWrap .customCopy { cursor:pointer; } 


.dataInfoGraphWrap { width:100%; float:left; margin-bottom:70px; } 
.dataInfoGraphWrap .box { width:33%; float:left; } 
.dataInfoGraphWrap .box:nth-child(2) { width:34%; padding:0 0.5%; } 
.dataInfoGraphWrap .box > div { width:100%; float:left; border:1px solid #ccc; padding:15px; } 

.dataInfoGraphWrap .boxTit { width:100%; float:left; } 
.dataInfoGraphWrap .boxTit > span { height: 15px; line-height: 15px; float: left; } 
.dataInfoGraphWrap .boxTit > span.big { border-left: 3px solid #4B8BB5; padding-left: 15px; font-weight: bold; color: #333; font-size: 15px; margin-right: 15px; } 

.dataInfoGraphWrap .graphBox { width:100%; float:left; margin-top:15px; } 
.dataInfoGraphWrap .graphBox > .graph_box { width:50%; float:left; } 
.dataInfoGraphWrap .graphBox > .rank_box { width:50%; float:left; padding-top:15px; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul { width:100%; float:left; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li { width:100%; float:left; line-height:25px; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li span { float:left; font-weight: bold; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li .rank_num { width:9%; text-align: center; color:#999999; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li .rank_name { width:56%; color:#999999; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li .rank_price { width:35%; text-align:right; color:#666666; } 
.dataInfoGraphWrap .graphBox > .rank_box > ul > li:first-child .rank_price { color:#cd3434; } 



/* 기본설정 2023.04.14(금) 문정원 */
.moreBtnWrap { width:100%; float:left; text-align:center; padding:20px 0px; } 
.moreBtnWrap > div { display:inline-block; } 
#security { width:100%; float:left; } 
#security > div { width:100%; float:left; padding-bottom:10px; } 
#security > div > span { width:100%; float:left; } 
#security > div > span.text { padding-top:5px; font-weight:600; } 
#security > div > span > span.iptit { line-height:30px; float:left; width:6%; font-weight:600; } 
.div_bott { padding-bottom:50px; } 

/* 고객관리 2023.04.14(금) 문정원 */
.operation_tr { display:none; } 
.reserveWrap { margin-top:30px; width:100%; float:left; display:none; } 



/* 스케줄 2023.04.14(금) 문정원 */
.scheduleViewWrap > .rightInfoWrap > #schmain { width: 100%; float: left; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul { width: 100%; float: left; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li { width: calc(100% / 7); float: left; text-align: center; border-right: 1px solid #EEE; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li:last-of-type { border-right: 0; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li.type0 { color: #DC3333; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li.type0 > a { color: #DC3333; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li.type6 { color: #3366CC; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > ul > li.type6 > a { color: #3366CC; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .labelList > li { height: 40px; line-height: 40px; font-size: 15px; font-weight: bold; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li { height: 245px; border-bottom: 1px solid #EEE; padding: 10px; overflow: hidden; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList:last-of-type > li { border-bottom: 0; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .dayopen { width: 100%; float: left; text-align: center; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .dayopen > .dayCalendarOpenBtn { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; letter-spacing: 0; font-size: 15px; font-weight: 500; text-align: center; cursor: pointer; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .dayCalendarCntWrap { width: 100%; float: left; text-align: center; font-size: 12px; letter-spacing: 0; color: #CCC; margin-top: 3px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap { width: 100%; height: 160px; float: left; margin-top: 10px; overflow: hidden; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li { width: 100%; height: 30px; line-height: 30px; float: left; text-align: left; font-size: 13px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms { background-color: #DDD; color: #FFF; margin-bottom: 5px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms > span { letter-spacing: -0.5px; font-weight: 500; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms > span.label { float: left; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms > span.label > i { margin-right: 5px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms > span.value { float: right; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.sms.active { cursor: pointer; background-color: #333; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > span { float: left; letter-spacing: -0.5px; color: #fff; } 
/*.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic:hover { background-color: #F8F8F8; } */
/*.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > span { float: left; letter-spacing: -0.5px; color: #333; } */
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > .circle { position: absolute; width: 8px; height: 8px; border-radius: 100%; background-color: #333; left: 10px; top: 50%; margin-top: -4px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > .time { width: 55px; font-weight: 500; letter-spacing: 0; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > .memo { width: calc(100% - 75px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.today > .dayopen > .dayCalendarOpenBtn { background-color: #333; color: #FFF; !important; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.end > .dayopen > .dayCalendarOpenBtn { color: #CCC; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.end > .scheduleItemWrap > li.sms { background-color: #E8E8E8 !important; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.end > .scheduleItemWrap > li.basic > span { color: #DDD; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.end > .scheduleItemWrap > li.basic > .circle { background-color: #EEE !important; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li.end > .scheduleItemWrap > li.basic:hover { background-color: #FBFBFB; } 

input.dateinp { width:45%; } 
#sch_times { width:22%; margin-left:10px; } 
#sch_timee { width:22%; margin-right:10px; } 
.dayLine { width:8%; float:left; text-align:center; line-height:27px; } 



/* 전자결재 양식 css 및 출력 css 2023.04.21(금) 문정원 23시20분 */

/* table */
.approval { width:100%; border-collapse:collapse; font-family:'Noto Sans KR',sans-serif; table-layout:fixed } 
.approval p { margin:0 } 
.approval input[type="checkbox"], input[type="radio"] { width:16px; height:16px; margin:0; padding:0; vertical-align:middle; font-family:'Noto Sans KR',sans-serif; cursor:pointer; } 
.approval a { font-style:normal; text-decoration:none; color:#222 } 
.approval th { border-top:1px solid #D8D9DA; border-bottom:1px solid #D8D9DA; background-color:#F1F2F3; font-size:14px; line-height:20px; padding:14px 0 14px 16px; letter-spacing:-1px; font-weight:500; } 
.approval td,.approval.gray td { border-bottom:1px solid #D8D9DA; word-break:break-all; background-color:#fff; padding:7px 0 7px 15px; font-size:14px; line-height:24px; color:#1A1B1B; } 
.approval.gray th { min-width:60px; border-top:1px solid #ddd; background-color:#e4eaec } 
.approval th:first-child { min-width:0 } 
.approval td .reply_num { font-weight:700; margin-left:5px; color:#ff6412; vertical-align:bottom; } 
.approval td.doc_title { background:#f3f5f6 } 
.approval .in_button { padding:14px 0 14px 16px !important; line-height:24px } 
.approval .in_button.set_doc { padding:5px 10px 5px 20px !important; line-height:26px } /* 문서철 관리 */
.approval .in_button.set_doc .doc_title { max-width: calc(90% - 0px); overflow: hidden; text-overflow: ellipsis; white-space:nowrap; float: left; min-width: 10px; } /* 문서철 관리 */
.approval .document { padding:12px 0 12px 15px; min-width:118px !important; } 
.approval .document_name { padding:12px 0 12px 15px; min-width:118px !important; } 
.approval .document_favorite { padding:12px 0 12px 15px; min-width:118px !important; } 
.approval .document_favorite .public_star { float:left; margin-top:2px; } 
.approval .document_date { padding:12px 0 12px 15px; min-width:118px !important; } 
.approval .clip.document { padding:0; min-width:118px !important; } 
.approval .title { max-width:calc(100% - 45px); display:inline-block; vertical-align:middle } 
.approval .title.cus_update { max-width:calc(100% - 125px)!important } 
.approval .fileset { color:#949596; font-size:14px } 
.approval .search_highlight { background:#feeca7; color:#333 } 
.approval .opinion { color:#949494; margin-top:15px } 
.approval .table_attach_file { color:#949494; margin-top:15px } 
.approval .ea_icon { vertical-align:middle } 
.approval .help a { color:#1e6ed2; text-decoration:underline; font-weight:700 } 
.approval .radio_box { margin-right:50px; float:left; clear:both } 
.approval .radio_box.adm_form { margin-right:10px; float:left; clear:both } 
.approval .radio_box.adm_form.m_right0 { margin-right:0; } 
.approval .bg_gray td { background-color:#f3f5f6 !important } /* 휴가 관리 */
/* table : type_a (bold) */
.approval.type_a th { border-top:1px solid #333; text-align:left; /*border-right:1px solid #ddd*/ } 
.approval.type_a th.table_stickty { position:sticky; top:0; border-top:1px solid black; border-collapse: separate; border-spacing: 0; } 
/*.approval.type_a th:last-child { border-right:0 } 
.approval.type_a td { border-right:0px solid #dce0e1 } */
/* table : type_a (bold) read */
.approval.type_a tr td { font-weight:500; width:auto } 
.approval.type_a tr td a { font-weight:500 } 
.approval.type_a tr.read td { /*background:#f3f5f6; */color:#3A3B3C; font-weight:500 } 
.approval.type_a tr.read td a { color:#949596; font-weight:400 } 
.approval.type_a tr.read td .reply_num { font-weight:500; vertical-align:middle; } 
/* table : type_a (no-bold) favorit */
.approval.type_a.no_bold td { font-weight:400 } 
.approval.type_a.no_bold tr td a { font-weight:400; font-size:13px; } 
.approval.type_a tr.favorite td { font-weight:500 } 
.approval.type_a tr.favorite td a { font-weight:500 } 
.approval.type_a tr td .modify { display:none } 
.approval.type_a tr:hover td .modify { display:inline-block } 
.approval.type_a tr td.in_button { padding:7px 0 7px 15px !important; } 
.approval.type_a tr td.in_button input.input_box { width:calc(100% - 24px) } 
.approval.type_a.no_bold tr.end td { color:#949494 } 
.approval.type_a .ea_icon.public_pencil.set_doc { width:15px; height:13px; background-position: -58px -420px } /* 문서철 관리 */
.approval.type_a .ea_icon.public_x_small.set_doc { width:15px; height:15px; background-position: -300px -178px } /* 문서철 관리 */


.approval.type_a.resizable th { border-top:1px solid #ddd; border-right:1px solid #ddd } 
.approval.type_a.resizable td { padding:; } 
.approval.no_header { border-top:1px solid #ddd; } 
.approval.no_header tr td.in_button { padding:12px 0 12px 20px !important; } 
/* table : type_b */
.approval.type_b .noti .ea_icon { margin:0 5px; vertical-align:text-bottom } 

/* table : type_b > print */
.approval.type_b.print tr th,
.approval.type_b.print tr td { font-size:12px; border-top:1px solid #909090; border-bottom:1px solid #909090 } 
.approval.type_b.print tr th:first-child,
.approval.type_b.print tr td:first-child { border-left:1px solid #909090 } 
.approval.type_b.print tr th:last-child,
.approval.type_b.print tr td:last-child { border-right:1px solid #909090 } 

/* table : type_b > popup */
.approval.type_b.popup tr td { text-align:center } 
.approval.type_b.popup tr th:first-child,
.approval.type_b.popup tr td:first-child { border-left:1px solid #dce0e1 } 
.approval.type_b.popup tr th:last-child,
.approval.type_b.popup tr td:last-child { border-right:1px solid #dce0e1 } 

/* table : type_c */
.approval.type_c { border-top:1px solid #59595A; background:#fff } 
.approval.type_c th { padding-left:20px; border-top:0; border-right:1px solid #ddd; text-align:left } 
.approval.type_c th span { font-weight:500 } 
.approval.type_c th span.font_normal { font-weight:500 } 
/*.approval.type_c tr:first-child td { border-top:1px solid #ddd } */
.approval.type_c tr td { padding-left:15px; } 
.approval.type_c .fix_height { height:44px !important } 
.approval.type_c .fix_height span { vertical-align:middle } 
.approval.type_c .fix_height div { max-height:40px; overflow-y:auto } 
.approval.type_c .fix_height button { vertical-align:middle; line-height:normal } 
.approval.type_c p { line-height:24px; margin-top:5px; color:#949596; font-size:14px; } 
.approval.type_c .border_line { border-right:1px solid #dce0e1 } 
.approval.type_c .ea.btn.basic.list_arrow { line-height:26px !important } 
.approval.type_c .in_button { padding:8px 15px 8px !important; } 
.approval #line_approval_method .in_button,
.approval #line_agree .in_button,
.approval #line_receive .in_button { height:27px } 
@-moz-document url-prefix(){
 .approval #line_approval_method .in_button,.approval #line_agree .in_button,.approval #line_receive .in_button { height:28px } 
 } 

/* table : type_c > print */
.approval.type_c.print tr th,
.approval.type_c.print tr td { font-size:14px; border:1px solid #909090; padding: 8px 10px; } 
.approval.type_c.print .form_setting p,
.approval.type_c.print .form_setting div p { color:inherit; font-size: 13.3333px } 
.approval.type_c.print .form_setting span { font-family: inherit; } 
.approval.type_c.print .form_setting .text_editor ul { padding-left: 30px; } 
.approval.type_c.print .form_setting .text_editor ol { padding-left: 30px; } 

/* table : type_c > hrm */
.approval.type_c.hrm th { text-align:center; } 

/* table : type_d */
.approval.type_d td { border-top:1px solid #D8D9DA } 
.approval.type_d textarea { resize:none; border:1px solid #dce0e1; padding:10px; font-size:14px } 
.approval.type_d textarea:focus { outline:none; } 

/* table : type_e */
.approval.type_e { background:#fff; border-right:1px solid #D8D9DA } 
.approval.type_e.center { text-align:center } 
.approval.type_e th { padding:9px 10px 8px 10px; text-align:center; border:1px solid #dce0e1; background:#F1F2F3; } 
.approval.type_e th.center { text-align:center } 
.approval.type_e th span { font-weight:500 } 
.approval.type_e td { border-top:1px solid #D8D9DA; padding-right:15px !important; border-left:1px solid #D8D9DA; height:60px; /* box-sizing:border-box; */font-size: inherit; } 
.approval.type_e td.left { text-align:left } 
.approval.type_e tr:last-of-type td { border-bottom:1px solid #D8D9DA; } 
.approval.type_e p { padding-top:5px; color:#929292 } 
.approval.type_e p.txt_normal_color { padding-top:0px; color:#222 } 
.approval.type_e .fr-element p { padding-top: 0; color:inherit; } 
.a4_size { max-width:750px !important; margin:0 auto; } 

/* table : type_e > editor */
.approval.type_e .form_setting p { color:inherit; } 
.approval.type_e .form_setting td { padding-right: 0 !important; border: 0; height: inherit; background-color: transparent; } 
.approval.type_e .form_setting .tx-event td { border-bottom:0; padding: 2px !important; } 
.approval.type_e .form_setting .tx-selection td,
.approval.type_e .form_setting .tx-panel td { padding: 1px !important; } 
.approval.type_e .form_setting .tx-advanced-list td { border-bottom:0; } 
.approval.type_e .form_setting .text_editor ul { padding-left: 30px; } 
.approval.type_e .form_setting .text_editor ol { padding-left: 30px; } 
.approval.type_e .form_setting .tx-canvas textarea { float: inherit; } 
.approval.type_e .form_setting td { font-size: inherit; } 
.approval.type_e .form_setting span { font-family: inherit; } 

/* table wrap - border -> form_setting */
.approval.border { border:1px solid #dce0e1 } 
.approval.border textarea { resize:none; border:1px solid #dce0e1; padding:10px; font-size:12px; box-sizing:border-box } 
.approval.form textarea { float:left; line-height:24px; resize:none; border:1px solid #dce0e1; padding:2px 10px; font-size:14px; box-sizing:border-box; overflow-y:hidden; } 
.approval.border textarea:focus { outline:none } 
.approval.border .form_textarea { width:100%; height:100px; line-height:18px; display:block; font-family:'Noto Sans KR',sans-serif; overflow:auto; word-break:normal } 
.approval.form .form_textarea { width:100%; height:100px; line-height:22px; display:block; font-family:'Noto Sans KR',sans-serif; overflow:auto; word-break:normal } 
.form_textarea.preview { width:100%; padding:0px 10px; border:1px solid #dce0e1; resize:none; outline:none; vertical-align:top; min-height:100px; box-sizing:border-box; background:white; overflow:auto; word-break:normal } 
.form_textarea_write.preview { width:100%; padding:0px 10px; border:1px solid #dce0e1; resize:none; outline:none; vertical-align:top; min-height:100px; box-sizing:border-box; background:white; word-break:normal; font-family:'Noto Sans KR',sans-serif } 

/* table line - no-bold */
.approval.no_bold td { font-weight:500 } 
.approval.no_bold tr td a { font-weight:500 } 

/* table line - no-border */
.approval.no_border td { border:none; padding:8px 0px } 
.ap_users { display:block; float:left; max-width:calc(90% - 110px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 
.ap_users.new { max-width:calc(100% - 25px); } 

.printBox { width: 100%; float: left; border-bottom:1px solid #ededed; padding:10px 0px 50px 0px; } 
.printBox button { color:white; background-color:black; float:right; line-height:60px; width:7%; } 
.on_view_show { font-size:14px; } 
.longth { height:200px; } 
.printBox > span { font-size:35px; font-weight:bold; padding:5px 0px; text-align:center; float:left; } 
.printBox .viewTit { width:100%; } 
.printBox .printTit { width:92%; } 
.a4_size .underText { width:100%; float:left; text-align:center; padding:60px 0px; } 
.a4_size .underText > span { width:100%; float:left; font-size:16px; font-weight:500; } 
.a4_size .underDate { width:100%; float:left; padding-bottom:60px; } 
.a4_size .underDate > span { font-size:14px; width:100%; text-align:right; float:left; padding:4px 0px; } 
.a4_size .underTit { width:100%; float:left; text-align:center; } 
.a4_size .underTit > span { font-size:18px; font-weight:bold; } 
.a4_size .underTit img { margin-right:5px; } 

.a4_size .accessWrap { width:100%; float:left; padding:50px 0px; } 
.a4_size .accessWrap > div { text-align:right; width:100%; float:left; } 
.a4_size .accessWrap > div > span { line-height:35px; margin-right:15px; font-weight:600; } 
.a4_size .accessWrap > div > select { float:right; margin-right:5px; min-width:200px; } 
.a4_size .accessWrap > div > button { float:right; width:120px; } 

@media print {@page { margin:1.3cm 1.3cm } 
 @page :first { margin:0 1.3cm } 
 /*body { margin: 1.6cm; } */
.approval { width:100%; border-collapse:collapse; font-family:'Noto Sans KR', sans-serif; table-layout:fixed } 
.approval th { border-top:1px solid #D8D9DA; border-bottom:1px solid #D8D9DA; background-color:#F1F2F3; font-size:14px; line-height:20px; padding:14px 0 14px 16px; letter-spacing:-1px; font-weight:500; } 
.approval.type_e { background:#fff; border-right:1px solid #D8D9DA; } 
.approval.type_e th { padding:9px 10px 8px 10px; text-align:center; border:1px solid #dce0e1; background:#F1F2F3; } 
.approval.type_e td { border-top:1px solid #D8D9DA; border-bottom:1px solid #D8D9DA; padding-right:15px !important; border-left:1px solid #D8D9DA; height:60px; font-size: inherit; } 
.approval.type_e { background:#fff; border-right:1px solid #D8D9DA } 
.approval.type_e tr { border-bottom:1px solid #D8D9DA; } 
.approval.type_e tr:last-of-type td { border-bottom:1px solid #D8D9DA; } 
.approval.type_e p { padding-top:5px; color:#929292 } 
.approval.type_e p.txt_normal_color { padding-top:0px; color:#222 } 
.approval.type_e .fr-element p { padding-top: 0; color:inherit; } 
.a4_size { max-width:750px !important; margin:0 auto; } 
.printBox { padding:10px 0px 40px 0px; } 
.printBox > button { display:none; } 
.printBox .printTit { width:100%; font-size:35px; font-weight:bold; padding:5px 0px; text-align:center; float:left; } 
.btnWrap { display:none; } 
.on_view_show { font-size:14px; } 
.longth { height:200px; } 
.a4_size .underText { width:100%; float:left; text-align:center; padding:60px 0px; } 
.a4_size .underText > span { width:100%; float:left; font-size:16px; font-weight:500; } 
.a4_size .underDate { width:100%; float:left; padding-bottom:60px; } 
.a4_size .underDate > span { font-size:14px; width:100%; text-align:right; float:left; padding:4px 0px; } 
.a4_size .underTit { width:100%; float:left; text-align:center; } 
.a4_size .underTit > span { font-size:18px; font-weight:bold; } 
.a4_size .underTit img { margin-right:5px; } 
 }

/* 전자결재 양식 css 및 출력 css 2023.04.21(금) 문정원 23시20분 */

/* 업무보고서 css */
.Date_set_wrap { width:100%; float:left; } 
.Date_set_wrap .date { text-align: center; width:23%; float:left; text-align: center; height: 100%; left:50%; transform: translateX(-50%); bottom:60%; } 
.Date_set_wrap .date > a { width: 35px; height: 35px; border : 1px solid; border-radius :100%; float: left; z-index: 2; text-align: center; top: 16px; color :#467cdf; line-height:34px; } 
.Date_set_wrap .date > a > i { padding-top: 8px; color :#467cdf; } 
.Date_set_wrap .date > p { width:80%; float:left; padding-top:5px; } 
.Date_set_wrap .date span { font-size: 25px; font-weight: bold; color :#467cdf; display: inline-block; line-height: 22px; padding-left:10px; } 
.Date_set_wrap .date > p > i { font-size:35px; color:#467cdf; bottom:3px; } 
.Date_set_wrap .date .date1 { font-size: 12px; font-weight: 500; color: #999; float: left; padding-left: 0px; } 
.data_but { width:100%; float:left; margin:15px 0px; } 
.attend_select { width: 100%; float: left; text-align: center; } 
.attend_select > li { display: inline-block; width:35px; height: 35px; line-height: 35px; text-align:center; font-weight: bold; color:#666; } 
.attend_select > li > a { display: block; color: inherit; width:100%; float:left; top:-2px; } 
.attend_select > li.sun > a { color: #FF0000; } 
.attend_select > li.sat > a { color: #0040FF; } 
.attend_select > li.today { border: none; border-bottom: 3px solid #467cdf; border-radius: 0; font-size: 22px; color: #467cdf; } 
.attend_select > li.today > a { color: inherit !important; } 
.reportL > table > tbody > tr > td { line-height:185%; } 
.workDel { color:#ccc; } 

/* 스케줄 일자별 보기 CSS */
.scheduleSearchWrap { width:100%; float:left; margin-bottom:15px; padding:0 20px; } 
.scheduleSearchWrap > div { width:50%; } 
.scheduleSearchWrap .right { text-align:right; } 
.scheduleSearchWrap .right select { float:none; display:inline-block; vertical-align:middle; } 

.scheduleWrap { width: 100%; float: left; padding: 30px 10px; } 
.scheduleWrap > .itemWrap { width: 100%; min-height: 30px; float: left; border-top: 1px solid #E8E8E8; padding: 3px 0; cursor:pointer; } 
.scheduleWrap > .itemWrap > .timeInfo { position: absolute; width: 60px; letter-spacing: -0.5px; font-size: 15px; font-weight: bold; color: #333; background-color: #FFF; z-index: 2; top: -12px; text-align: right; padding-right: 20px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap { width: 100%; float: left; padding-left: 60px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li { width: 49%; float: left; border-radius: 5px; background-color: #F5F5F5; margin:1px 0; padding: 5px 15px; font-size:11px; } 
/* .scheduleWrap > .itemWrap > .scheduleListWrap > li:nth-child(2n) { margin-left:1%; } */
.scheduleWrap > .itemWrap > .scheduleListWrap > li:nth-child(2n) { margin-right: 1%; float: right; }
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap { width: 100%; float: left; } 
/* .scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left { height: 20px; line-height: 20px; }  */
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left {line-height: 20px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left > span { letter-spacing: -0.5px; margin-right: 6px; font-weight: 500; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left > span.new { display: inline-block; background-color: #DC3333; color: #FFF; font-size: 12px; height: 19px; line-height: 19px; border-radius: 5px; padding: 0 5px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left > span.status_span { display: inline-block; background-color:white; padding:0 7px; border-radius:10px; }
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .left > span > i { margin-right: 8px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .right > span { float: left; height: 20px; line-height: 20px; letter-spacing: -0.5px; font-weight: 500; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .right > span > i { margin-right: 5px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .right > .line { float: left; width: 1px; height: 12px; top: 4px; background-color: #DDD; margin-left: 20px; margin-right: 10px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .right > button { height: 20px; line-height: 20px; font-weight: bold; background-color: rgba(0, 0, 0, 0); margin-left: 10px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .infoWrap > .right > button > i { margin-right: 5px; top: -2px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li > .memoWrap { width: 100%; float: left; margin-top: 3px; line-height: 18px; letter-spacing: -0.5px; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li.sms { background-color: #FFF; border: 1px solid #CCC; color: #333; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li.sms * { color: inherit; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li.basic { background-color: #FFF; color: #333; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li.basic * { color: inherit; } 
.scheduleWrap > .itemWrap > .scheduleListWrap > li.basic b { font-size:12px; }

.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li { overflow: initial; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .dayopen > .today { color:#fff; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic { cursor: pointer; padding-left: 10px; margin-top:10px; color:#fff; display:none; } 
.scheduleSearchWrap .left > #m_idx { margin-left:5px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .today_m { margin:0px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .today_m > ul > li { cursor:pointer; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .today_m > ul > li > .type_color { float:left; margin-right:10px; width:15px; height:15px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .today_m > ul > li > .border_t { border-radius:5px; } 
.scheduleViewWrap > .leftInfoWrap > .calendarWrap > .today_m > ul > li > .border_d { border-radius:50%; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.basic > .d_col { border-radius:50%; width:15px; height:15px; float:left; bottom:-7px; margin-right:5px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li.moreWrap { width:100%; float:left; position:absolute; top:155px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > li > .moreBtn { font-weight:bold; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap { width:160%; float:left; display:none; padding: 8px 30px; border:1px solid; border-radius:5px; position:absolute; transform: translateY(2%); background: #fff; z-index:9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); left:-50px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > .closeBtn { width:auto; float:right; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > .closeBtn > i { font-size:21px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > ul { width:100%; float:left; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > ul > .tit { width:100%; float:left; text-align:left; font-weight:bold; margin-bottom:5px; font-size:15px; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > ul > .list1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px; margin:5px 0px; border-radius:5px; font-weight:400; color:#fff; text-align:left; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > ul > .list2 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; padding:5px; margin:5px 0px; border-radius:5px; text-align:left; color:#fff; } 
.scheduleViewWrap > .rightInfoWrap > #schmain > .dayList > li > .scheduleItemWrap > .plusWrap > ul > .list1 > .d_col { border-radius:50%; width:15px; height:15px; float:left; bottom:-2px; margin-right:5px; } 

/*스케줄등록 고객명검색_2023.06.01(목) */
datalist.csname { float: left; padding: 0 10px; background-color: white; border: 1px solid #ccc; position: absolute; z-index: 1; top: 45px; height: 245px; overflow: auto; } 
datalist.csname option { color:#333; font-weight:500; font-size:15px; padding:2px 0px; } 
datalist.csname option:hover { background-color:#EBEBEB; } 


/* 메모팝업 */
.popup_content { width: 18%; float:left; padding: 8px 10px; border:1px solid; border-radius:5px; position:absolute; background: #fff; z-index:9; box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); } 
.popup_content > .closeBtn { width:100%; float:right;} 
.popup_content > .closeBtn > i { font-size:21px; float: right; cursor:pointer;} 
.popup_content > .cs_memo { width:100%; float:left;margin-top: 3px;  } 

/* 차트관리 - 작성일 */
.dataListWrap > table > tbody > tr > .rdate > span { width: 100%; float: left; } 
.dataListWrap > table > tbody > tr > .rdate > span:nth-of-type(2) { font-size: 12px; color: #AAA; } 


/*리콜 팝업_2023.06.13(화)*/
.recall_popup { width:100%; float:left; height:100vh; position:fixed; top:0; z-index:250; overflow-y:auto; background-color:rgba(0, 0, 0, 0.6); display:none; }
.recall_popup > div { width:20%; float:left; background-color:#fff; position:absolute; transform: translate(-50%, 0%); left:50%; bottom:35%; }
.recall_popup > div > div { width:100%; float:left; }
.recall_popup .tit_wrap { background-color:#fe9900; height:45px; font-size:20px; }
.recall_popup .tit_wrap .re_title { color:#fff; font-weight:bold; width:90%; float:left; font-size:17px; padding:10px 20px; }
.recall_popup .tit_wrap .closeBtn { width:10%; float:left; background-color:#df8501; color:#fff; text-align:center; font-size:20px; padding:9px 0px; height:45px; cursor:pointer; }


.recall_popup .maintext { width:100%; float:left; padding:5px 30px; }
.recall_popup .maintext > div { width:100%; float:left; }
.recall_popup .maintext .re_date { margin-top:10px; }
.recall_popup .maintext .re_text { margin:15px 0px; background-color:#f3f3f3; border-radius:5px; padding:15px 20px; height:180px; }
.recall_popup .maintext .re_btn { text-align:center; }
.recall_popup .maintext span { width:100%; float:left; }

.recall_popup .maintext .re_date > span { font-size:16px; font-weight:500; color:#333; }
.recall_popup .maintext .re_btn > button { border-color:#df8501; color:#df8501; display:inline-block; float:none; width:100px; }


/*리콜 팝업_2023.06.13(화)*/
.recall_popup2 { width:100%; float:left; height:100vh; position:fixed; top:0; z-index:250; overflow-y:auto; background-color:rgba(0, 0, 0, 0.6); display:none; }
.recall_popup2 > div { width:20%; float:left; background-color:#fff; position:absolute; transform: translate(-50%, 0%); left:50%; bottom:35%; }
.recall_popup2 > div > div { width:100%; float:left; }
.recall_popup2 .tit_wrap { background-color:#fe9900; height:45px; font-size:20px; }
.recall_popup2 .tit_wrap .re_title { color:#fff; font-weight:bold; width:90%; float:left; font-size:17px; padding:10px 20px; }
.recall_popup2 .tit_wrap .closeBtn { width:10%; float:left; background-color:#df8501; color:#fff; text-align:center; font-size:20px; padding:9px 0px; height:45px; cursor:pointer; }


.recall_popup2 .maintext { width:100%; float:left; padding:5px 30px; }
.recall_popup2 .maintext > div { width:100%; float:left; }
.recall_popup2 .maintext .re_date { margin-top:10px; }
.recall_popup2 .maintext .re_text { margin:15px 0px; background-color:#f3f3f3; border-radius:5px; padding:15px 20px; height:180px; }
.recall_popup2 .maintext .re_btn { text-align:center; }
.recall_popup2 .maintext span { width:100%; float:left; }

.recall_popup2 .maintext .re_date > span { font-size:16px; font-weight:500; color:#333; }
.recall_popup2 .maintext .re_btn > button { border-color:#df8501; color:#df8501; display:inline-block; float:none; width:100px; }

/*문자팀별전송내역_2023.08.31(목)*/
.dataListWrap > table > tbody > tr > td.total_p { color:#333; font-weight:bold; }
.dataListWrap > table > tbody > tr > td.use { color:red; }
.dataListWrap > table > tbody > tr > td.remain { color:blue; }


/* 업무일지 등록폼 css */
.journal_dataInfoWrap table > tbody > tr > td {text-align: center; border-right: 1px solid #EBEBEB; height:35px;}
.journal_dataInfoWrap table > tbody > tr > td:last-child{border-right:none;}
.journal_dataInfoWrap table > tbody > tr > th {padding-bottom:10px; padding-left:0px; text-align: center; vertical-align: middle; height:40px;}
.plus_btn { width:350px; height:40px; background-color:#fff; cursor:pointer; border:solid 1px #E1E1E1; }
.remove_tr {cursor: pointer;}
.circle_btn {cursor: pointer;}
.del_ck {display: none;}

.journal_dataInfoWrap { width: 100%; float: left;}
.journal_dataInfoWrap .tit { width: 100%; float: left; font-weight: bold; color: #333; font-size: 15px; margin-bottom: 5px; margin-top: 30px;}
.journal_dataInfoWrap .tit:first-of-type { margin-top: 0;}
.journal_dataInfoWrap .tit > .right { height: 22px; top: -10px;}
.journal_dataInfoWrap .tit > .right > .line { width: 1px; height: 32px; float: left; background-color: #EBEBEB; margin: 0 5px 0 10px;}
.journal_dataInfoWrap .tit > .right > .typeBtn { width: 90px; height: 32px; line-height: 30px; font-size: 13px; margin-left: 5px;}
.journal_dataInfoWrap table { width: 100%; float: left; border-top: 2px solid #4B88B5; border-bottom: 1px solid #4B88B5;}
.journal_dataInfoWrap table > thead > tr > th { height: 40px; background-color: #EBEBEB; font-weight: bold; text-align: center; border-right: 1px solid #FFF;}
.journal_dataInfoWrap table > thead > tr > th:last-of-type { border-right: 0;}
.journal_dataInfoWrap table > thead > tr > th.last { border-right: 1px solid #FFF;}
.journal_dataInfoWrap table > thead > tr > th > .small { font-size: 11px;}
.journal_dataInfoWrap table > thead > tr:nth-of-type(2) > th { background-color: #F1F1F1; border-top: 1px solid #FFF;}
.journal_dataInfoWrap table > tbody > tr > td { height: 45px; color: #666; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px 6px;}
.journal_dataInfoWrap table > tbody > tr > td.stop { cursor: default;}
.journal_dataInfoWrap table > tbody > tr > td:not(.notBorderRight):last-of-type { border-right: 0;}
.journal_dataInfoWrap table > tbody > tr:last-of-type > td { border-bottom: 0;}
.journal_dataInfoWrap table > tbody > tr > .sub { line-height: 15px;}
.journal_dataInfoWrap table > tbody > tr > .sub > span { width: 100%; float: left;}
.journal_dataInfoWrap table > tbody > tr > .sub > span:nth-of-type(2) { font-size: 12px; color: #AAA;}
.journal_dataInfoWrap table > tbody > tr > .no { font-weight: bold; color: #CCC;}
.journal_dataInfoWrap table > tbody > tr > .tl { text-align: left;}
.journal_dataInfoWrap table > tbody > tr > .tr { text-align: right;}
.journal_dataInfoWrap table > tbody > tr.dataLineN * { text-decoration: line-through; color: #CCC !important;}
.journal_dataInfoWrap table > tbody > tr.click { cursor: pointer;}
.journal_dataInfoWrap table > tbody > tr td > i { margin-left: 3px;}
.journal_dataInfoWrap table > tbody > tr.click:hover > td { background-color: #FAFAFA;}
.journal_dataInfoWrap table > tbody > tr .m_rank { color: #DDDDDD;}
.journal_dataInfoWrap table > tbody > tr .m_rank.active { color: #CC3333;}
.journal_dataInfoWrap table > tbody > tr .gray { color: #AAA;}
.journal_dataInfoWrap table > tbody > tr td span.colorBox { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 3px;}
.journal_dataInfoWrap table > tbody > tr > td > .overlapBtn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 15px;}
.journal_dataInfoWrap table > tbody > tr > td > .overlapSpan { color: #CD3333; font-weight: 500;}
.journal_dataInfoWrap .hrm_m_name { width: 100%; float: left;}
.journal_dataInfoWrap .hrm_m_name li { width: auto; float: left; text-align: center; padding:0 5px;}
.journal_dataInfoWrap .hrm_m_name li label { vertical-align:middle; }
.journal_dataInfoWrap table { border-color:#2c3d7c; }

/* 현황표 */
.over_h {width:100%; float:left; overflow: hidden; padding-right: 0.6%;}
.over_b {width: 100%; float: left; overflow: auto; height: 50vh;}
.totalbe {width:130% !important;}
.totalbe_h {border-bottom:none !important;}
.totalbe_b {border-top:none !important;}

/* 연차신청 */
.multiFileUploadWrap { width: 100%; float: left; border: 1px solid #CCC; margin-top: 10px; }
.multiFileUploadWrap ul { width: 100%; float: left; }
.multiFileUploadWrap ul > li { float: left; text-align: center; font-size: 13px; }
.multiFileUploadWrap ul > li:nth-of-type(1) { width: 5%; }
.multiFileUploadWrap ul > li:nth-of-type(2) { width: 70%; }
.multiFileUploadWrap ul > li:nth-of-type(3) { width: 15%; }
.multiFileUploadWrap ul > li:nth-of-type(4) { width: 10%; }
.multiFileUploadWrap ul.no > li { width: 100% !important; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #CCC !important; }

.multiFileUploadWrap > ul.head { background-color: #F5F5F5; border-bottom: 1px solid #CCC; }
.multiFileUploadWrap > ul.head > li { height: 30px; line-height: 30px; font-weight: bold; color: #999; border-right: 1px solid #DDD; }
.multiFileUploadWrap > ul.head > li:last-of-type { border-right: 0; }

.multiFileUploadWrap > .body { width: 100%; float: left; }
.multiFileUploadWrap > .body > ul { border-bottom: 1px solid #DDD; }
.multiFileUploadWrap > .body > ul:last-of-type { border-bottom: 0; }
.multiFileUploadWrap > .body > ul > li { height: 30px; line-height: 30px; padding: 0 10px; border-right: 1px solid #E5E5E5; color: #666; letter-spacing: -0.5px; }
.multiFileUploadWrap > .body > ul > li:last-of-type { border-right: 0; }
.multiFileUploadWrap > .body > ul > li:nth-of-type(2) { text-align: left; }
.multiFileUploadWrap > .body > ul > li .multiFileUploadDeleteBtn { cursor: pointer; }
.multiFileUploadWrap > .body > ul > li a { cursor: pointer; }
.del_icon {cursor: pointer;}
.return_btn {cursor: pointer;}
.in_button .file_list {float:left; width:100%; text-decoration: underline; }
.in_button .file_list a {text-decoration: underline; }

label.customCheckBox { font-size: 19px; float: left; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; cursor:pointer; margin-right: 5px; }
label.customCheckBox i { font-size: inherit; float:left; }
label.customCheckBox > .on { display: none; color: #3366CC; }
label.customCheckBox > .off { display: inline-block; color: #CCC; }
label.customCheckBox.listCheckBox { font-size: 19px; float: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; cursor:pointer; margin-right: 5px; }
label.customCheckBox.listCheckBox i { font-size: inherit; float:none; }    input[type="checkbox"]:checked + label.customCheckBox > .on { display: inline-block; }
input[type="checkbox"]:checked + label.customCheckBox > .off { display: none; }

input[type="radio"]:checked + label.customCheckBox > .on { display: inline-block; }
input[type="radio"]:checked + label.customCheckBox > .off { display: none; }

.ocation_box span {padding:5px 15px;color: #333 !important; font-size:13px; font-weight: 800;border:solid 1px #ededed;border-radius: 5px;margin:5px 0px;}
.ocation_box span i {padding:5px; padding-left:0;}
.ocation_box .on i {color:#19234b !important;}
.customCheckBoxLabel { float:left; margin-right:25px; cursor:pointer; }
.customCheckBoxLabel:not(:first-of-type) { margin-left:5px; }


/* DB분배내역 현황조회 */
.totalDatainfo {font-size: 13px; font-weight: 400; color: #c7c7c7; line-height: 30px; margin-left:15px;}
.totalDataBtn {margin-left:10px; width:100px !important; border-radius: 15px; height:30px; line-height: 30px;margin-left: 20px;}
.totalDatasection {padding: 20px 50px;} 

.sortwrap {cursor: pointer;}