html { overflow: auto; } .container { width:100%; margin:0 auto; } #wrap { overflow:scroll; } #header { min-width:1550px; } #secNav { border-bottom:1px solid #E5E7EB; } #secNav .nav { padding:0px 24px; justify-content:space-between; } #secNav .logo { padding:20px 0px; } #secNav .logo img { height:40px; } #secNav .menus { margin-top:10px; margin-right:48px; } #secNav .menus li { margin:0px 28px; padding:20px 0px; position:relative; } #secNav .menus li.new .newIcon { border:1px solid #EF4444; padding:1px 6px; border-radius:13px; } #secNav .menus li.new .active { font-weight:bold; } #secNav .menus li .messageBox { display:none; top:70px; left:-180px; width:280px; z-index:9999; } #secNav .menus li .messageBox .title { padding:12px; border-bottom:1px solid #E5E7EB; } #secNav .menus li .messageBox .messageList { height:440px; overflow-y:scroll; } #secNav .menus li .messageBox .messageList::-webkit-scrollbar { width:8px; } #secNav .menus li:hover .messageBox { display:block; } #secNav .menus li .messageList::-webkit-scrollbar-thumb { background-color:#D9D9D9; border-radius:8px; background-clip: padding-box; border: 2px solid transparent; } #secNav .menus li .messageList::-webkit-scrollbar-track { background-color:#fff; border-radius:10px; box-shadow:inset 0px 0px 5px white; } #secNav .menus li .messageList .item { padding:12px; border-bottom:1px solid #F3F4F6; } #secNav .menus li .messageList .wdate { margin-top:4px; } #secNav .menus li .messageList .rr { display:flex; justify-content: space-evenly; flex-direction: column; cursor:pointer; } #secContent { min-width:1550px; } #secContent #lnbArea { width:224px; border-right:1px solid #E5E7EB; } #secContent #lnbArea .consoleTitle { height:56px; line-height:56px; padding:0 44px; border-bottom:1px solid #E5E7EB; } #secContent #lnbArea .memInfo { padding:24px 0px 24px; } #secContent #lnbArea .memInfo .info1 { justify-content:center; margin-bottom:8px; } #secContent #lnbArea .memInfo .info1 .name { margin-right:4px; } #secContent #lnbArea .service { padding:12px 24px; } #secContent #lnbArea .service .info1 { justify-content:space-around; } #secContent #lnbArea .members { padding:12px 24px 24px 24px; border-bottom:1px solid #E5E7EB; } #secContent #lnbArea .members .info1 { justify-content:space-around; } #secContent #lnbArea .navs { } #secContent #lnbArea .navs ul { } #secContent #lnbArea .navs ul li { } #secContent #lnbArea .navs ul li .item { padding:18px 24px; } #secContent #lnbArea .navs ul li .icon { margin-right:10px; } #secContent #lnbArea .navs ul li .divFlex1 { justify-content:space-between; } #secContent #lnbArea .navs ul li .divFlex2 { justify-content:flex-start; } #secContent #lnbArea .navs ul li .divFlex2 .txt { margin-top:3px; } #secContent #lnbArea .navs ul li .divFlex1 .rr { margin-top:5px; } #secContent #lnbArea .navs ul li.active { color:#3366FF; } #secContent #lnbArea .navs ul li.active a { color:#3366FF; } #secContent #lnbArea .navs ul li.on { color:#3366FF; } #secContent #lnbArea .navs ul li.on a { color:#3366FF; } #secContent #lnbArea .navs ul li .submenu { display:none; } #secContent #lnbArea .navs ul li .submenu .item { padding:16px 0px 16px 56px; color:#374151; } #secContent #lnbArea .navs ul li .submenu .item.active { background-color:#EFF5FF; color:#3366FF; font-weight:bold; } #secContent #lnbArea .navs ul li .submenu .item.on { background-color:#EFF5FF; color:#3366FF; } #secContent #lnbArea .navs ul li.active .submenu { display:block; } #mainArea { padding:56px 0px 0px 0px; width:calc(100% - 224px); } #mainArea.teamSpace {} #mainArea.teamSpace > .container {} #mainArea.teamSpace > .container > .insert { padding:0px 88px; } #mainArea.teamSpace > .container > .insert .info1 { padding:16px; border:1px solid #DBEAFE; } #mainArea.teamSpace > .container > .insert .info1 ul { margin-left:16px; list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .insert .info1 ul li { line-height:24px; } #mainArea.teamSpace > .container > .insert .info1 ul li::marke { color:#6B7280; } #mainArea.teamSpace > .container > .insert #team_space_etc_div .number { position:absolute; top:15px; right:12px; } #mainArea.teamSpace > .container > .insert .box1 {} #mainArea.teamSpace > .container > .insert .box1 .etc {} #mainArea.teamSpace > .container > .insert .box1 .etc .divFlex .icon { margin-top:2px; margin-left:6px; } #mainArea.teamSpace > .container > .insert .box1 .etc .etcContent { display:none; margin-top:16px; border-top:1px solid #CACFD7; padding:16px; } #mainArea.teamSpace > .container > .insert .box1 .etc .etcContent ul { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .insert .box1 .etc .etcContent ul li { line-height:24px; } #mainArea.teamSpace > .container > .insert .box1 .etc .etcContent ul li::marke { color:#6B7280; } #mainArea.teamSpace > .container > .insert .box1 .etc .divFlex.on + .etcContent { display:block; } #mainArea.teamSpace > .container > .insert .fileEtc { padding:0px 16px; } #mainArea.teamSpace > .container > .insert .fileEtc ul { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .insert .fileEtc ul li { line-height:24px; } #mainArea.teamSpace > .container > .insert .fileEtc ul li::marke { color:#6B7280; } #mainArea.teamSpace > .container > .list { padding:0px 88px 88px; } #mainArea.teamSpace > .container > .list .info { border:1px solid #DBEAFE; padding:16px; } #mainArea.teamSpace > .container > .list .customTable {} #mainArea.teamSpace > .container > .list .customTable table { border-collapse:collapse; table-layout:fixed; } #mainArea.teamSpace > .container > .list .customTable table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; } #mainArea.teamSpace > .container > .list .customTable table th .title { margin-top:4px; } #mainArea.teamSpace > .container > .list .customTable table th .icon { margin-left:6px; } #mainArea.teamSpace > .container > .list .customTable table th .arrow { margin-left:6px; margin-top:6px; } #mainArea.teamSpace > .container > .list .customTable table th .arrow .up { margin-bottom:2px; } #mainArea.teamSpace > .container > .list .customTable table td { border-bottom:1px solid #E5E7EB; padding:20px; } #mainArea.teamSpace > .container > .list .customTable table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; } #mainArea.teamSpace > .container > .list .customTable table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; } #mainArea.teamSpace > .container > .list .customTable table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; } #mainArea.teamSpace > .container > .list .customTable table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; } #mainArea.teamSpace > .container > .list .customTable table tr.stop td { color:#9CA3AF; } #mainArea.teamSpace > .container > .list .customTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } #mainArea.teamSpace > .container > .list .customTable.zebra table tbody tr:nth-child(even) { background-color:#F3F4F6; } #mainArea.teamSpace > .container > .detail { padding:0px 88px; } #mainArea.teamSpace > .container > .detail .info1 { padding:16px; border:1px solid #DBEAFE; } #mainArea.teamSpace > .container > .detail .info1 ul { margin-left:16px; list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .detail .info1 ul li { line-height:24px; } #mainArea.teamSpace > .container > .detail .info1 ul li::marke { color:#6B7280; } #mainArea.teamSpace > .container > .detail #team_space_etc_div .number { position:absolute; top:15px; right:12px; } #mainArea.teamSpace > .container > .detail .box1 {} #mainArea.teamSpace > .container > .detail .box1 .etc {} #mainArea.teamSpace > .container > .detail .box1 .etc .divFlex .icon { margin-top:2px; margin-left:6px; } #mainArea.teamSpace > .container > .detail .box1 .etc .etcContent { display:none; margin-top:16px; border-top:1px solid #CACFD7; padding:16px; } #mainArea.teamSpace > .container > .detail .box1 .etc .etcContent ul { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .detail .box1 .etc .etcContent ul li { line-height:24px; } #mainArea.teamSpace > .container > .detail .box1 .etc .etcContent ul li::marke { color:#6B7280; } #mainArea.teamSpace > .container > .detail .box1 .etc .divFlex.on + .etcContent { display:block; } #mainArea.teamSpace > .container > .detail .fileEtc { padding:0px 16px; } #mainArea.teamSpace > .container > .detail .fileEtc ul { list-style-type: disc; list-style-image: url("data:image/svg+xml;utf8,"); } #mainArea.teamSpace > .container > .detail .fileEtc ul li { line-height:24px; } #mainArea.teamSpace > .container > .detail .fileEtc ul li::marke { color:#6B7280; } #mainArea.member {} #mainArea.member > .container > .list { padding:0px 88px 88px; } #mainArea.member > .container > .list .customTable {} #mainArea.member > .container > .list .customTable table { border-collapse:collapse; table-layout:fixed; } #mainArea.member > .container > .list .customTable table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; } #mainArea.member > .container > .list .customTable table th .title { margin-top:4px; } #mainArea.member > .container > .list .customTable table th .icon { margin-left:6px; } #mainArea.member > .container > .list .customTable table th .arrow { margin-left:6px; margin-top:6px; } #mainArea.member > .container > .list .customTable table th .arrow .up { margin-bottom:2px; } #mainArea.member > .container > .list .customTable table td { border-bottom:1px solid #E5E7EB; padding:20px; } #mainArea.member > .container > .list .customTable table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; } #mainArea.member > .container > .list .customTable table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; } #mainArea.member > .container > .list .customTable table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; } #mainArea.member > .container > .list .customTable table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; } #mainArea.member > .container > .list .customTable table tr.stop td { color:#9CA3AF; } #mainArea.member > .container > .list .customTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } #mainArea.member > .container > .list .customTable.zebra table tbody tr:nth-child(even) { background-color:#F3F4F6; } #mainArea.linked_account {} #mainArea.linked_account > .container > .list { padding:0px 88px 88px; } #mainArea.linked_account > .container > .list .customTable {} #mainArea.linked_account > .container > .list .customTable table { border-collapse:collapse; table-layout:fixed; } #mainArea.linked_account > .container > .list .customTable table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; } #mainArea.linked_account > .container > .list .customTable table th .title { margin-top:4px; } #mainArea.linked_account > .container > .list .customTable table th .icon { margin-left:6px; } #mainArea.linked_account > .container > .list .customTable table th .arrow { margin-left:6px; margin-top:6px; } #mainArea.linked_account > .container > .list .customTable table th .arrow .up { margin-bottom:2px; } #mainArea.linked_account > .container > .list .customTable table td { border-bottom:1px solid #E5E7EB; padding:20px; } #mainArea.linked_account > .container > .list .customTable table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; } #mainArea.linked_account > .container > .list .customTable table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; } #mainArea.linked_account > .container > .list .customTable table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; } #mainArea.linked_account > .container > .list .customTable table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; } #mainArea.linked_account > .container > .list .customTable table tr.stop td { color:#9CA3AF; } #mainArea.linked_account > .container > .list .customTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } #mainArea.linked_account > .container > .list .customTable.zebra table tbody tr:nth-child(even) { background-color:#F3F4F6; } #mainArea.usage_details {} #mainArea.usage_details > .container > .list { padding:0px 88px 88px; } #mainArea.usage_details > .container > .list .customTable {} #mainArea.usage_details > .container > .list .customTable table { border-collapse:collapse; table-layout:fixed; } #mainArea.usage_details > .container > .list .customTable table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; } #mainArea.usage_details > .container > .list .customTable table th .title { margin-top:4px; } #mainArea.usage_details > .container > .list .customTable table th .icon { margin-left:6px; } #mainArea.usage_details > .container > .list .customTable table th .arrow { margin-left:6px; margin-top:6px; } #mainArea.usage_details > .container > .list .customTable table th .arrow .up { margin-bottom:2px; } #mainArea.usage_details > .container > .list .customTable table td { border-bottom:1px solid #E5E7EB; padding:20px; } #mainArea.usage_details > .container > .list .customTable table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; } #mainArea.usage_details > .container > .list .customTable table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; } #mainArea.usage_details > .container > .list .customTable table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; } #mainArea.usage_details > .container > .list .customTable table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; } #mainArea.usage_details > .container > .list .customTable table tr.stop td { color:#9CA3AF; } #mainArea.usage_details > .container > .list .customTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } #mainArea.usage_details > .container > .list .customTable.zebra table tbody tr:nth-child(even) { background-color:#F3F4F6; } #mainArea.usage_details .tabs .item { width:50%; padding:16px; border-top:1px solid #CACFD7; border-left:1px solid #CACFD7; border-right:1px solid #CACFD7; border-bottom:1px solid #374151; background-color:#F9FAFB; color:#6B7280; } #mainArea.usage_details .tabs .item.active { border-top:1px solid #374151; border-left:1px solid #374151; border-right:1px solid #374151; border-bottom:1px solid #fff; background-color:#fff; color:#111827; font-weight:bold; } .consoleStatus {} .consoleStatus { padding:2px 12px; border-radius: 25px; } .consoleStatus.green { border:1px solid #A7F3D0; color:#059669 } .consoleStatus.red { border:1px solid #FECACA; color:#EF4444; } .consoleStatus.yellow { border:1px solid #FDE68A; color:#F59E0B; } .consoleStatus.blue { border:1px solid #BFDBFE; color:#3366FF; } .consoleStatus.gray { border:1px solid #E5E7EB; color:#6B7280; } .baseTable {} .baseTable table { border-collapse:collapse; table-layout:fixed; } .baseTable table th { height:56px; padding:12px 20px; background-color:#F3F4F6; color:#6B7280; border-bottom:1px solid #CACFD7; } .baseTable table th .title { margin-top:12px; } .baseTable table th .icon { margin-left:6px; margin-top:6px; } .baseTable table th .arrow { margin-left:6px; margin-top:2px; } .baseTable table th .arrow .up { margin-bottom:2px; } .baseTable table td { border-bottom:1px solid #E5E7EB; height:48px; } .baseTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } .baseTable.zebra table tbody tr:nth-child(even) { background-color:#F9FAFB; } .baseTable.zebra2 table tbody tr:nth-child(even) { background-color:#F3F4F6; } .inputTable {} .inputTable table { border-collapse:collapse; } .inputTable table td { border:1px solid #E5E7EB; padding:28px; } .searchArea { justify-content: space-between; } .searchArea .total { margin-top:12px; } .messageStatus { border-radius: 25px; padding:2px 12px; color:#fff; } .messageStatus.mms { background-color:#10B981; } .messageStatus.sms { background-color:#327BFF; } .messageStatus.lms { background-color:#F59E0B; } .consoleIphoneBg { position:relative; width:270px; height:544px; background:url("/resources/images/console/consoleIphone.png") no-repeat; } .consoleIphoneBg .textArea { position:absolute; width:250px; height:500px; top:110px; left:20px; width:230px; height:390px; overflow-y:scroll; } .consoleIphoneBg .textArea .textBox { padding:8px; gap: 1px; background-color:#EBEBEB; margin-bottom:10px; border-radius: 8px; width: 140px; } .toolTipBase:hover .toolTip { display:block !important; } .toolTipBase .toolTip { padding:16px; border-radius:4px; display:none; } .toolTipBase .toolTip .topArrow { top:-31px; right:0px; } .toolTipBase .toolTip .discUl { margin-left:12px; } #tsPayKindModal {} #tsPayKindModal .box1 .lable { margin:15px 48px 0px 24px; } #tsPayKindModal .box1 .select { margin-right:90px; } #tsAccountBankPopup {} #tsAccountBankPopup .box1 .lable { margin:15px 48px 0px 24px; } #tsAccountBankPopup .box1 .select { margin-right:12px; } #tsMemberModal .contents { padding:56px 56px; } #tsMemberModal .contents #title { margin-bottom:24px; } #tsMemberModal .contents #title .totalCnt { margin-top:16px; } #memberInsertModal .contents {} #memberInsertModal .contents .team_space_area .item { border:1px solid #3366FF; padding:12px 16px; border-radius:4px; margin-right:8px; } #memberInsertModal .contents .ip_content_area .item { border:1px solid #9CA3AF; padding:12px 16px; border-radius:4px; margin-right:8px; } #memberUpdateModal .contents {} #memberUpdateModal .contents .team_space_area .item { border:1px solid #3366FF; padding:12px 16px; border-radius:4px; margin-right:8px; } #memberUpdateModal .contents .ip_content_area .item { border:1px solid #9CA3AF; padding:12px 16px; border-radius:4px; margin-right:8px; } #memberUpdateModal .button { background-color:#ffffff; border-radius:8px; color:#111827; border:1px solid #CACFD7; padding:6px 12px; margin-left:8px; } #memberUpdateModal .fnTeamSpaceModeDiv {} #memberUpdateModal .fnTeamSpaceModeDiv .ii1 { width:460px; } #memberUpdateModal .fnTeamSpaceModeDiv .ii2 { width:248px; } #memberUpdateModal .fnTeamSpaceModeDiv.disabled .ii1 { width:588px; } #memberUpdateModal .fnTeamSpaceModeDiv.disabled .ii2 { width:120px; } #memberUpdateModal .fnTeamSpaceModeDiv.disabled .fnTeamSpaceAdd { display:none; } #memberUpdateModal .fnTeamSpaceModeDiv.disabled + .team_space_area .del { display:none; } #memberTeamSpaceUpdateModal {} #memberDetailModal {} #memberDetailModal .ip_content_area .item { border:1px solid #9CA3AF; background-color:#F9FAFB; padding:8px 16px; border-radius:4px; margin-right:16px; } #memberTeamSpaceUpdateModal {} #memberTeamSpaceUpdateModal .contents .item:hover { border:1px solid #3366FF; background-color:#EFF5FF; } #memberTeamSpaceModal .info .customTable table td { border-bottom:1px solid #E5E7EB; padding:20px; } #memberTeamSpaceModal .info .customTable table tr.doing .status { border:1px solid #BFDBFE; color:#3366FF; background-color:#EFF5FF; border-radius: 25px; padding:2px 12px; } #memberTeamSpaceModal .info .customTable table tr.doing .bizButton { background-color:#FFFFFF; border:1px solid #CACFD7; } #memberTeamSpaceModal .info .customTable table tr.stop .status { border:1px solid #E5E7EB; color:#6B7280; background-color:#F3F4F6; border-radius: 25px; padding:2px 12px; } #memberTeamSpaceModal .info .customTable table tr.stop .bizButton { background-color:#FFFFFF; color:#CACFD7; border:1px solid #E5E7EB; } #memberTeamSpaceModal .info .customTable table tr.stop td { color:#9CA3AF; } #memberTeamSpaceModal .info .customTable table td.oneLine { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; } #memberTeamSpaceModal .tabs { } #memberTeamSpaceModal .tabs .item { width:50%; padding:16px; border-top:1px solid #CACFD7; border-left:1px solid #CACFD7; border-right:1px solid #CACFD7; border-bottom:1px solid #374151; background-color:#F9FAFB; color:#6B7280; } #memberTeamSpaceModal .tabs .item.active { border-top:1px solid #374151; border-left:1px solid #374151; border-right:1px solid #374151; border-bottom:1px solid #fff; background-color:#fff; color:#111827; font-weight:bold; } #footer { border-top:1px solid #E5E7EB; padding:12px 46px; } #footer > .divFlex { justify-content: space-between; } #footer .ll .logo { margin-right:8px; margin-top:6px; } #footer .ll .logo img { height:22px; } #footer .ll .txt { margin-top:8px; } #footer .rr .i1 { margin-top:10px; margin-right:56px; } #footer .rr .i2 { margin-top:7px; margin-right:56px; } /* */ .rotate { transform: rotate(180deg); } /* PC (해상도 1024px)*/ @media all and (min-width:1024px) { #content.share {} #content.share .itemContent1 { display:flex !important; } #content.share .itemContent1 .item { width:23%; padding:24px; margin-bottom:24px; } } /* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ @media all and (min-width:768px) and (max-width:1023px) { #content.share {} #content.share .itemContent1 { display:flex !important; } #content.share .itemContent1 .item { width:23%; padding:24px; margin-bottom:24px; } } /* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ @media all and (max-width:767px) { #content.share {} #content.share .itemContent1 { display:block !important; } #content.share .itemContent1 .item { width:100%; padding:24px; margin-bottom:24px; } .bfModal.wid800 { width:80% !important; } }