/* 멤버스영역 */ .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; } .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: 10px; } .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: 870px; } .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: #000; text-align: center; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 10px; } .dataListWrap > table > tbody > tr > td:not(.notBorderRight):last-of-type { border-right: 0; } .dataListWrap > table > tbody > tr > td.last { border-right:1px solid #EBEBEB !important; } .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.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; } /* 데이터 정보영역 */ .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: 1px solid #4B88B5; } .dataInfoWrap table > tbody > 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 > tbody > tr > td { height: 50px; padding: 7px 8px; color: #000; border-bottom: 1px solid #EBEBEB; } .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 > 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; } /* 데이터 카운팅영역 */ .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: #000; } #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: 255px; 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: 480px; 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; } #smsSendFrmWrap .right > .settingWrap > input { height: 40px; } #smsSendFrmWrap .right > .settingWrap > .receiveName { width: 150px; } #smsSendFrmWrap .right > .settingWrap > .receiveTel { width: 200px; } #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 > #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: #000; 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: #000; } .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: #000; letter-spacing: -0.5px; font-weight: 500; } /* 세션밖버튼영역 */ .btnSectionWrap { width: 100%; float: left; margin-bottom: 15px; 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 { 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: #000; 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: #000; 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: #000; 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 300px 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: #000; 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; } /* 뷰 상담페이지 디자인 */ .dbCsWriteWrap2 { width: 100%; float: left; padding: 30px; border-bottom: 1px solid #E1E1E1; position:fixed; bottom:0; max-width:79%; z-index:99; background-color:#f5f5f5 } .dbCsWriteWrap2 > form { width: 100%; float: left; display: table; table-layout: fixed; } .dbCsWriteWrap2 > form > div { display: table-cell; vertical-align: top; } .dbCsWriteWrap2 > form > .fmSubWrap { width: 270px; } .dbCsWriteWrap2 > form > .fmSubWrap > ul { width: 100%; float: left; } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li { width: 100%; float: left; margin-bottom: 5px; } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li:last-of-type { margin-bottom: 0; } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li > .label { width: 70px; height: 35px; line-height: 35px; float: left; color: #000; font-size: 13px; font-weight: bold; } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li > .importantTxt:after { content:"*"; color:red; } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li > .txtBox { width: calc(100% - 70px); } .dbCsWriteWrap2 > form > .fmSubWrap > ul > li > .calendarIcon { position: absolute; font-size: 16px; color: #CCC; margin-left: -24px; margin-top: 10px; } .dbCsWriteWrap2 > form > .frmWrap { padding: 0 15px; } .dbCsWriteWrap2 > form > .frmWrap > textarea { float: left; margin-bottom: 5px; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap { width: 100%; float: left; margin-top: 5px; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap > .typeBtn { width: 100px; height: 30px; line-height: 30px; font-size: 11px; font-weight: 500; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap .getFileNameSpan { height: 30px; line-height: 30px; margin-right: 20px; font-size: 12px; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap .getFileNameSpan:last-of-type { margin-right: 0; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap > #csMultiFileNameList { width: calc(100% - 120px); float: right; margin-left: 20px; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap > #csMultiFileNameList > li { height: 30px; line-height: 30px; float: left; margin-right: 20px; font-size: 12px; color: #AAA; } .dbCsWriteWrap2 > form > .frmWrap > .fileWrap > #csMultiFileNameList > li > i { margin-left: 10px; cursor: pointer; color: #DC3333; } .dbCsWriteWrap2 > form > .btnWrap { width: 150px; } .dbCsWriteWrap2 > 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: #000; } #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: 350px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 20px; 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: #000; 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: #000; 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 30px; } .scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table { width: 100%; float: left; } .scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table th { height: 30px; text-align: center; color: #999; font-size: 12px; font-weight: bold; } .scheduleViewWrap > .leftInfoWrap > .calendarWrap > .tableWrap > table td { height: 30px; 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 > 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: #000; 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: #000; 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: #000; 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: #000; } .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%; } /* 팝업정보영역2 */ .popupDbDataInfoWrap { width:100%; float:left; padding:3%; } .popupMiniInfoWrap2 { width: 100%; float: left; border: 3px solid #CCC; margin-bottom:15px; } .popupMiniInfoWrap2 > ul { width: 100%; height: 60px; float: left; display: table; table-layout: fixed; padding: 22.5px 25px; } .popupMiniInfoWrap2 > ul > li { display: table-cell; vertical-align: middle; text-align: center; border-right: 1px solid #E1E1E1; } .popupMiniInfoWrap2 > ul > li:last-of-type { border-right: 0; } .popupMiniInfoWrap2 > ul > .none { border-right: 0; } .popupMiniInfoWrap2 > ul > li > span { font-size: 14px; } .popupMiniInfoWrap2 > ul > li > span.label { font-weight: bold; color: #333; } .popupMiniInfoWrap2 > ul > li > span.value { font-weight: 500; margin-left: 5px; letter-spacing: -0.5px; color: #000; } .popupMiniInfoWrap2 > ul > li > .typeBtn { width: 49.5%; margin-right: 1%; } .popupMiniInfoWrap2 > ul > li > .typeBtn:last-of-type { margin-right: 0; } /* 상품선택영역 */ .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: #000; 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; font-weight: bold; } .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: #000; } /* 팝업단계정보영역 */ .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: #000; 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: #000; }*/ #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: #000; } #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: #000; } #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; opacity: 0.2; background-color: #4B88B5; } #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: #000; line-height: 18px; } #chatInfoWrap > .moreInfoWrap > .chatWrap > .logWrap > ul > li > .memo > .date { position: absolute; letter-spacing: -0.5px; color: #000; font-weight: 400; font-size: 11px; bottom: 10px; white-space: nowrap; } #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 > .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); max-height: 120px; background-color: #FFF; top: 100%; border: 1px solid #CCC; right: 0; overflow-y: auto; z-index: 2; margin-top: -1px; display: none; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul { width: 100%; float: left; padding: 20px; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li { width: 100%; float: left; margin-bottom: 15px; cursor: pointer; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li:hover { opacity: 0.8; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li:last-of-type { margin-bottom: 0; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li > div { height: 15px; line-height: 15px; font-size: 13px; letter-spacing: -0.5px; color: #000; font-weight: 500; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li > div > i { color: #CCC; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li > .left > i { margin-right: 10px; } #chatInfoWrap > .moreInfoWrap > .writeWrap > .searchWrap > .resultWrap > ul > li > .right > i { cursor: pointer; } #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: #000; 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: #000; 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: #000; 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.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 > .boxTitleWrap { padding:0 !important; } #mainDashboardWrap > div > .boxWrap > .boxTitleWrap > .boxTit { width: 100%; float: left; margin-bottom:25px; } #mainDashboardWrap > div > .boxWrap > .boxTitleWrap > .boxTit > span { height: 15px; line-height: 15px; float: left; } #mainDashboardWrap > div > .boxWrap > .boxTitleWrap > .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 > .boxTitleWrap > .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: #000; 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 15px; } #mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > div { height: 70px; display: table-cell; vertical-align: middle; } #mainDashboardWrap > .leftWrap > .dataTableWrap > .box > .dataWrap > .iconWrap { width: 110px; } #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: 25px; } #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:40%; 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:58%; 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:30%; margin-left:3%; } #mainDashboardWrap > .leftWrap > .dashboardCustom1 .rightBox > div:not(:first-child) { margin-left:2%; width:31%; } #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 > 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 > 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; } /* 210810 주문서 결제 등록 CSS */ .payWrap { width:100%; float:left; margin-top:35px; } .payWrap form { width:100%; float:left; } .payWrap .payMentBox { width:100%; float:left; padding:15px; background-color:#f5f5f5; border-bottom:1px solid #ccc; } .payWrap .payMentBox:not(:last-of-type) { margin-bottom:20px; } .payWrap .payTit { width:100%; float:left; font-weight: bold; font-size:17px; } .payWrap .payTit:not(:first-child) { margin-top:10px; } .payWrap .payDel { position: absolute; right: 10px; top: 10px; cursor:pointer } .payWrap div.payList { width:100%; float:left; } .payMentItem { width:100%; float:left; margin-top:5px; } .payMentItem ul { width:100%; float:left; } .payMentItem ul:not(:first-child) { margin-top:5px; } .payMentItem ul li { width:20%; float:left; } .payMentItem ul li:not(:first-of-type) { padding-left:15px; } .payMentItem ul li:nth-of-type(6n) { padding-left:0; } .payMentItem ul li:nth-of-type(n+6) { margin-top:8px; } .payMentItem p.label { width:40%; float:left; line-height:35px; } .payMentItem p.value { width:60%; float:left; } .payMentItem p.value span { line-height: 35px; } .elCopyBtn2 { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); cursor:pointer } .noData { width: 100%; float: left; text-align: center; padding: 25px 0; } .popupMiniInfoWrap3 { width: 100%; float: left; border: 3px solid #CCC; padding:10px 25px; } .popupMiniInfoWrap3 > ul { width: 100%; float: left; padding: 5px 0; } .popupMiniInfoWrap3 > ul > li:not(.customC) { float: left; text-align: left; } .popupMiniInfoWrap3 > ul > li:not(.customC) > span { font-size: 14px; } .popupMiniInfoWrap3 > ul > li:not(.customC) > span.label { font-weight: bold; color: #333; } .popupMiniInfoWrap3 > ul > li:not(.customC) > span.value { font-weight: 500; margin-left: 30px; letter-spacing: -0.5px; color: #000; } .popupMiniInfoWrap3 > ul > li:not(.customC) > .typeBtn { width: 49.5%; margin-right: 1%; } .popupMiniInfoWrap3 > ul > li:not(.customC) > .typeBtn:last-of-type { margin-right: 0; } .popupMiniInfoWrap3.item3 > ul > li:not(.customC) { width: 33.33%; } .popupMiniInfoWrap3.item4 > ul > li:not(.customC) { width: 25%; } .popupMiniInfoWrap3 .customC { position:absolute; right:0; } /* 메인상품 선택 CSS */ .selectProductCntBox { width:100%; float:left; } .selectProductCntBox:not(:first-child) { margin-top:10px; } .selectProductCntBox span { float:left; line-height:35px; margin-right:8px; } .selectPromotionCntBox { width:100%; float:left; } .selectPromotionCntBox:not(:first-child) { margin-top:10px; } .selectPromotionCntBox span { float:left; line-height:35px; margin-right:8px; } .csLogOldCs { background-color:#f5f5f5; } /*.csLogOldCs:not(:last-child) td { border-bottom:1px solid white !important; }*/ /* 상품신청 UI */ /* 통신사 가이드 */ .guide-text { display: block; font-size: 11px; color: #888; float:left; }