/* layout.css */ body {line-height: normal !important;} .wrapPro:not(.homePage) .container{display: flex; flex-direction: column;} .gnb .menu:hover {background:#757575;} .gnb .menu:active {background:#222226;} /* .header .sta .title h1 {width: 118px; height: 16px;} */ .unMaxWidth dl{max-width: unset !important;} .gnb .gnbBox .navi a[aria-current="true"] p{font-weight: 700;} .gnb .gnbBox .navi a, .gnb .menu{outline-offset: -2px; border-radius: 10px;} .tableHead em{font-weight: 700;} .header .tools button::before {filter: none; opacity: 1;} .header .tools .region {height: 40px; padding: 0 5px;} .header .tools .region:hover {color:#5c6063; background:none;} .header .tools .region:focus-visible {outline: none;} .header .tools .region:focus-visible::before {background: url(../img/common/header_icon_region_o.svg)no-repeat center;} .header .tools .region strong {font-weight: 500; padding: 0 5px 0 0; vertical-align: middle;} .header .tools .user {margin: 0px;} .header .tools .user:focus-visible {outline: none;} .header .tools .user strong {margin: 0; padding: 3px 9px; font-weight: 500;} .header .tools .user:focus-visible::before {background: url(../img/common/header_icon_profile_o.svg) no-repeat center;} .header .tools .user:focus-visible strong {text-decoration: underline;} .header .tools .user:active strong {border-radius: 14px; text-decoration: none;} .header .tools .noti[data-new="y"] {margin: 0 10px 0 0;} .header .tools .noti:focus-visible {outline: none;} .header .tools .noti::before {width: 40px; height: 40px; background: url(../img/custom/header_icon_alarm_n.svg)no-repeat; background-position: 8px 8px;} .header .tools .noti:hover::before, .header .tools .noti:focus-visible::before {background: url(../img/custom/header_icon_alarm_o.svg)no-repeat; background-position: 0 0;} .header .tools .noti:active::before {background: url(../img/custom/header_icon_alarm_p.svg)no-repeat; background-position: 0 0;} .header .tools .noti[data-new="y"]::after {background: url(../img/custom/header_icon_alarm_new.svg)no-repeat; content: ""; width: 34px; height: 18px; right: -20px;} .header .tools .pointDiv {display: inline-block; vertical-align: middle; padding: 0 0 0 15px; display: flex; align-items: center; margin: 0 0 0 15px; position: relative;} .header .tools .pointDiv::before {content: ""; height: 15px; width: 1px; background-color: #ccc; left: 0; position: absolute;} .header .tools .point {font-size: 0px;border: 0;border-radius: 50%;position: relative;overflow: inherit;display: flex;} .header .tools .point:hover::before {content: '';display: block;width: 24px;height: 24px;background: url(../img/custom/header_icon_point_o.svg) no-repeat center;} .header .tools .point:active::before {content: '';display: block;width: 24px;height: 24px;background: url(../img/custom/header_icon_point_p.svg) no-repeat center; filter: brightness();} .header .tools .point::before {content: '';display: block;width: 24px;height: 24px;background: url(../img/custom/header_icon_point_n.svg) no-repeat center;} .header .title a:hover {text-decoration: none;} li a[aria-current="true"]{font-weight: 700 !important;} .inputBoxIssue{width: 100%;} .jsmartable-row-append-td {width: auto !important;} .jsmartable-row-append-td .mr-o{width: auto !important; height: auto !important;} .noItem {text-align: center !important} .noItem:hover {background: none !important;} #deviceManagement > tbody > .noItem > td {border-bottom: none !important;} .accountBox2 .solutionContainer {width: 100%; margin: auto;} .accountBox2 .solutionContainer .solutionBox .top {border-radius: 7px 7px 0 0;} .accountBox2 .solutionContainer .solutionBox .top .textContainer span {width: 100%; text-align: center; font-weight: bold;} .accountBox2 .solutionContainer .solutionBox .top .thumb.ad {background: url(../img/custom/ad.svg) no-repeat center;} .accountBox2 .solutionContainer .solutionBox .top .thumb.devicecare {background: url(../img/common/devicecare.png) no-repeat center;} .accountBox2 .solutionContainer .solutionBox .top .thumb.stay {background: url(../img/custom/stay.svg) no-repeat center;} .accountBox2 .solutionContainer .solutionBox .bottom .sub {word-break: break-word;} .accountManagement .contents .dcBody .detailView .acMenu .headerTop {height: 46px; margin: 10px 0 0;} .accountManagement .contents .dcBody .detailView .acMenu .headerTop .tableHead {margin: auto 5px 10px} .accountManagement .contents .dcBody .detailView .acMenu .headerTopacM {position: revert;} .accountManagement .contents .dcBody .detailView .acMenu .headerTopacM .tableHead {margin: auto 20px;} .accountManagement .licenseTableApprove{margin: 0; width: 100%} .accountWrap .accountBox .desc .button{max-width: max-content;} .accountWrap .accountBox {height: calc(100% - 57px);} .accountWrap .accountBox .desc h2 {font-size: 72px; font-weight: 600; line-height: 0.96; color: #f3f3f3;} .accountWrap .accountFooter {width: calc(100% - 20px); height: 57px; padding: 0 10px; background: #1d1d1d8e; opacity: 1;} .accountWrap .accountFooter .privacyPolicy {font-size: 14px;} .accountWrap .accountFooter .privacyPolicy.bold {font-weight: bold;} .accountWrap .accountFooter .privacyPolicy::after {width: 20px; height: 20px; background: url(../img/custom/btn_export_dark_n.svg)no-repeat; margin: 0 0 0 8px;} .accountWrap .accountFooter .privacyPolicy:hover::after {width: 20px; height: 20px; background: url(../img/custom/btn_export_dark_o.svg)no-repeat;} .accountWrap .accountFooter .privacyPolicy:active::after {width: 20px; height: 20px; background: url(../img/custom/btn_export_dark_p.svg)no-repeat;} .dcFooter{width: auto !important;} .dcFooter .privacy.bold{font-weight: bold;} .approveMenu .supportTableNotice .jsmartable tbody tr td:nth-child(3) button, .approveMenu .supportTableNotice .jsmartable tbody tr td:nth-child(4) button, .approveMenu .supportTableNotice .jsmartable tbody tr td:nth-child(5) button {height: revert; width: revert;} .approveMenu .supportQuestionTable .jsmartable tbody tr td:first-child {text-align: left;} .assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dt {line-height: 40px;} .totalBox .accessHistory {width: 100%;display: flex;justify-content: flex-end;padding: 10px 0; gap: 6px;font-weight: 700;} .totalBox .accessHistory em {padding-right: 10px;} .multiModal .mbBodyContents .tableWrap #accessHistory tbody tr td{text-align:center !important;} .solutionContainer .solutionBox {cursor:pointer; outline-offset: 2px;} .solutionContainer .solutionBox:hover {box-shadow: 0 0 0 3px #a50034;} .commentIconBox {width: revert; word-break: keep-all;} .container .body .contents .contentBox .detailView {height: calc(100% - 80px) !important;} .container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo dl.desc dd {word-break: break-word;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement {height: 100%;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .buttonWrap {margin-bottom: 12px;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li:last-child .item {border-bottom: 0;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnHeader .tools .selected {font-size: 14px; margin: auto 0 0;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnHeader .tools .total {font-size: 14px; margin: auto 0 0;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .smHeader {border-bottom: 0; padding-bottom: 0;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .smHeader .title h2 {font-size: 16px; font-weight: bold;} .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .smHeader .title .button.backBtn::before {background: url(../img/custom/ic_back_select.svg) no-repeat; width: 16px; height: 16px;} .container .body .contents .contentBox.support {margin: 0 20px; width: revert; overflow-y: auto;} .container .body .contents .contentBox.support .detailVeiwBody .article {padding-left: 182px;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl {margin: 20px 0 0; display: flex;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dt {font-size: 16px; font-weight: 500; width:225px;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd {font-size: 16px; width: calc(100% - 353px);} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd.rectangle {margin: 0; border: solid 1px #d0d1d2; padding: 20px 20px 18px;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd.attach .button.downloadAll {margin-bottom: 10px;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd.attach .file {width: 720px; height: 40px; background-color: #f8f8f8; line-height: 40px; padding: 0 20px; margin: 5px 0;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd.comment .message {background-color: #f8f8f8; margin-bottom: 10px; padding: 20px;} .container .body .contents .contentBox.support .detailVeiwBody .article .dlBox dl dd.comment .message .title {display: block} /* .container .body .contents .dcHeader .title .button {display: none;} */ .container .body .contents .dcHeader .tools.fb_y {margin: 0 15px} .container .body .contents .dcFooter {padding: 0 30px; width: revert;} .container .body .contents .dcFooter ul li a:hover::after {background: url(../img/common/btn_export_o.svg);} .container .body .contents .dcFooter ul li a:active::after {background: url(../img/common/btn_export_p.svg);} .container.indexPage .body .contents .contentBox.solutionNameBox {height: calc(100% - 82px);} .customBody .snb .accountSublist ul li .businessName > div > a {display: inline-block;} .customBody .snb .accountSublist ul li .businessName .button.circle.navarrow {background-color: transparent;} .customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .title p {font-size: 12px;} .filterWrap .filterHeader {padding: 15px 20px;} .filterWrap .filterBody {height: calc(100% - 126px); gap:30px; display: flex; flex-direction: column;} .filterWrap .filterBody fieldset{margin-bottom: unset;} .filterWrap .filterButton {padding: 0;} .gnb .tools {display: none;} .gnb .tools .toolBox {display:flex; align-items:center; justify-content:center; padding:14px 0;} .gnb .tools .toolBox button::before {filter:grayscale(1) brightness(10); opacity:0.7;} .gnb .tools .toolBox .sitemap {margin: 0 10px;} .gnb .tools .toolBox .sitemap a {display:block; font-size:14px; color:#fff; padding:2px 10px; border-radius: 20px;} .gnb .tools .toolBox .sitemap a:hover {text-decoration:underline;} .gnb .tools .toolBox .sitemap a:active {text-decoration:none; box-shadow:inset 0 0 0 2px #7d2c47;} .gnb .tools .toolBox .sessionTime {margin: 0 10px;} .gnb .tools .toolBox .sessionTime .time {display:inline-block; vertical-align:middle; font-size:14px; color:#fff; margin:0 10px 0 0;} .gnb .tools .toolBox .sessionTime .time::before {content:''; display:inline-block; margin-right:3px; width:16px; height:16px; background:url(../img/common/header_icon_time.svg) no-repeat; filter:brightness(10); opacity: 0.7; position: relative; top: 2px;} .gnb .tools .toolBox .question {font-size:0px; padding:0; margin:0 6px; border:0; border-radius:0; width:24px; height:24px; position:relative; overflow: inherit;} /* .gnb .tools .toolBox .question::before {content:''; display:block; width:24px; height:24px; background:url(../img/common/header_icon_help.svg) no-repeat;} */ .gnb .tools .toolBox .noti {font-size:0px; padding:0 16px; border:0; border-radius:0; height:24px; position:relative; overflow:inherit; display:flex; align-items:center; justify-content:center; margin-right: 10px;} .gnb .tools .toolBox .noti::before {content:''; display:block; width:40px; height:40px; margin:-10px 0; background: url(../img/custom/header_icon_alarm_n.svg) no-repeat bottom; background-position: 8px 8px;} .gnb .tools .toolBox .noti[data-new="y"]::after {padding:0 4px; position:absolute; background: url(../img/custom/header_icon_alarm_new.svg)no-repeat; content: ""; width: 34px; height: 18px; top: -3px; right: -12px;} .gnb .tools .toolBox .noti:focus-visible {outline: none;} .gnb .tools .toolBox .noti:hover::before, .gnb .tools .toolBox .noti:focus-visible::before {background: url(../img/custom/header_icon_alarm_o.svg)no-repeat; background-position: 0 0; filter: none;} .gnb .tools .toolBox .noti:active::before {background: url(../img/custom/header_icon_alarm_p.svg)no-repeat; background-position: 0 0; filter: none;} .gnb .tools .toolBox .user:focus-visible {outline: none;} .gnb .tools .toolBox .user {font-size: 0px; padding: 0 0 0 7px; border: none; position: relative; overflow: inherit;display: flex; align-items: center;} .gnb .tools .toolBox .user:hover::before, .gnb .tools .toolBox .user:focus-visible::before {content: '';display: block;width: 40px;height: 40px;background: url(../img/common/header_icon_profile_o.svg) no-repeat center;filter: none;} .gnb .tools .toolBox .user:active::before {content: '';display: block;width: 40px;height: 40px;background: url(../img/common/header_icon_profile_p.svg) no-repeat center; filter: none;} .gnb .tools .toolBox .user::before {content: '';display: block;width: 40px;height: 40px;background: url(../img/common/header_icon_profile.svg) no-repeat center;} .gnb .tools .toolBox .point:focus-visible {outline: none;} .gnb .tools .toolBox .point {font-size:0px; padding:0 16px; border:0; border-radius:0; height:24px; position:relative; overflow:inherit; display:flex; align-items:center; justify-content:center; margin-right: 10px; } .gnb .tools .toolBox .point::before {content:''; display:block; width:24px; height:24px; margin:-10px 0; background:url(../img/custom/header_icon_point_n.svg) no-repeat bottom; filter: grayscale(1) brightness(10); opacity: 0.7;} .gnb .tools .toolBox .point:hover::before, .gnb .tools .toolBox .point:focus-visible::before {content: '';display: block;width: 24px;height: 24px;background: url(../img/custom/header_icon_point_o.svg) no-repeat center; filter: none; } .gnb .tools .toolBox .point:active::before {content: '';display: block;width: 24px;height: 24px;background: url(../img/custom/header_icon_point_p.svg) no-repeat center; filter: brightness();} .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody.licenseInfoNew .dropBoxContainer {width: 100%; position: absolute; top: 24px; right: 24px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody.licenseInfoNew .dropBoxContainer .fb_w > .ui-selectmenu-button {width: 240px;} .gnb.active .menu strong {width: 136px; height: 16px;} .mobileDivSNB strong {font-weight: 500;} .detailView .sitemap .catagory div > a{font-weight: 500;} .modalBox .mbBody .mbBodyContents .article .dlBox dl.comment {align-items: revert;} .modalBox .mbBody .mbBodyContents .article .dlBoxGroup h4 {font-size:14px; line-height:14px; color:#2E3138; font-weight:500;} .modalBox .mbBody .mbBodyContents .article .sectionGroup h3 {margin-left: 0;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList {display: block; margin: 20px 0;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList .opt {display: block; margin-top: 16px;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList .opt input[type=checkbox]+label {font-size: 16px; color: #2E3138; line-height: normal;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList .opt input[type=checkbox]+label:before {margin-right: 10px;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList .opt input[type=checkbox]:checked+label:after {top: 12px;} .modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList .opt .note {margin-left: 29px; font-size: 14px; color: #555;} .modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .compDetails {display:block;} .modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .compDetails .companyDes p.pbody {word-break: break-word;} .modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .thumbBox {background: none !important;} .modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .thumbBox img {width: 100%; height: 100%; border-radius: 10px; word-break: break-all;} .modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .head h3 {margin: 0;} .modalBox .mbBody .mbBodyContents .article .viewPopup .serverInfo .head h3 {margin: 0;} .modalBox .mbBody .mbBodyContents .article .viewPopup .comment .head h3 {font-size: 16px; font-weight: bold; color: #555;} .modalBox .mbBody.supportPop {padding: 0px 24px 24px 24px;} .modalBox .mbBody.supportPop .mbBodyContents {overflow: hidden auto;} .modalBox.requstApprovalStepOne .mbBody .mbBodyContents, .modalBox.addBizForCreator .mbBody .mbBodyContents {height:auto; max-height:max-content !important;} .modalBox .viewBody {height: revert;} .modalBox.assignRole .mbBody .mbBodyContents .article .topDesc {text-align: center; font-size: 16px; margin-bottom: 30px;} .modalBox.assignRole .mbBody .mbBodyContents .article .topDesc span {display: block;} .modalBox.assignRole .mbBody .mbBodyContents .article .topDesc strong {display: block; font-size: 24px; font-weight: bold; margin-top: 14px; line-height: 1;} .modalBox.assignRole .mbBody.step1 .mbBodyContents .article .dlBox dl {margin: 50px 0 0;} .modalBox.assignRole .mbBody.step1 .mbBodyContents .article .dlBox dl dt {width: 200px;} .modalBox.assignRole .mbBody.step2 .mbBodyContents .article .dlBox dl dt {width: 260px; text-align: left;} .notiList .subNotiBody {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;} .notiList .subNotiBody.notShorten {-webkit-line-clamp: unset;} .notiList .subNotiList .subNotiHeader > strong {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; width: calc(100% - 30px);} .partnerCenterBox .service .smallBox .boxCard .cardHead .titleBox h5{height: auto; min-height: 24px;} .partnerCenterBox table td.logo img {width: 60px; height: 60px; border-radius: 6px; margin-top: 5px;} .partnerCenterBox .Box .smallBox .boxCard:hover {box-shadow: 0 0 0 2px #354056; border:1px solid #354056 ; transform: translateZ(0);} .partnerCenterBox .Box .smallBox .boxCard .cardBody .descriptionBox p {word-break: break-word; max-height: max-content; line-height: normal; } .partnerCenterBox .clHeader .tabs > a {width: revert; min-width: 282px;} .partnerCenterBox .topSection {margin: 0;} .partnerCenterBox .tableWrap .jsmartable tbody tr td.logo{text-align: center; width: 75px;} .partnerCenterBox .tableHead {align-items: center; gap: 16px;} .partnerCenterBox .tableHead {padding: 20px 0px 10px 0 !important;} .requestView .partnerCenterBox .tableHead {padding: 20px 32px 10px 32px !important;} .partnerCenterBox .tableHead .tools {width: auto; padding: 0px; display: flex; gap: 8px; margin: 0;} .partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .selectAll > ul > li > .selectAll > .opt > label {padding-right: 5px;} .partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .selectAll > ul > li .liDiv > ul > li > .opt > label {padding-right: 5px;} .partnerCenterBox .design .smallBox .boxCard .cardHead .titleBox{padding: 0 40px 0 16px} .customBody .snb .accountSublist ul li.subGroupOpen .groupHead:hover {cursor:pointer} .customBody .snb .accountSublist ul li.subGroupOpen .groupHead.active {outline-offset: -2px; background-color: #e4e4e4; outline:1px solid #a50034;} .customBody .snb .accountSublist ul li.subGroupOpen .groupHead.active a {color: #a50034;} .snb ul li a {word-break:break-all; outline-offset: -2px;} .registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox{display: flex; justify-content:space-between} .registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .ssSubBox{display: flex; align-items:center} .registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .ssThumb img {width: 100%; height: 100%;} .registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .ssSize {width: 60px;} .sliderBox .bx-controls{margin: 5px 0;} .profileNamePop .settingVal .subBody ul li dl dd {word-break: break-all;} .registerQuestion .dlBox .filesDiv .fileSection span {font-size: 12px;} .registerQuestion .dlBox .filesDiv .fb_w span {font-size: 14px;} .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox {margin: 3px 0;} .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileName {width: 100%;} .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileSize {width: 110px;} .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileDelete {padding-right: 20px;} .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .thumbBox img {width: 116px; height: 70px;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv {width: 134px;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv img {width: 100%; height: 100%;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv .guideText {width: 100%; height: 100%; font-size: 14px; text-align: center;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .proxy{width: 100%; margin:30px 0px 0px 0px;} .supportBody .button.iconDownload {margin-bottom: 15px; font-family:'Noto Sans KR', sans-serif; font-weight: normal;} .supportBody .dlBox .comment dl {margin-top: 30px;} .supportBody .dlBox .comment dl dd .acDiv {margin: 0 0 10px;} .supportBody .dlBox .comment dl dt .required {color: #a50034; font-size: 16px;} .supportBody .dlBox .dl .dd .downloadFileBox {margin: 3px 0; text-decoration: underline;} .supportBody .dlBox .dl .dd .downloadFileBox:hover::after {content: ''; font-size: 0; display: block; margin-left: auto; width: 16px; height: 16px; background: url(../img/common/ic_download.svg)no-repeat; background-size: cover; filter: brightness(0); right: 30px;} .supportSection .approveMenu .bottomButtonWrap > button {margin-top: 0 !important;} .supportSection.supportQuestion .approveMenu {padding-top: 20px;} .customBody .snb .accountSublist ul li .navLastItem{border-radius: 0 0 0 9px} .partnerCenterBox .tools > .inputWrap {margin: 0 5px 0 5px;} .partnerCenterBox .design .smallBox .boxCard .cardHead .thumbBox{background: #fff} .customBody .snb .accountSublist ul li .subgroup ul li a[data-dday]:after {content:attr(data-dday); display:block; width:50px; height:20px; line-height:20px; background:#ff0404; text-align:center; color:#fff; border-radius:2px; font-size:11px; font-weight:bold; position:absolute; top:50%; right:10px; transform:translate(0, -50%);} .customBody .snb .accountSublist ul li .subgroup ul li a {margin-right: 35px} .customBody .snb .accountSublist ul li .subgroup ul .spl:hover {background: #f8f8f8; } .customBody .snb .accountSublist ul li .subgroup ul .spl {pointer-events: none; } .customBody .snb .accountSublist ul li .subgroup ul .spl button{pointer-events: auto; } .customBody .snb .accountSublist ul li .subgroup ul li.active {border: 1px solid #a50034; color: #a50034; background-color: #e4e4e4;} .customBody .snb .accountSublist ul li .subgroup ul li a[aria-current="page"]{color: #a50034;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm .commentDiv {display: flex; justify-content: flex-start; margin: 20px 10px 0 10px; word-break: break-word;} .requestLicenseThree.mbBody .mbBodyContents .article .attachedFileBigBox .attachedFileBox .fileSize{width: 110px;} .licenseInfoBox .infoBody .row > .column {flex : 1} .section.recommended .licenseInfoBox {margin-bottom: 20px} .section.recommended .licenseInfoBox .infoBox {width: unset !important;} .popupLicense.creatingBusinessSiteFour.approvalLicense .modalBox .mbBody .mbBodyContents .article .dlBox dl.issue{max-width: none; width: 100%;} .comment .commentDiv{overflow-wrap: break-word} .dcFooter ul li a{color: #676767;} .modalBox .mbBody .mbBodyContents .article .dlBox.licensingPopOne dl dd{white-space: pre-line;} .modalBox .mbBody .mbBodyContents .article .dlBox.licensingPopOne {padding: unset} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .subsidiry .selectWrap.active {opacity: 1;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column {display: flex; flex-direction: column; align-items: flex-start;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column .nlss{display: flex; margin-left: 28px; gap: 12px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column .nlss > dt{padding-right: unset !important;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column .nlss > dt {opacity: 0.4; gap: 2px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column .nlss.active > dt {opacity: 1; } .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda {gap: 8px;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda .ndaMsg {font-size: 12px; line-height: 16.8px; font-weight: 400;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda .ndaSigned span{font-size: 14px; line-height: 19.6px; font-weight: 400;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda .nlss dt{font-size: 14px; line-height: 19.6px; font-weight: 400;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda .nlss input{width: 342px;} .contentBoard.memberBoard {display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; background: #fff; border-radius: 10px; border: 1px solid #d0d1d2; box-sizing: border-box; height: 100%; overflow: auto; padding: 32px; box-sizing: border-box; justify-content: flex-start; gap: 24px;} .contentBoard.memberBoard .top {display: flex; flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 24px;} .contentBoard.memberBoard .top .left {display: flex; flex-direction: row; gap: 8px; justify-content: space-between;} .contentBoard.memberBoard .top .left .contentName {display: flex;} .contentBoard.memberBoard .top .left .contentName span {font-size: 20px; font-weight: 700; line-height: 26px; color: #333; word-break: break-word;} .contentBoard.memberBoard .top .left .contentPath {display: flex;} .contentBoard.memberBoard .top .left .contentPath dl {display: flex; gap: 4px;} .contentBoard.memberBoard .top .left .contentPath dl dt {display: flex; font-size: 14px; font-weight: normal; line-height: 19.6px; color: #333;} .contentBoard.memberBoard .top .left .contentPath dl dt::after {content: ""; background: url(../img/icon/ic_arrow_right.svg) no-repeat center; height: 20px; width: 20px; margin-left: 4px;} .contentBoard.memberBoard .top .left .contentPath dl dd {font-size: 14px; font-weight: 700; line-height: 19.6px; color: #333;} .contentBoard.memberBoard .top .right {box-sizing: border-box; display: flex;} .contentBoard.memberBoard .top .right .validsolution {padding: 12px 16px; border-radius: 4px; background-color: #F5F6FA;} .contentBoard.memberBoard .top .right dl {display: flex; align-items: center; gap: 7px;} .contentBoard.memberBoard .top .right dl dt {display: flex; font-weight: 500; font-size: 14px; color: #333; line-height: 19.6px; position: relative; padding: 0 0 0 13px;} .contentBoard.memberBoard .top .right dl dd {display: flex; flex-direction: row; gap: 7px; align-items: center; height: auto; width: auto;} .contentBoard.memberBoard .top .right dl dt::before {content: ""; display: flex; height: 5px; width: 5px; border-radius: 50%; margin: 0 5px 0 0; background-color: #1D828F; top: 8px; left: 0; position: absolute;} .contentBoard.memberBoard .top .right dl dd .tagBox {height: auto; width: 100%; display: flex; flex-direction: row; gap: 8px;} .contentBoard.memberBoard .top .right dl dd .tagBox .supersignIcon {height: 32px; width: 32px; background: url(../img/common/ic_supersign.svg) no-repeat; background-size: contain;;} .contentBoard.memberBoard .top .right dl dd .tagBox .prosignIcon {height: 32px; width: 32px; background: url(../img/common/ic_supersign-ad.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .procentricIcon {height: 32px; width: 32px; background: url(../img/common/ic_procentric.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .stayIcon {height: 32px; width: 32px; background: url(../img/common/ic_procentric_stay.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .lgccIcon {height: 32px; width: 32px; background: url(../img/common/ic-connected-care.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .lgccapiIcon {height: 32px; width: 32px; background: url(../img/common/ic_connected-care-api.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .evccareIcon {height: 32px; width: 32px; background: url(../img/common/ic_e-centric.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .createboardIcon {height: 32px; width: 32px; background: url(../img/common/ic_creativeboard.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .right dl dd .tagBox .dcmsIcon {height: 32px; width: 32px; background: url(../img/common/ic_dcms.svg) no-repeat; background-size: contain;} .contentBoard.memberBoard .top .left {white-space: pre-wrap;} .contentBoard.memberBoard .bottom {width: 100%; height: 100%;} .contentBoard.memberBoard .top .right dl dd .tagBox div:hover {cursor:pointer;} .siteManagementImg {height: 270px; width: 480px; border: solid 1px #d9d9d9; background: url(../img/service/portal/siteManagement.png) no-repeat; display: flex; background-size: cover; margin-top: 40px; margin-left: auto; margin-right: auto;} .container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img{width: 240px; height: 160px; margin: 0 10px;} .assignRoleModal .mbBody .mbBodyContents .bigBox .one ul li.focus, .partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .all .head > li.focus, .partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .all .head > li .liDiv > ul > li.focus {outline:2px solid #a50034; outline-offset: -3px;} .partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .all .head {outline: 0;} #profileSchedule-main tbody tr:hover{background:#f0f2f5} #profileSchedule-main tbody tr{background: #f0f2f5;} .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap {margin: 0;} .createProfilePopup .tableWrap table tr td {padding: 15px 12px !important} .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap .jsmartable tbody tr td:nth-child(1), .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap .jsmartable tbody tr td:nth-child(2), .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap .jsmartable tbody tr td:nth-child(3) {width: 200px !important; text-align: center !important;} .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap .jsmartable tbody tr td:nth-child(4), .createProfilePopup .tableWrap .jsmartable tbody tr td .tableWrap .jsmartable tbody tr td:nth-child(5) {width: 80px !important;} .createProfilePopup .dlBox dl{display: flex; flex-direction: column;} .createProfilePopup .dlBox dl dd{width: 100% !important;} .modalBox .mbBody .mbBodyContents .article.profileNamePop .dlBox dl dd {width: calc(100%) !important; white-space: pre-wrap;} .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap .jsmartable tbody tr td dl {width: 100% !important;} .contents.appDetails.deviceProfile .tableWrap .jsmartable tbody > tr > td:nth-child(4) {white-space: pre-wrap;} .appDetails .contentBox .two > ul > li > ul > li {display: flex; gap: 8px; align-items: center;} .modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnBody .listBox.nodata ul {display:flex !important;} .modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnBody .listBox ul li.nodata {display:none;} .assignRoleModal .mbBody .mbBodyContents .listBox {height: 339px !important;} .modalBox .mbBody .mbBodyContents .article .dlBox.info{margin: 0px 10px;} .profileNamePop .settingVal .body {min-height: unset;} .profileNamePop{padding: 0px;} .profileNamePop .dlBox dl dt{font-size:16px !important; font-weight: 500;} .profileNamePop .settingVal .body ul{padding: 0px;} .profileNamePop .settingVal .head p{font-size:16px; font-weight: 500;} .profileNamePop .settingVal .subBody{padding: 0 0 0 10px} .profileNamePop .settingVal .subBody > ul > li > dl > dt{font-size:14px; font-weight: 400;} .powerOnOffSchedule .tableWrap table thead tr th{text-align: center;} .modalBox .mbBody .mbBodyContents .settingTable .serverSetting dl dd .inputBox {position:relative; width: 100%;} .modalBox .mbBody .mbBodyContents .settingTable .serverSetting dl dd .inputBox .textRemove {position:absolute; bottom:10px; right:10px;} .modalBox .mbBody .mbBodyContents .settingTable .serverSetting dl dd .inputBox input[type=text] {padding:0 40px 0 10px;} .modalBox .mbBody .mbBodyContents .settingTable .serverSetting .dlBox dl dd .inputBox input:valid ~ .textRemove {display:block;} .modalBox .addDeviceTwo .mbBodyContents .article .dlBox dl dd .multipleDevice .bottom {width: 500px !important;} .deviceManagementProfile.tableWrap table thead tr td:nth-child(1), .deviceManagementProfile.tableWrap table thead tr th:nth-child(6), .deviceManagementProfile.tableWrap table thead tr th:nth-child(7) {width: 80px !important;} .approvalTableOne.tableWrap table thead tr th:nth-child(1) {width: 60px;} .approvalTableOne.tableWrap table thead tr th:nth-child(3) {width: 451px;} .detailView .sitemap .catagory .LGsolutionSitemap a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_home.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .dashboard a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/ic_dashboard.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .deviceManagementSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_device.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .siteManagementSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_workspace.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .accountManagementSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_member.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .licenseManagementSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_license.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .partnerCenterSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_partner_center.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .requestSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_request.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .approvalSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_approval.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .catagory .pointSitemap > a::before {content: ""; height: 40px; width: 40px; background: url(../img/common/sitemap_icon_point.svg) no-repeat; background-size: cover; position: absolute; left: 0px; bottom: 12px;} .detailView .sitemap .button.tertiary.sitemapBtn {background-color: #fff; gap: 4px;} .container .body .contents .dcBody .detailView .bottom.buttonRow {display: flex; gap: 8px; justify-content: flex-end; margin: 32px;} .detailView .sitemap {margin: 120px 64px 24px 64px !important; display: flex; flex-direction: column; justify-content: space-between;} .container .body .contents .dcBody .detailView{display: flex; flex-direction: column;justify-content: space-between;} .detailView .sitemap .catagory .LGsolutionSitemap a::before, .detailView .sitemap .catagory .deviceManagementSitemap > a::before, .detailView .sitemap .catagory .siteManagementSitemap > a::before, .detailView .sitemap .catagory .accountManagementSitemap > a::before, .detailView .sitemap .catagory .licenseManagementSitemap > a::before, .detailView .sitemap .catagory .partnerCenterSitemap > a::before, .detailView .sitemap .catagory .requestSitemap > a::before, .detailView .sitemap .catagory .approvalSitemap > a::before, .detailView .sitemap .catagory .supportSitemap > a::before, .detailView .sitemap .catagory .pointSitemap > a::before {bottom: 18px;} .detailView .sitemap .catagory li a {padding:20px 0 20px 48px} .detailView .sitemap .catagory li.requestSitemap ul li a, .detailView .sitemap .catagory li.approvalSitemap ul li a, .detailView .sitemap .catagory li.supportSitemap ul li a, .detailView .sitemap .catagory li.siteManagementSitemap ul li a {padding:10px 0 10px 48px;} dl.appFile dd .appFileBox ul {padding: 0; margin: 0;} dl.appFile dd .appFileBox ul li {display: flex; margin: 3px 0;} dl.appFile dd .appFileBox ul li .downloadFileBox {height: auto; max-width: 100%; width: 100%; background-color: #f8f8f8; padding: 10px 20px; box-sizing: border-box; margin: 0; display: flex; align-items: center; border: solid 1px transparent; word-break: break-word;} dl.appFile dd .appFileBox ul li .downloadFileBox:hover {background-color: #efefef;} dl.appFile dd .appFileBox ul li .downloadFileBox[aria-selected="true"], .supportBody .dlBox .dl .dd .downloadFileBox:active {background-color: #e4e4e4; border: solid 1px #a50034;} dl.appFile dd .appFileBox ul li .downloadFileBox:active::after {content:''; font-size:0; display:block; margin-left: auto; width:16px; height:16px; background:url(../img/common/ic_download.svg)no-repeat; background-size:cover; filter:brightness(0); right: 30px;} dl.appFile dd .appFileBox ul li .downloadFileBox span {font-size: 16px; max-width: calc(100% - 20px);} dl.appFile dd .appFileBox ul li .downloadFileBox:focus::after, dl.appFile dd .appFileBox ul li .downloadFileBox:hover::after {content:''; font-size:0; display:block; margin-left: auto; width:16px; height:16px; background:url(../img/common/ic_download.svg)no-repeat; background-size:cover; filter:brightness(0); right: 30px;} dl.appFile dd .appFileBox {background-color: white; padding: 15px;} dl.appFile dd .appFileBox .buttonWrap {justify-content: flex-start; padding: 15px 0px;} .attachedFileBox.attactheadFileBoxEdit {word-break: break-all;} .detailVeiwBody.supportBody {padding-bottom: 50px;} .container .body .contents.homeContainer {overflow:scroll} .container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv {min-width: unset; max-width: fit-content;} .container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName > dl > dt {min-width: max-content;} .container .body .contents.homeContainer .dcBody {height: calc(100% - 60px);} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended {display: flex;gap: 20px;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-item {display: flex;flex-direction: column;width: 288px;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-item-video {height: 190px;width: 100%;border-radius: 20px;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-info-box {display: flex;flex-direction: column;padding: 16px 8px 8px 8px;gap: 16px;align-items: flex-start;align-self: stretch;height: 100%;justify-content: space-between;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-info-box h3 {margin: unset; font-weight: 500; font-size: 18px; } .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-info-box p{overflow: scroll;height: 150px; margin-top: 8px;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-button-wrap button {width: 100%;} .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended .card-button-wrap {display: flex;flex-direction: column;gap: 10px;width: 100%;} .iconsBox > .icons.supersign{background:url(../img/common/ic_supersign.svg) no-repeat; background-size: contain;} .iconsBox > .icons.prosign{background:url(../img/common/ic_supersign-ad.svg) no-repeat; background-size: contain;} .iconsBox > .icons.procentric{background:url(../img/common/ic_procentric.svg) no-repeat; background-size: contain;} .iconsBox > .icons.stay{background:url(../img/common/ic_procentric_stay.svg) no-repeat; background-size: contain;} .iconsBox > .icons.lgcc{background:url(../img/common/ic-connected-care.svg) no-repeat; background-size: contain;} .iconsBox > .icons.lgccapi{background:url(../img/common/ic_connected-care-api.svg) no-repeat; background-size: contain;} .iconsBox > .icons.evccare{background:url(../img/common/ic_e-centric.svg) no-repeat; background-size: contain;} /* .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges {display: contents;} */ .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges > a {gap: 2px; font-weight: 500;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges > a > i {width: 12px; height: 12px; background:url(../img/icon/ic_open_sm.svg) no-repeat; display:inline-block; filter: invert(1);} /* Platform Home */ .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne {width: calc(46% - 8px);} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxTwo {width: calc(54% - 8px);} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo .sectionBody .boxOne {width: calc(50% - 8px);} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo .sectionBody .boxTwo {width: calc(50% - 8px);} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne .sectionBody {gap: 16px 16px;} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxOne .boxBody .cardBox {width: calc(50% - 12px);} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxOne .boxBody .cardBox .cardBody {height: 60px;} /* Business Home */ .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card {width: calc(20% - 12px); min-height: 218px; height: unset;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card.ssoUser {width: calc(25% - 12px);} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .combo.home {padding : 12px 0 12px 0} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox {display: inline-flex; width: 100%; align-items: flex-start;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox {width: 100%;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper.licensed {padding-right: 24px; border-right: 1px solid #DADDE2;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper:nth-child(1){padding-right: inherit; border-right: inherit;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox {align-items: flex-start;} .bulStatus.playing::before{background: #AD7CFD;} .bulStatus.noSignal::before{background: #262F44;} .bulStatus.broadcasting::before{background: #4B5468;} .bulStatus.powerOff::before{background: #697387;} .bulStatus.screenOff::before{background: #848C9D;} .bulStatus.networkReady::before{background: #9DA3B2;} .bulStatus.disconnected::before{background: #BEC2CB;} .bulStatus.notRegistered::before{background: #DADDE2;} .deviceBoard.deviceFour .top .right dl dd .tagBox .supersignIcon {height: 32px; width: 32px; background: url(../img/common/ic_supersign.svg) no-repeat; background-size: contain;;} .deviceBoard.deviceFour .top .right dl dd .tagBox .prosignIcon {height: 32px; width: 32px; background: url(../img/common/ic_supersign-ad.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .procentricIcon {height: 32px; width: 32px; background: url(../img/common/ic_procentric.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .stayIcon {height: 32px; width: 32px; background: url(../img/common/ic_procentric_stay.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .lgccIcon {height: 32px; width: 32px; background: url(../img/common/ic-connected-care.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .lgccapiIcon {height: 32px; width: 32px; background: url(../img/common/ic_connected-care-api.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .evccareIcon {height: 32px; width: 32px; background: url(../img/common/ic_e-centric.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .createboardIcon {height: 32px; width: 32px; background: url(../img/common/ic_creativeboard.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .right dl dd .tagBox .dcmsIcon {height: 32px; width: 32px; background: url(../img/common/ic_dcms.svg) no-repeat; background-size: contain;} .deviceBoard.deviceFour .top .left {white-space: pre-wrap;} /* memberlist table */ .memberListTable table thead tr th:first-child,.memberListTable table tbody tr td:first-child{text-align:center;} .workspaceUserTable .memberListTable table thead tr th:first-child, .workspaceUserTable .memberListTable.dummy table tbody tr td:first-child{text-align: unset;} .memberListTable.platform table thead tr th:first-child,.memberListTable.platform table tbody tr td:first-child{text-align:left;} .memberListTable.platform table thead tr th:nth-child(5),.memberListTable.platform table tbody tr td:nth-child(5), .memberListTable.platform table thead tr th:nth-child(6),.memberListTable.platform table tbody tr td:nth-child(6){width:50px !important; text-align:center;} .memberListTable table thead tr th:nth-child(3),.memberListTable table thead tr th:nth-child(4), .memberListTable table tbody tr td:nth-child(3),.memberListTable table tbody tr td:nth-child(4), .memberListTable.sso table thead tr th:nth-child(5),.memberListTable table tbody tr td:nth-child(5){width:auto !important; text-align:left;} .memberListTable table tbody tr td:nth-child(3) > button{margin-left:10px;} .memberListTable.dummy table tbody tr td:nth-child(6) {text-align: center;} .memberListTable.dummy table thead tr th:nth-child(6) {text-align: center;} .comment.homeQuestion {border-radius: 75px; background: var(--secondary-15, #E8EBF0); display: flex; padding: 3px 9px 3px 7.5px; justify-content: center; align-items: center; gap: 3px;} .bodyBox.createdApp dl{max-width: 220px !important;} .createdAppView.viewPopup{padding: 0px;} .modalBox .mbBody .mbBodyContents .infoBox.aprroveInfoBox .infoBody .basicInfoBox .headBox .sectionHead{font-size:16px;font-weight:700;line-height:1;color:#555} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox {gap: 20px} .noticeLayer.guidePopup {top:58px; left:40px;width: 410px; z-index: 998 !important;} .noticeLayer.guidePopup .infoHeader{align-items: flex-start !important;} .noticeLayer.guidePopup .modalBox.common .mbBody .mbBodyContents .infoBox .infoBody .description p {word-break:break-word;} .noticeLayer .infoBody .total{text-align: right;} .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor.moreNoti .cardBody{border: 1px solid rgba(0, 0, 0, .125); background-color: #fff; } .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor.noti .cardHeader{position:relative} .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor.noti .btnMore{right: 10px; top:5px} .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor.noti .relativeBox{position:relative} .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor.noti .relativeBox .layerNavi{position:absolute; right:0px} .noticeLayer .infoBody .description .cardBox .cardBox.pointerCursor .highlight{position: absolute; top:20px; left:9px} .noticeLayer .infoBody .description .cardBox .cardBody .cardHeader .thumbBox{display: flex; margin-right:7px} .noticeLayer .infoBody .description .cardBox .cardBody .cardHeader .thumbBox img{width: 22px; height: 22px; border-radius: 4px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.pointerCursor .cardBody:hover{color: #383838; box-shadow:0 0 0 2px #354056;text-decoration: underline; background-color: #DADDE2;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.pointerCursor .readNoti{background: #F5F6FA;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.pointerCursor.noti.moreNoti{border:0px; background-color: #EFF6FF;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.pointerCursor.noti.moreNoti > .cardHeader{margin: 10px 10px 0 10px } .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card{padding: 0px; gap: unset;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .cardBody{padding: 12px 22px; border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card p {padding-top: 20px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card > a p {padding-top: 20px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardContent {display: flex; gap: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; margin-right: 10px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardContent p {padding-top: unset !important; margin-bottom: unset !important; line-height: 19.6px; width:100%} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a.btnBuffer > .cardContent p {margin-bottom: 20px !important;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card .readBtn {color: var(--Text-system-color-text-sub, var(--Text-system-color-text-sub, #555)); font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; /* 16.8px */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card > .moreBtnWrap {display: flex; padding: 4px 16px; justify-content: center; align-items: center; align-self: stretch; border-top: 1px solid var(--Global-secondary-m-secondary-20, #DADDE2);} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .card > .moreBtnWrap .moreBtn {display: flex;width:100%; justify-content: center; align-items: center; gap: 2px;background-color: transparent; color: var(--Button-text-color-btn-text-main, var(--Button-text-color-btn-text-main, #333)); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 110%; } .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.moreNoti .moreBtnWrap {border-top:0px} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .moreBtnWrap .moreBtn::after {width:20px; height:20px; content:""; display:inline-block; background:url(../img/icon/ic_arrow_down.svg) no-repeat center; background-size:contain; } .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox.moreNoti .moreBtnWrap .moreBtn::after { transform:rotate(180deg)} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardContent .site {display: flex; gap:4px; padding-right:20px} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardHeader + .cardContent .site {padding-top:10px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardContent .businessIcon::before {width:20px; height:20px; content:""; display:inline-block; background:url(/img/custom/ic_business.svg) no-repeat center; background-size:contain; } .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox a > .cardContent .workspaceIcon::before {width:20px; height:20px; content:""; display:inline-block; background:url(/img/custom/ic_workspace.svg) no-repeat center; background-size:contain; } .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .readBtn {position: absolute; left: 20px; bottom:30px; border-radius: 4px; padding:2px 4px} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .cardBox .readBtn:hover { background-color: #F5F6FA; color:#333 } /* Home my check */ .mycheck .sectionBody {padding-left: 0px !important; padding-right: 0px !important;} .mycheck .sectionHeader {display: flex !important; flex-direction: row; gap: 20px;} .mycheck .sectionHeader .viewAll .iconRightArrow::after { top: 2px; position: relative;} .mycheck .sectionHeader .viewAll span { font-weight: 500; font-size: 12px; line-height: 110%; text-align: center; } .mycheck .sectionHeader .viewAll{display: flex; align-items: center;} .myHomecheck .tagBox {padding: 0px 24px;} .myHomecheck .checkNotiSlider .noNotiMsg {height: 100px; display: flex; align-items: center; justify-content: space-around; width: 100%;} .myHomecheck .checkNotiSlider {width: 100%;} .myHomecheck .checkNotiSlider .slider .slick-slider {width: 100%; padding: 0px 24px;} .myHomecheck .checkNotiSlider .slider .slick-slider #detailSliderPrevBtn{width: 36px; height: 36px; left: -20px;} .myHomecheck .checkNotiSlider .slider .slick-slider #detailSliderNextBtn{width: 36px; height: 36px; right: -20px;} .myHomecheck .checkNotiSlider .slider .slick-slider .slick-list {max-width: unset;} .homeContainer .block.mycheck .myHomecheck .checkNotiSlider .slick-track {margin-left: unset !important;} .myHomecheck #slider{justify-content:flex-start; padding: 10px 0px;} .myHomecheck .slick-prev, .myHomecheck .slick-next{z-index: 1; top: 80px;} .myHomecheck .cardBox.pointerCursor.noti.moreNoti{border:0px; background-color: #EFF6FF;} .myHomecheck .cardBox.pointerCursor.noti.moreNoti > .cardHeader{margin: 10px 10px 0 10px } .container .body .contents.homeContainer .dcBody .detailView .block.mycheck > *{flex-basis:unset} .mbBodyContents.myHomecheck .cardBox.pointerCursor .cardBody:hover{ color: #383838;box-shadow:0 0 0 2px #354056; text-decoration: underline; background-color: #DADDE2;} .myHomecheck .cardBox.pointerCursor.moreNoti .cardBody{border: 1px solid rgba(0, 0, 0, .125); background-color: #fff;} .myHomecheck .cardBox.pointerCursor.noti{position:relative; max-width: 418px; border-radius: 8px; min-width: 418px; } .myHomecheck .cardBox.pointerCursor.noti .relativeBox{position:relative} .myHomecheck .cardBox.pointerCursor.noti .cardHeader{position:relative} .myHomecheck .cardBox.pointerCursor .readNoti{background: #F5F6FA;} .myHomecheck .cardBox.pointerCursor .highlight{position: absolute; top:20px; left:9px} .myHomecheck .cardBox .cardBody .cardHeader .thumbBox{display: flex; margin-right:7px} .myHomecheck .cardBox .cardBody .cardHeader .thumbBox img{width: 34px; height: 34px; border-radius: 4px;} .myHomecheck .cardBox .card{padding: 0px; gap: unset;} .myHomecheck .cardBox .cardBody{margin:1px; padding: 12px 22px; border-radius: 8px; display: flex;flex-direction: column; align-items: flex-start; align-self: stretch;} .myHomecheck .cardBox .card p {padding-top: 20px;} .myHomecheck .cardBox a p {padding-top: 20px;} .myHomecheck .cardBox a > .cardContent {padding-top:4px; display: flex; gap: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; font-size: 14px; font-weight: 500;} .myHomecheck .cardBox a > .cardContent p {padding-top: unset; margin-bottom: unset; line-height: 19.6px; width:100%; } .myHomecheck .cardBox a.btnBuffer > .cardContent p {margin-bottom: 10px;} .myHomecheck .cardBox .readBtn {color: var(--Text-system-color-text-sub, var(--Text-system-color-text-sub, #555)); font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; /* 16.8px */ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;} .myHomecheck .cardBox .moreBtnWrap {display: flex; padding: 4px 16px; justify-content: center; align-items: center; align-self: stretch; border-top: 1px solid var(--Global-secondary-m-secondary-20, #DADDE2);} .myHomecheck .cardBox.moreNoti .moreBtnWrap {border-top:0px} .myHomecheck .cardBox .moreBtnWrap .moreBtn { display: flex; width:100%; justify-content: center; align-items: center; gap: 2px; background-color: transparent; color: var(--Button-text-color-btn-text-main, var(--Button-text-color-btn-text-main, #333)); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 110%; } .myHomecheck .cardBox .moreBtnWrap .moreBtn::after {width:20px; height:20px; content:""; display:inline-block; background:url(../img/icon/ic_arrow_down.svg) no-repeat center; background-size:contain; } .myHomecheck .cardBox.moreNoti .moreBtnWrap .moreBtn::after { transform:rotate(180deg)} .myHomecheck .cardBox a > .cardContent .site {display: flex; gap:4px; font-size: 14px; font-weight: 500; word-break:break-all} .myHomecheck .cardBox a > .cardContent .businessIcon::before {width:20px; height:20px; content:""; display:inline-block; background:url(../img/custom/ic_business.svg) no-repeat center; background-size:contain; } .myHomecheck .cardBox a > .cardContent .workspaceIcon::before {width:20px; height:20px; content:""; display:inline-block; background:url(../img/custom/ic_workspace.svg) no-repeat center; background-size:contain; } .myHomecheck .cardBox a > .cardContent .dateInfo{font-size: 12px; font-weight: 400; padding-top:12px} .myHomecheck .cardBox .confirmBtn {position: absolute; right: 10px; bottom:10px} .myHomecheck .cardBox .confirmBtn button{font-size: 12px; border-radius: 4px; background-color: #F5F6FA; padding:7px 13px; align-items: center; } .myHomecheck .cardBox .confirmBtn button:hover{background-color: #DADDE2; } .myHomecheck .cardBox .readBtn {position: absolute; left: 20px; bottom:30px; border-radius: 4px; padding:2px 4px} .myHomecheck .cardBox .readBtn:hover { background-color: #F5F6FA; color:#333 } .gnb .gnbBox .bannerDiv{background: unset !important; padding: 10px 0 !important; margin-bottom: 10px; } .gnb .gnbBox .bannerDiv img{width: 100%;} .gnb .gnbBox .navi {height: auto !important; overflow: unset !important;} .gnb .gnbBox {height: calc(100vh - 60px);} .gnb.active.home {position: fixed;top:60px;left:0;} .gnb .gnbBox .navi a.dashboard:before {background:url(../img/common/ic_dashboard.svg) no-repeat center; filter: unset;} .gnb .gnbBox .navi a > .withSubMenu {width: 100%; display: flex; align-items: center; justify-content: space-between;} .gnb .gnbBox .navi a > .withSubMenu > button.open::before {width: 16px; height: 16px;content: ""; display: inline-block; background-position: center; background: url(../img/icon/ic_arrow_down.svg) no-repeat;} .gnb .gnbBox .navi a > .withSubMenu > button.open.up::before {background-position: center; transform: rotate(180deg);} .gnb .gnbBox .navi .subMenu {margin: 0 10px 0 38px; background-color: #E2E4E9; border-radius: 10px;} .deviceTable.dummy table thead tr th:nth-child(1), .deviceTable.dummy table tbody tr td:nth-child(1), .deviceTable.dummy table thead tr th:nth-child(8), .deviceTable.dummy table tbody tr td:nth-child(8) {text-align: center;} .workSpaceTable table tbody tr td:nth-child(1), .workSpaceTable table thead tr th:nth-child(5), .workSpaceTable table tbody tr td:nth-child(5) {text-align: left;} .workSpaceTable.dummy table tbody tr td:nth-child(6), .workSpaceTable.dummy table thead tr th:nth-child(6), .workSpaceTable.dummy table tbody tr td:nth-child(7), .workSpaceTable.dummy table thead tr th:nth-child(7) {text-align: center;} .workSpaceTable table tbody tr td{position: unset;} .container .body .contents .dcBody .viewBox .snb .list.appList .subgroup ul li a{padding-left: 50px;} .container .body .contents .dcBody .viewBox .snb .list.appList .groupHead {margin-bottom: 4px;} .modalBox .mbBody.parnterInstallPop{max-height: 500px;} .modalBox .mbBody.parnterInstallPop .disableCheck{margin-left: 26px; padding: 0 2px} .parnterInstallPop .two{max-height: 500px; overflow-y: scroll;} .businessName .expired-day .status::before{content: none;} .two .businessName .status.info{ text-align: center; font-size: 14px; font-weight: bold; padding: 2px 10px 2px 8px; background: #a50034; border-radius: 20px; color: #fff;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox {width: 100%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr > td:nth-child(2) {width: 100%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .ssName {font-weight: 500; margin: 0; word-break: break-all !important;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .ssSize {font-weight: 400; width: 100%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .fb_y {max-width: 180px; margin: 0 10px; flex-direction: column; justify-content: flex-start;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .ssUninstallButtons {align-items: center; display: flex; margin: 0 10px; width: auto;} .popupLicense.creatingBusinessSiteFour.approvalLicense .modalBox .mbBody .mbBodyContents .article .dlBox dl dd {white-space: pre-wrap;} .modalBox .mbBody .mbBodyContents .article .dlBox dl dd.inputWithMsg {flex-direction: column; gap: 4px;} .modalBox .mbBody .mbBodyContents .article .dlBox dl dd.inputWithMsg .endCustomerMsg {width: 100%; font-size: 12px; font-family: 'Noto Sans KR'; font-weight: 400; line-height: 140%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .opportunityNoText {font-size: 12px;} .card.button.tertiary.homeQuick{ white-space: normal !important; } .requestLicenseFour.mbBody .mbBodyContents.requestView .article .dlBoxGroup .confirmBox > .textWrap {font-weight: 500;} .requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .downloadFileBox {background:var(--secondary-10, #F5F6FA);} .requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload { display: flex;padding: 16px; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 8px; background: var(--secondary-10, #F5F6FA);} .deleteAfterText {font-size: 12px; font-weight: normal; color: #ff0404; word-break: break-word;} .badges.freeMember{display:flex!important;flex-direction:column;font-size:12px;font-weight:500;gap:8px;align-items:center} .badges.freeMember > img {width: 64px;height: 64px;} .ssoUserTable .checkSelectWrap {z-index: unset} .checkSelectWrap .closeDark{position: unset; right: 0px; border-radius: 6px;} .noItem.device img{max-width: 700px; width: 100%} .noItem.device td {padding: 50px;} .donutChart.custom{display:flex;align-items: center;vertical-align: middle;justify-content: center;} .donutChart.custom canvas {width: 320px !important;height: 320px !important;} .tabsView > .lmInfoBox > .chartWrap > .chartInfoBox { align-items: center;} .disableScroll {overflow: hidden !important;} .addWorkspace .mbBodyContents .required {width:unset;} .addDevice .mbBodyContents .required {width:unset;} /*Account role*/ .modalBox .mbHeader{padding: 23px 24px} .multiModal.sitelist .roleModal .mbBody .mbBodyContents .infoBox .section li:hover {cursor: pointer;} .roleModal .mbHeader{padding: 24px} .roleModal .mbBody{padding: 0 24px;} .roleModal .mbBody .mbBodyContents{padding: 10px 0;} .roleModal .mbBody .mbBodyContents .infoBox{padding:0px} .roleModal .mbBody .mbBodyContents .infoBox > .section:nth-child(1){padding-bottom: 0px; border-bottom:unset;} .roleModal .mbHeader .title h2{font-size: 20px; font-weight: 700; color: #111111} .roleModal .mbHeader .title strong{font-size: 18px; font-weight: 500; color: #2E3138} .roleModal .mbBody .mbBodyContents .infoBox > .section > .sectionHeader > h3{font-size: 16px; font-weight: 500; color: #2E3138} .roleModal .mbBody .mbBodyContents .infoBox > .section > .sectionHeader > strong{font-size: 16px; font-weight: 400; color: #757575} .roleModal .mbBody .mbBodyContents .infoBox > .section li{font-size: 14px; font-weight: 400; color: #555555} .popupLicense .modalBox .popupStep .stepButton .popStep {color:#354056; text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-style: normal; font-weight: 700;line-height: 140%; /* 22.4px */border: 0px !important;} .popupLicense .modalBox .popupStep .stepButton .popStep.activePopStep{color:#fff;text-align:center;font-family:"Noto Sans KR",sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:140%;background-color:#354056} .popupLicense.approvalLicense .modalBox .popupStep {background-color: #F5F6FA;} .mbBodyContents .article .dlBox dl dt {text-align: start;} .modalBox .mbBody .mbBodyContents .article .dlBox dl dt {text-align: start;} .requstApprovalStepOne .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .inputBox button.textRemove {padding: 0px;} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxHeader .viewBox a {padding: 0px;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv {border-radius: 10px; background: url(../img/common/appfile_background.jpg) no-repeat center; background-size: cover;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv.upload {background: none !important; border-radius: 10px;} .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv img {border-radius: 10px;} .popupLicense.webOSApp.webOSThreePopup .mbBody .mbBodyContents .article .dlBox dl dt {gap: 8px;} .headText{color:var(--secondary-60,#697387);text-align:center;font-family:"Noto Sans KR",sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:140%} .transition{display: none;} .normal{display: block;} .addDevice.multiple.users .mbBodyContents .deviceContentBox .uploadBox .top {font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */} .addDevice.multiple .mbBodyContents .deviceContentBox .uploadBox .bottom {width: unset;} .assignProfilePopup .profileBox .body ul li .opt label .profileName::after {top: 4px} .mbBody .mbBodyContents .devicesDL dl dd .howToAddUser {display: flex; flex-direction: column; gap: 16px; margin-bottom: 24px;} .fileDownload .files{gap:16px;padding:4px 8px;border-radius:4px;display:flex;align-items:center;width:100%;box-sizing:border-box} .fileDownload .files:hover{background:#efefef} .fileDownload .files>p{flex-grow:1;color:#393d46;font-size:16px;font-weight:400;word-break:break-all;position:relative;display:flex} .fileDownload .files>p>em{text-transform:uppercase;font-size:12px;color:#737b8c;margin:0 6px} .fileDownload .files .download{font-size:0;width:19px;height:20px;border:none;background:0 0;min-width:unset;padding:0;border-radius:50%;position:absolute;right:0} .fileDownload .files .download::before{background:url(/img/icon/ic_download.svg) 50%/cover no-repeat;content:"";width:100%;height:100%;filter:unset;position:absolute} .fileDownload .files .textBox {display: unset !important;} .fileDownload .files .textBox::after {content: url(/img/icon/ic_download.svg); margin-left: 3px;} .opt input[type=checkbox]:checked+label:before{background: unset;} .optBox .bgGrey{color: var(--Text-text-sub, #555);font-family: "Noto Sans KR", sans-serif; font-size: 12px; font-style: normal; font-weight: 400;line-height: 140%; /* 16.8px */margin-top: -8px;} .partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left.partially p::before, .container .body .contents .contentBox .detailView .detailVeiwHeader .appName .installStatus .checkMark.partially::before {content:"";display:block; height: 19px; width: 19px; background: url(../img/common/ic_check_part.svg) no-repeat center; margin-right: 10px;} .partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left.all.Site p::before, .container .body .contents .contentBox .detailView .detailVeiwHeader .appName .installStatus .checkMark.all.Site::before {content:"";display:block; height: 19px; width: 19px; background: url(../img/common/card_btn_icon_check_n.svg) no-repeat center; margin-right: 10px;} .partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left.allSite p::before{background: url(../img/common/card_btn_icon_check_n.svg) no-repeat center;} .partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left p{color: #555555 !important; font-weight: 700 !important;} .thumbPositionFixed {position:absolute; top:20px;left:20px;} .status.approvedIcon::before{background-image: url(../img/custom/ic_status_approve.svg); background-size:contain} .status.rejectedIcon{background: var(--neutral-10-white, #FEEFC7);color: var(--semantic-error-80, #B32318);} .status.rejectedIcon::before{background-image: url(../img/custom/ic_status_rejected.svg); background-size:contain} .status.rejectIcon{color: rgba(181, 71, 8, 1);background: rgba(254, 239, 199, 1);} .status.closedIcon{color: #B32318;background: #FEE4E2;} .parnterInstallPop .one .workspaceBox ul li .subgroup ul li .info {background: var(--neutral-10-white, #FFF);} .status.ddayIcon{display: inline-flex; text-align: center;font-size: 14px;padding: 2px 10px 2px 8px;background: #D92D20;border-radius: 20px; color: #fff;} .partnerCenterBox .Box .smallBox .boxCard:first-child {margin: 15px 10px;} .partnerCenterBox .Box .smallBox .boxCard:last-child {margin: 15px 10px;} .partnerCenterBox .Box .smallBox .boxCardWrap {width: 480px;} .parnterInstallPop .one .workspaceBox ul li .subgroup ul li{cursor: unset;} .parnterInstallPop .one .workspaceBox ul li .subgroup ul li:active{background-color: unset;} button.iconRightArrow {text-align:left;} .button.iconBtn.menu.active:hover::before{background-image: url(../img/icon/ic_close.svg)} .lmBoard .toolBox {display: flex; gap:5px} #skipToContent a {background:#262F44; } .pointerCursor {cursor:pointer} .pointCursor {cursor:pointer} .pointCursor:hover{text-decoration: underline;} .displayFlex {display: flex !important; align-items: center;} .displayFlex.assignProfile{padding: 2px} .container .body .contents.homeContainer .dcBody .detailView .sectionContainer {margin-top:-16px;} .container .body .contents {z-index: unset;} .homePage .container .body .contents {z-index: 4;} .homePage .container .body .contents.homeContainer, .container .body .contents.homeContainer .dcBody {height: fit-content;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .right .progressBar {width: 100%} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card {min-width: 300px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody {height: 136px} .container .body.customBody {height: calc(100% - 135px) !important;} .container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .workSpaceTable table .iconsBox > .icons > i.info {right: -8px; background: #D92D20;} .block.tableSection .inputWrap .searchWorkspace{min-width: 290px;} .icons > .info.workspaceTable {background: #D92D20;} .container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > .totalBox em:first-child{ border-left:0px;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li .btnMore > .relativeBox > .layerNavi a:hover {background: #E8EBF0;font-weight: 700;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li .btnMore > .relativeBox > .layerNavi a{word-break: normal;} .container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > .license .toolBox.license{display: flex; flex-direction: column; align-items:flex-start} .container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > .license{display: flex; align-items: flex-end} .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard.business .tbHeader {margin-top: 20px;} .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard.business .tbBody {overflow-y: scroll; max-height: 45%;} .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > .totalBox {gap: unset !important;} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .tableBoard {overflow: unset !important;} /* ******************************* */ /* ISE ODR */ /* ******************************* */ i.profile {min-width: 18px;} .modalBox,.modalBox.w410.common.guidePopup {border-radius: 8px;} .button.iconBtn.active {background: unset;} .button.iconBtn:hover {background: rgba(0, 0, 0, 0.20);} .button.iconBtn:active {background: rgba(0, 0, 0, 0.40);} .header .tools button::before, .button.menu::before {width: 32px; height: 32px;} .header .sta .title {margin-left: 24px; height: 60px;} .header .sta .title h1 {margin-top: 18px;height: 28px !important; background-position: center center;margin-bottom: 14px;} .header .sta .title .menu {margin: 6px; margin-right: 14px; border-radius: 4px !important;} .header .sta .title .console span {color: var(--Text-text-sub, #555);} .sessionTime .button.extend {height: 36px; background-color: #fff;} .helpDiv a {height: 36px;} .helpDiv a.button.tertiary {gap: 4px;} .button > i.help, .button > i.add{gap: 4px} .modalBox.w410.common.guidePopup {box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.20);} .noticeLayer.guidePopup:focus-visible {outline: unset;} .accountLayer .modalBox .mbBody .mbBodyContents {margin: 0px;} .button.close:hover {background: var(--secondary-20, #DADDE2); box-shadow: unset;} .button.close:active {background: var(--secondary-30, #BEC2CB);} .button.close:hover:before, .button.close:active:before{background: url(../img/common/ic_close.svg)no-repeat center center;} .button.iconPopup::after, .accountLayer .modalBox .mbBody .accountBox .privacyPolicy::after {background:url(../img/icon/ic_open.svg)no-repeat;} .infoFooter {align-items: center;} .infoFooter a.button.large.tertiary {gap: 8px;font-size: 16px;line-height: 110%; width:320px;} ::-webkit-scrollbar {width: 4px;height: 4px;} ::-webkit-scrollbar-thumb {background: #C9CBD0;} .combo-menu .combo-option.option-current, .combo-menu .combo-option.option-current[aria-selected='true'] {background: var(--secondary-15, #E8EBF0);} .combo-menu .combo-option[aria-selected='true'] {background: var(--secondary-15, #E8EBF0);font-weight: 700;line-height: 140%; /* 19.6px */} .combo-menu .combo-option:active {background: var(--Layer-layer-pressed, #DADDE2) !important;font-weight: 700;line-height: 140%; /* 19.6px */} .combo-menu .combo-option:first-child {border-radius: 0px !important;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card >.imageBox.awImage::before{background: url(../img/icon/ic_workspace_fill_btn.svg) no-repeat center} .styles-module_dark__xNqje {border-radius: 4px !important;background: var(--secondary-80, #354056) !important;display: flex;padding: 6px 10px !important; align-items: flex-start; gap: 4px} .container .body .contents.homeContainer .dcBody .detailView .sectionContainer.devices .sectionBody .bodyBox .bodyBoxBottom .bodyContent .top {background: #F5F6FA; border-radius: 18.667px;} .container .body .contents .dcBody .viewBox .snb .formBox .inputWrap input:hover{border: 1px solid var(--secondary-20, #DADDE2);background: var(--Layer-layer-selected, #E8EBF0);} .container .body .contents .dcBody .viewBox .snb .formBox .inputWrap input:active{border: 2px solid var(--secondary-80, #354056);background: var(--secondary-10, #F5F6FA);} .tableWrap table {white-space: pre-wrap;} .tableWrap table tr th, .tableWrap table tr td {height: 44px; padding: 0px 12px !important;} .tableWrap table tr th {word-break: keep-all !important;} .tableWrap table thead tr th[aria-sort] button {padding: 0px;} .container .body .contents .dcHeader .title.member{max-width: 325px;} .container .body .contents .dcHeader .memberHeaderBox{display: flex; width: 100%; justify-content: space-between; gap: 3px;} .container .body .contents .dcHeader .memberHeaderBox .buttonBox{display: flex; gap:3px} .container .body .contents .dcHeader {padding: 24px 32px 20px 32px;} .container .body .contents .dcHeader .memberHeaderBox .buttonBox {gap: 8px;} .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .acsHistory{display: flex; align-items:center} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox .solutionList {display: flex; flex-direction: column; } .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox .solutionList a{padding: 0 5px 0 0} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box {display: flex;flex-direction: column;padding: 20px;background-color: #F5F6FA;border-radius: 8px;margin-top: 16px;gap: 24px;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .inputWrap { width: 100%;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .formBox {display: flex;gap: 8px;align-items: center;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox .summaryTable {display: flex;justify-content: center;align-items: center;min-height: 260px;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox {display: flex;flex-direction: column;gap: 16px;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox .tableWrap tbody { background-color: #fff;} .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .tableBox > p {font-size: 12px;font-weight: 700;color: #555;padding: 6px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.10);} .multiModal .mbBody .mbBodyContents.popupAssignRole { max-height: 800px !important; overflow: auto; } .multiModal .mbBody .mbBodyContents.popupAssignRole .stepBox > .stepBody { max-height: unset !important; } .multiModal .mbBody .mbBodyContents.popupAssignRole .stepBox > .stepBody .dlBox dl dd { font-size: 24px; line-height: 130%; padding-bottom: 24px; } .multiModal .mbBody .mbBodyContents.popupAssignRole .stepBox > .stepBody .descriptionBox p{ padding-bottom: 24px; } /* Input fill h48 */ .inputWrap.fill_h48 .addon:last-child .mag-glass {top: 6px;} .inputWrap.fill_h48 input {height: 48px;border-radius: 8px;background: var(--secondary-10, #F5F6FA); border: 0px !important;} .inputWrap.fill_h48 input:hover {background: var(--secondary-15, #E8EBF0); border: 0px !important;} .inputWrap.fill_h48 input:valid, .inputWrap.fill_h48 input:active {border: 2px solid var(--secondary-80, #354056);background: var(--secondary-10, #F5F6FA);} .inputWrap.fill_h48 input:valid ~ .textRemove {top:16px;} .inputWrap.fill_h48 input:first-child {padding-right: 35px;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li a:active, .container .body .contents .dcBody .viewBox .snb .resultList > ul li a[aria-current="true"] {border-radius: 8px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList .cloudService{padding: 10px; border-radius: 8px; display: flex; flex-direction: row; align-items: center; gap:10px; width: 100%;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList .cloudService:hover{background-color: #F5F6FA; color:#333} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList .cloudService:active{background-color: #EBEBF0;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList{gap: 5px} .cloudserviceLayer .linkList.supportBtns .mediumInPopup{ width: 100%; font-size: 14px;} .cloudserviceLayer .homeAndPlan .quickMenuBox{ width: 100%; display: flex; flex-direction: row;align-items: center; gap:10px; font-size:14px} .cloudserviceLayer a:hover{color: #333;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .buttonRow {display: flex; gap: 12px;} .modalBox .mbBody .mbBodyContents .grantBox > .dlBox .optBox {margin-bottom: 12px; padding: 20px; border-radius: 8px; background: #F5F6FA; display: flex; flex-direction: column; gap: 16px;} .modalBox .mbBody .mbBodyContents .grantBox > .dlBox .emailTitle {display: flex; flex-direction: row; align-items: center;} .modalBox .mbBody .mbBodyContents .infoBox.grantBox .dlBox dl dd button.switch {width: 54px;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent{position: relative;} .checkSelectWrap .tools .buttonWrap{padding: 0px} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableBody{height: 120px;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .selectWrap.sso {display: none;} #power_onoff_schedule_view_button{display: none;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .buttonBox > button{display: flex; align-items: center; gap: 6px;} i.new {position: absolute; background: #354056;border-radius: 50%; min-width: 18px; min-height: 18px; right: 8px; top: 4px; font-size: 10px; text-align: center;} i.caution {position: absolute; background: url(../img/icon/ic_caution_fill.svg) no-repeat; background-size: contain; min-width: 24px; min-height: 24px; right: -10px; top: -10px;} i.arrowBlue {display: inline-flex; background: url(../img/icon/ic_arrow_right_blue.svg) center no-repeat; height: 12px; width: 12px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList dd .thumbBox.services{position: relative} .thumbBox.services i.caution{min-width: 15px; min-height: 15px; right: -5px; top: -5px;} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .statusWrap dl dd{word-break: break-word;} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .statusWrap dl:nth-child(3){color: #848C9D;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul li.subGroup .groupHeader:hover{cursor: pointer; background-color: #efefef; text-decoration:underline} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul li.subGroup .group ul li.All::before{content:""; background: #e5e5e5; height: 1px; width: calc(100% - 100px); bottom: 0; left: auto; position: absolute;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul li.subGroup .group ul li.All{padding: 10px 16px 10px 50px; position: relative} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul li.subGroup .group ul li:has(input:hover){background-color: #efefef; text-decoration:underline} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul.optContainer li:has(input:hover){background-color: #efefef; } .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul.optContainer li input:hover ~ label{text-decoration: underline;} .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .resultBox ul .groupHeader p{word-break: break-all;} .appCardPadding {width: 100%; height: 131px;background: url(../img/common/appfile_background.jpg) no-repeat center; background-size: cover;} .modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable thead tr th:nth-child(2){min-width: 160px; width:unset} .createProfilePopup td.jsmartable-new-th.responsive{height: 85.5px !important; width: 60px !important;} .modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepBody{gap:unset} .tableWrap table.assignTable tr td{text-align: center;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.workspace a{padding: 10px 30px 10px 45px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li a{padding: 10px 25px; white-space: pre-wrap;} .container .body .contents .dcBody .viewBox .contentBoard .boardTitle > .title > h4 {white-space: pre-wrap;} .container .body .contents .dcBody .viewBox .contentBoard.lmBoard .boardTitle > .title > ul > li:nth-child(2)::before {font-weight: 400;color: #757575;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap > .groupHeader > button.open::before{width: 16px;height: 16px;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='true']) .workspacelist:hover{text-decoration: none; background-color: unset;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='true']) .workspacelist:active{text-decoration: none; background-color: unset;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.workspacelist:hover) .groupHeader > a[aria-current='false']{background-color: #fafbfb; text-decoration:underline; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']):has(.workspacelist:hover) .workspacelist{text-decoration:underline} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']):has(.workspacelist:hover) > ul{background-color: #fafbfb; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='true']):has(.workspacelist:hover) > ul{background-color: #F5F6FA; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly .groupHeader > a[aria-current='false']:hover{background-color: #fafbfb; text-decoration:underline} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']:hover) .workspacelist{text-decoration:underline} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']:hover) > ul{background-color: #fafbfb; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.workspacelist:active) .groupHeader > a[aria-current='false']{background-color: #E8EBF0;} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']):has(.workspacelist:active) > ul{background-color: #E8EBF0; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='true']):has(.workspacelist:active) > ul{background-color: #F5F6FA; border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly .groupHeader > a[aria-current='false']:active{background-color: #E8EBF0;border-radius: 8px} .container .body .contents .dcBody .viewBox .snb .resultList > ul li.groupWrap.bizOnly:has(.groupHeader > a[aria-current='false']:active) > ul{background-color: #E8EBF0; border-radius: 8px} .modalBox .mbBody.parnterInstallPop{padding: 0px 24px} .combo-menu .combo-option.disabled:hover{background-color:unset!important;text-decoration:unset!important} .combo-menu .combo-option.disabled:active{box-shadow:unset!important;font-weight:unset!important;line-height:unset!important;background:unset!important} .container .body .contents .dcBody .viewBox .snb .resultList > ul > li > ul {display: flex; flex-direction: column; gap : 6px} .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dt{font-weight: 500;} input[type=text] {padding-right: 35px !important;} .powerSchedule.tableWrap table thead tr th, .powerSchedule.tableWrap table tbody tr td {max-width: 20vw;} .scheduleOnOff.fb_e {flex-direction: row !important;} .inputWrap.deviceProfile {width: 230px !important;} .detailView .sitemap .catagory li a {border-bottom: unset !important;} .partnerCenterBox.unapprovedContainer .contentName, .partnerCenterBox.unapprovedContainer .sectionBox{padding: 18px 32px;} .partnerCenterBox.unapprovedContainer.webOS {gap: unset;} .partnerCenterBox > .tools {margin-bottom: -40px;} .appManager .tableHead {padding: 0px 0px 12px 0px !important;} .appManager .tableWrap .jsmartable tbody tr td > div {margin-left: unset;} .tableWrap table tr > .jsmartable-col {padding: 0px !important;} .partnerCenterBox .service .smallBox .boxCard .cardHead .thumbBox .thumb.airplay {background: url(../img/icon/ic_airplay.svg) no-repeat; background-position: center;} .partnerCenterBox .service .smallBox .boxCard .cardHead .thumbBox .thumb.fastsensor {background: url(../img/icon/ic_fastsensor.svg) no-repeat; background-position: center;} .partnerCenterBox .interface .smallBox .boxCard .cardHead .thumbBox .thumb.localpms {background: url(../img/icon/ic_pms_int.svg) no-repeat; background-position: center;} .layerNavi.top { top: auto !important; bottom: 110% !important;} /* TODO: 퍼블리싱 업데이트시 삭제검토. license 임시 css */ .container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabs {height: 150px;} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard>.tabs>div{background-color:#ffefd5;padding:20px;width:200px;border-radius:15px;margin-bottom:10px} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard>.tabs>div.lgcc{background-color:#efefef;padding:20px;width:200px;border-radius:15px;margin-bottom:10px} .container .body .contents .dcBody .viewBox .lmBoard .tabBoard>.tabs>div[aria-selected=true]{border-bottom:4px solid #333;font-weight:700} .licenseDetailCard{display:flex;gap:10px} .licenseDetailCard>div{background-color:#d1d4ce8e;padding:20px;width:200px;border-radius:15px;margin-bottom:10px;height:fit-content} .licenseDetailCard>div>.btnMore{right:15px;top:10px} .licenseDetailCard>div>.btnMore>.layerNavi{position:absolute!important} .toolBox.license{width:100%} .toolBox.license>div{width:100%;display:flex;justify-content:space-between} .toolBox.license>div.title>div{width:400px;display:flex;justify-content:flex-end;gap:5px} .tabsView>.tableBoard.assignable{padding:15px!important;border-radius:5px;border:1px solid #000;height:fit-content!important} .tabsView>.tableBoard.assigned>.tbBody{border-top:1px solid rgba(0,0,0,.1);padding:10px} .tabsView>.tableBoard.assigned>.tbBody>div{width:100%;flex-wrap:wrap;display:flex;flex-direction:column} .contentBoard.lmBoard.license>.tabBoard>h5{padding:0 20px;font-weight:700;font-size:16px} .bottomCardDetails>.row{width:100%} .bottomCardDetails>.row>.rowInnerWrapper{display:flex;flex-direction:row;gap:20px; align-items:center; font-size:12pt; font-weight: 500;} .bottomCardDetails > .row > .rowInnerWrapper > div{gap:20px} .bottomCardDetails > .row > .rowInnerWrapper > div span{white-space: nowrap} .bottomCardDetails > .row > .rowInnerWrapper > div .combo {min-width: 200px;} .licenseMB .divider { height: 36px; width: 1px; background: rgba(0, 0, 0, 0.1);} .rowInnerWrapper > .iconRightArrow { font-size: 12pt;} .partnerCenterBox .Box.music .smallBox .boxCard .cardHead .thumbBox, .partnerCenterBox .Box.infotainment .smallBox .boxCard .cardHead .thumbBox {height: 56px; width: 56px; border-radius: 10px;} .partnerCenterBox .Box.music .smallBox .boxCard .cardHead .thumbBox .thumb, .partnerCenterBox .Box.infotainment .smallBox .boxCard .cardHead .thumbBox .thumb {height: 56px; width: 56px;} .partnerCenterBox .smallBox .boxCard .cardHead .titleBox h5 {font-size: 21px; font-weight: 500; color: #383838; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; line-height: 22px; height: 24px; white-space: nowrap;} .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox {align-items: center;} .container .body .contents.homeContainer.noRole {height: calc(100vh - 144px);} .container .body .contents.homeContainer.noRole .dcBody .detailView {height: 100%; justify-content: center;} .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox .greetBoxDiv {align-items: center; min-width: unset; max-width: fit-content; } .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox .greetBoxDiv {min-width: unset; max-width: fit-content;} .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox .greetBoxDiv .textBox {font-size: 24px; font-weight: 500; } .container .body .contents.homeContainer.noRole .dcBody {background: #FFF; border-radius: 8px; gap: 54px;} .container .body .contents.homeContainer.noRole .dcBody .detailView {align-items: center;} .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox{justify-content: center !important; padding-top: 54px;} .container .body .contents.homeContainer.noRole .dcBody .detailView .modalBox {width: 640px; position: unset; z-index: unset; box-shadow: unset; box-sizing: unset; animation: unset;} .partnerCenterBox .Box.music .smallBox .no-content {background: url(../img/_sample/no_content_music.png);} .partnerCenterBox .Box.infotainment .smallBox .no-content {background: url(../img/_sample/no_content_infotainment.png);} .partnerCenterBox .service .smallBox .boxCard .cardHead .thumbBox .thumb.spacevision {background: url(../img/icon/ic_spacevision_service.svg) no-repeat; background-position: center;} .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxTwo .boxBody .tableBoard .tbBody .tableWrap .jsmartable tbody tr td .lock {display: flex; height: 18px; min-width: 20px; background: url(../img/icon/ic_lock.svg) no-repeat;} .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .dlBox {width: 400px;} .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .dlBox > dl > dt {width: 145px !important;} /* TODO: 7/9이후 btnMore 퍼블리싱 구조 변경되면 삭제 필요한지 검토 */ .btnMore.license {position: relative;} .greyBody {flex-direction: column; gap: 30px; background-color: #fff;} .greyBody > .row {width: 100%; font-size: 16px; padding: 0 20px 0 20px;} .greyBody > .row > .key {width: 20%; font-weight: 500;} .leftContent > .button.circular {border-radius: 50% !important;} .rightContent.hide, .bottomBox.hide {display: none;} span.used-label{border-radius:100px;background:#EBEBF0;color:#354056;text-align:center;font-size:14px;padding:2px 10px;gap:10px} span.expired-label{border-radius:100px;background:var(--Global-semantic-error-m-error-20,#fee4e2);color:var(--Global-Mode-semantic-error-m-80-text,var(--Global-semantic-error-m-error-80-text,#b32318));text-align:center;font-size:14px;padding:2px 10px;gap:10px} .row > .value > a {font-size: 100%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard {min-height: 263px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard:hover { box-shadow: 0 0 0 2px #354056; } .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard:hover .bottomBox { text-decoration: underline; } .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .rightContent > button:first-child {width: unset !important;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .rightContent > .btnFilter {width: unset !important;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard.generalCard > .bottomBox dl dt{min-width: unset;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .slick-slide.slick-active.slick-current {height: unset} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .slick-slide.slick-active.slick-current > div {height: calc(100% - 30px);} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .slick-slide.slick-active.slick-current > div > .serviceCard {height: 100%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard{margin-bottom: 30px; justify-content: flex-start;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.licenseType .dd .opt{width: unset;} .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .headBox {border-bottom: 1px solid #e5e5e5;box-sizing: border-box;word-break: break-all;width: 100%;padding-bottom: 6px;} .container .body .contents .dcBody .viewBox .lmBoard{gap: 0px} .button.iconOnly.iconBtn.circular.license{width: 28px; height: 28px; border: 1px solid #DADDE2;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard {background: linear-gradient(180deg, #FFF 0%, #FAF6FF 100%);} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard .topCard span {color: #8D4BD2;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard:active {border: 2px solid #8D4BD2;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard:active .topCard span {padding-left: 22px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard:active .topCard span::before {content: ""; height: 10px; width: 10px; position: absolute; left: 0; background-color: #8D4BD2; border-radius: 50%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard.selected {border: 2px solid #8D4BD2;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard.selected .topCard span {padding-left: 22px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.proSignCard.selected .topCard span::before {content: ""; height: 10px; width: 10px; position: absolute; left: 0; background-color: #8D4BD2; border-radius: 50%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard {background: linear-gradient(180deg, #FFF 0%, #F8FFF6 100%);} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard .topCard span {color: #387B5E;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard:active {border: 2px solid #387B5E;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard:active .topCard span {padding-left: 22px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard:active .topCard span::before {content: ""; height: 10px; width: 10px; position: absolute; left: 0; background-color: #387B5E; border-radius: 50%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard.selected {border: 2px solid #387B5E;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard.selected .topCard span {padding-left: 22px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.eCentricCard.selected .topCard span::before {content: ""; height: 10px; width: 10px; position: absolute; left: 0; background-color: #387B5E; border-radius: 50%;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .right.progressBox .textBox.license{display: flex; flex-direction: row; align-items:flex-end; flex-wrap: wrap;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .right.progressBox .textBox.license .assignType{display: flex; flex-direction: column;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .right .textBox.license .assignType span.assigned{font-size: 14px;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .right .textBox.license .assignType.gray span{color: #848C9D;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chartInfo .licenseInfo.upcoming > span > em {font-size: 14px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chartInfo .licenseInfo.upcoming {display: flex;flex-direction: column;gap: 12px;justify-content: center;align-items: flex-start;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chartInfo > ul > li {gap: 40px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .buttonWrap button{ gap: 4px; display: flex; justify-content: center; align-items: center;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .buttonWrap {margin-top: 12px; display: flex; justify-content: center;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .buttonWrap .profile {background: url('../img/icon/ic_open_white.svg') !important;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .noLicenseImg {width: 60%;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .noLicenseDesc {display: flex; flex-direction: column; gap: 12px; align-items: center;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .noLicenseInfo {width: 616px; font-size: 18px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent {padding: 0px 24px 32px 24px;} .pointsHistoryPopup .tableContainer .head.viewAllHistory {display: flex; justify-content: space-between; align-items: center;} .pointsHistoryPopup .tableContainer .head.viewAllHistory .licHistoryBtnBox, .pointsHistoryPopup .tableContainer .body .toolBox .licHistoryBtnBox{display: flex; gap: 8px;} .modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .dlBox dl{gap: 4px} .modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody{gap: unset} .modalBox .mbBody.lgccbiz .mbBodyContents .licenseInfoBox .infoBody .dlBox{margin-bottom: unset;} .modalBox .mbBody .mbBodyContents .asis{display: flex; flex-direction: row;gap: 24px; border-radius: 10px; background-color: #F5F6FA; border: none; padding: 16px 32px} .modalBox .mbBody .mbBodyContents .asis .resultDays{display: flex; flex-direction: column; flex: 1; gap: 12px} .modalBox .mbBody .mbBodyContents .asis .resultDays .assignable{display: flex; flex-direction: row; gap: 16px} .modalBox .mbBody .mbBodyContents .asis .resultDays .assignable .bold{font-weight: 700;} .modalBox .mbBody .mbBodyContents .asis span{font-weight: 500;} .modalBox .mbBody .mbBodyContents .remainDepth{position: relative; padding-left: 20px;} .modalBox .mbBody .mbBodyContents .remainDepth::before{background:url(../img/custom/ic_depth.svg) no-repeat center;content:"";width:16px;height:17px; position:absolute; left: 0px} .modalBox .mbBody .mbBodyContents .minusPopup{display: flex; flex-direction: row; justify-content:space-between; gap: 16px; padding: 25px 0px 20px 0px;} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays{display: flex; flex:1; flex-direction: column;gap: 24px;padding: 20px 14px; border-radius: 10px;border: 1px solid var(--Global-secondary-m-secondary-20, #DADDE2);background: linear-gradient(0deg, rgba(221, 235, 255, 0.42) 1.51%, rgba(221, 235, 255, 0.03) 50%);box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);} .modalBox .mbBody .mbBodyContents .minusPopup .daysTitle{font-size: 18px;font-style: normal;font-weight: 700; text-align: center} .modalBox .mbBody .mbBodyContents .minusPopup .tobe{display: flex; flex-direction: column; gap: 12px; padding: 0px 18px} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays .tobe .assignable{display: flex; flex-direction: row; justify-content:space-between; gap: 16px; font-size: 14px; font-weight: 400} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays .assignable .red{color: #D92D20} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays .asis{display: flex; flex-direction: column; gap: 12px; border-radius: 4px; background-color: #DDECFF; padding: 5px 18px} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays .asis .assignable{display: flex; flex-direction: row; justify-content:space-between; gap: 16px; font-size: 14px; font-weight: 500} .modalBox .mbBody .mbBodyContents .minusPopup .negativeDays .asis .assignable{font-weight: 700;} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays{display: flex; align-items:center; flex-direction: column; text-align: center; gap: 24px; padding: 20px 32px; border-radius: 10px;border: 1px solid var(--Global-secondary-m-secondary-20, #DADDE2); background: linear-gradient(0deg, rgba(209, 250, 223, 0.42) 1.51%, rgba(209, 250, 223, 0.03) 50%);} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .assignable .red{color: #D92D20} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .daysTitle{color: #16646E} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .asis{display: flex; flex-direction: column; gap: 12px; border-radius: 4px; background-color: #D1FADF; padding: 5px 18px; width: 100%; font-weight: 700;} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .tobe .assignable{position:relative; width: 100%; display: flex; gap: 2px;} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .tobe .arrow::before{position:absolute; width:42px; height:13px; left:-60px; top:4px; content:''; background:url(../img/custom/ic_arrow_green.svg) no-repeat center;} .modalBox .mbBody .mbBodyContents .minusPopup .assignDays .tobe{width: 100%;} .container .body .contents.appDetails .contentBox .detailView .detailVeiwBody .moreBoxInfo .appDetailsDlBox dl dd{white-space: pre-wrap;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .center {width: 100%; display: flex; text-align: center; flex-direction: column;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .center > a{padding: 14px 16px 14px 12px; color: var(--Button-text-color-btn-text-main, var(--Button-text-color-btn-text-main, #333));text-align: center;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 110%; /* 17.6px */text-decoration-line: underline;} .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody {align-items: flex-end; padding: 2px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox{margin-top: unset;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox::before{background: unset;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard.licenseMB .tabBoard .tabsView{padding: 0} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top.nolicense {width: unset;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top {width: 100%; display: flex; align-items: center;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top span {font-size: 18px; font-weight: 700; color: #333; word-break: break-word;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top .toolBox {display: flex; flex-direction: column; gap:12px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top .toolBox > .selectWrap {display: none;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard.licenseMB .tabBoard .licensedCloud > .top.nolicense, .container .body.licenseBody .contents .dcBody .viewBox .lmBoard.licenseMB .tabBoard .licensedCloud > .bottom{padding: 16px 24px 0px 24px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard.licenseMB .tabBoard .licensedCloud > .bottom.services{position: relative; top: 2px; z-index: 2;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard.licenseMB .tabBoard .licensedCloud > .bottom.assign{padding: 34px 24px; background-color: #EBEBF0; border-top: 2px solid var(--Global-secondary-m-secondary-30, rgba(190, 194, 203, 1));} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect{background-color: #fff; --data-left:0px} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .leftContent span{font-family: 'Noto Sans KR', sans-serif;} .sectionGreyBox .greyHead{background-color: #D6D9E2; border-radius: 0;} .sectionGreyBox{border: 0;} .sectionGreyBox .tbBody #assigned-license-lgcc th,.sectionGreyBox .tbBody #assigned-license-lgcc td , .pointsHistoryPopup .tableBody td{text-align: center;} .sectionGreyBox .tbBody #assigned-license-lgcc td.notCenter, .pointsHistoryPopup .tableBody td.notCenter{text-align: right;} .sectionGreyBox .tbBody #assigned-license-lgcc td.alignLeft,.pointsHistoryPopup .tableBody td.alignLeft{text-align: left;} .sectionGreyBox .tbBody #assigned-license-lgcc td.bold,.pointsHistoryPopup .tableBody td.bold{font-weight: 700;} .container .body .contents .dcBody .viewBox .contentBoard .sectionGreyBox #assigned-license-lgcc .tableBoard .tbHeader > div .toolBox{font-size: 14px; gap:8px; padding-right: 10px;} .sectionGreyBox .toolBox em{font-weight: 700;} .sectionGreyBox .tbBody th button{font-size: 14px; font-weight: 700; color: #697387;} .sectionGreyBox .greyBody .tableBoard .tableWrap{max-height: unset;} .greyBody > .row.using .value{display: flex; flex-direction: column;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .leftContent span.assignableLicense{padding-left: 0px;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .leftContent span.assignableLicense::before{width: 0px; height: 0px;} .multiModal .mbBody.lgccbiz .mbBodyContents{max-height: unset;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect::after {content: ""; background: unset} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud{height: 100%;} .container .body.licenseBody .multiModal .newMBBody .tableContainer .createdAppTapTwoTable.businessExpiredLicense thead tr th:nth-child(2) {text-align: left !important;} .container .body.licenseBody .licensedCloud .sectionGreyBox .greyBody .tbBody .licenseListTable thead tr th:nth-child(2) {text-align: left !important;} .addableDevicesList .toolBox .totalBox em {font-size: 14px; font-weight: 700; color: #4B5468;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.connectedCareCard .bottomCard {height: 102px; flex-direction: column; justify-content: center; text-align: center;} /* License Guide Popup */ .modalBox.guidePopup .mbHeader {justify-content: center;} .modalBox.guidePopup .mbBody .mbBodyContents .assignableLicenseBox {display: flex; padding: 32px 16px; flex-direction: column; justify-content: center; align-items: center; gap: 16px; align-self: stretch; border-radius: 12px; background: var(--Global-secondary-m-secondary-10, #F5F6FA);} .modalBox.guidePopup .mbBody .mbBodyContents .assignableLicenseBox .assignableLicenseHeader {align-self: stretch;} .modalBox.guidePopup .mbBody .mbBodyContents .assignableLicenseBox .assignableLicenseHeader p {color: var(--Text-system-color-text-main, var(--Text-system-color-text-main, #333)); text-align: center; font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents {display: flex; gap: 32px; flex-direction: column; align-items: center;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .guideText p {color: var(--Text-system-color-text-main, var(--Text-system-color-text-main, #333));font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .optBox {display: flex; align-self: stretch;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .LicenseGuide .buttonWrap {padding: 16px 0 0 0;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .LicenseGuide button {display: flex; gap: 4px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .LicenseGuide button i {filter: invert(1);} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox #slider {width: 100%; padding: unset;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox #slider .imagePreviousWrap button {box-shadow: unset;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox #slider .imageNextWrap button {box-shadow: unset;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox #slider .imagePreviousWrap button:before {width: 32px; height: 32px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox #slider .imageNextWrap button:before {width: 32px; height: 32px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-track {align-items: center;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slider {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 13px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide > div {display: flex; justify-content: center;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard {display: flex; box-sizing: border-box; flex-direction: column; gap: 16px; border-radius: 8px; border: 1px solid #DADDE2; width: 360px; height: 180px; align-items: flex-start; padding: 24px 40px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .topCard {height: auto; display: flex; align-items: center; justify-content: flex-start; width: 100%;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .topCard span {font-family: 'Noto Sans KR', sans-serif; font-size: 27px; line-height: 30px; font-weight: 700; position: relative; display: flex; align-items: center;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard {display: flex; width: 100%; gap: 12px; flex-direction: column; height: 100%; justify-content: center;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl {display: flex; align-items: center; width: 100%; flex-direction: row; justify-content: space-between;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl dt {display: flex; font-size: 18px; font-weight: 400; color: #333; width: auto;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl dd {display: flex; font-size: 20px; color: #333; font-weight: 700; width: auto; height: auto; gap:3px;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl dd > p {font-weight: 400; } .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.connectedCareCard {background: linear-gradient(180deg, #FFF 0%, #F4F9FF 100%)} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.connectedCareCard .topCard span {color: #3861A8;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.proSignCard {background: linear-gradient(180deg, #FFF 0%, #FAF6FF 100%);} /*ad*/ .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.proSignCard .topCard span {color: #8D4BD2;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.eCentricCard {background: linear-gradient(180deg, #FFF 0%, #F8FFF6 100%);} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.eCentricCard .topCard span {color: #387B5E;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.proCentricCard {background: linear-gradient(180deg, #FFF 0%, #F5FEFE 100%);} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.proCentricCard .topCard span {color: #148486;} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.supersignCard {background: linear-gradient(180deg, #FFF 0%, #F7F6FF 100%);} .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard.supersignCard .topCard span {color: #523DA9;} .modalBox.guidePopup .mbBody .mbBodyContents .noLicenseBox {display: flex; justify-content: center; align-items: center;} .modalBox.guidePopup .mbBody .mbBodyContents .noLicenseBox .noLicenseImg {width: 552px; height: 332px; flex-shrink: 0; background: url(../img/common/no-available-license.png) white 100% / cover no-repeat;} .multiModal .mbBody .mbBodyContents.informLicensePopup {display: flex; gap: 32px; flex-direction: column; align-items: center;} .multiModal .mbBody .mbBodyContents.informLicensePopup .guideText p {color: var(--Text-system-color-text-main, var(--Text-system-color-text-main, #333));font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */} .multiModal .mbBody .mbBodyContents.informLicensePopup .optBox {display: flex; align-self: stretch;} .multiModal .mbBody .mbBodyContents.informLicensePopup .LicenseGuide .buttonWrap {padding: 16px 0 0 0;} .multiModal .mbBody .mbBodyContents.informLicensePopup .LicenseGuide button {display: flex; gap: 4px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .LicenseGuide button i {filter: invert(1);} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox #slider {width: 100%; padding: unset;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox #slider .imagePreviousWrap button {box-shadow: unset;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox #slider .imageNextWrap button {box-shadow: unset;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox #slider .imagePreviousWrap button:before {width: 32px; height: 32px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox #slider .imageNextWrap button:before {width: 32px; height: 32px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .slick-track {align-items: center;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox {width: 100%; display: flex; flex-direction: column; gap: 32px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .informDescription {font-size: 16px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .availableLicense {display: flex; flex-direction: column; align-items: center; gap: 16px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .availableLicense .textBox {width: 100%; text-align: center; font-weight: 700; font-size: 16px; line-height: 140%;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard {display: flex; padding: 24px 40px; box-sizing: border-box; flex-direction: column; gap: 16px; border-radius: 8px; border: 1px solid #DADDE2; width: 360px; height: 180px; justify-content: flex-start; align-items: center; } .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .topCard {height: auto; display: flex; align-items: center; justify-content: flex-start; width: 100%; } .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .topCard span {font-family: 'LG EI'; font-size: 28px; line-height: 36.4px; font-weight: 700; position: relative; display: flex; align-items: center;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard {display: flex; width: 100%; gap: 12px; flex-direction: column; height: 100%; justify-content: center;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl {display: flex; align-items: center; width: 100%; flex-direction: row; justify-content: space-between;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl dt {display: flex; font-size: 18px; font-weight: 400; color: #333; width: auto;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl dd {display: flex; font-size: 20px; color: #333; font-weight: 700; width: auto; height: auto; gap:3px;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl dd > p {font-weight: 400; } .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.connectedCareCard {background: linear-gradient(180deg, #FFF 0%, #F4F9FF 100%)} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.connectedCareCard .topCard span {color: #3861A8;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.proSignCard {background: linear-gradient(180deg, #FFF 0%, #FAF6FF 100%);} /*ad*/ .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.proSignCard .topCard span {color: #8D4BD2;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.eCentricCard {background: linear-gradient(180deg, #FFF 0%, #F8FFF6 100%);} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.eCentricCard .topCard span {color: #387B5E;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.proCentricCard {background: linear-gradient(180deg, #FFF 0%, #F5FEFE 100%);} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.proCentricCard .topCard span {color: #148486;} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.supersignCard {background: linear-gradient(180deg, #FFF 0%, #F7F6FF 100%);} .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard.supersignCard .topCard span {color: #523DA9;} .helpBoxContainer {display: flex; position: relative; justify-content: flex-end; width: auto;} .helpBoxContainer .helpBtn.wrapper {width: 52px; height: 52px; display: flex; justify-content: center; align-items: center;} .helpBoxContainer button.icHelp {width: auto; min-width: 36px; max-width: 36px; width: unset;} .button.dark.icHelp::before {background: url(../img/common/ic_help.svg) no-repeat center; content: ""; width: 100%; height: 100%; filter: unset;} .licenseHelp .helpTooltip {display: flex; width: 344px; min-width: 344px; flex-direction: column; position: relative; gap: 16px; padding: 12px; border-radius: 4px; background: #354056; z-index: 85; box-sizing: border-box; max-width: 100%;} .licenseHelp .helpTooltip.top::before {content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #354056; position: absolute; z-index: 85; top: -5px; right: 5%;} .licenseHelp .helpTooltip.bottom::before {content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #354056; position: absolute; z-index: 85; bottom: -5px; right: 5%;} .licenseHelp .helpTooltip .wrapBox {display: flex; flex-direction: column; gap: 6px;} .licenseHelp .helpTooltip .wrapBox .top {display: flex; flex-direction: row;} .licenseHelp .helpTooltip .wrapBox .top .ttHead {display: flex; height: auto;} .licenseHelp .helpTooltip .wrapBox .top .ttHead > span {font-size: 14px; font-weight: 700; color: #fff;} .licenseHelp .helpTooltip .wrapBox .top .ttNumber {display: flex; height: auto;} .licenseHelp .helpTooltip .wrapBox .top .ttNumber > span {font-size: 14px; font-weight: 500; color: #fff;} .licenseHelp .helpTooltip .wrapBox .mid {display: flex;} .licenseHelp .helpTooltip .wrapBox .mid p {font-size: 12px; font-weight: 400; color: #fff; word-break: break-word;} .licenseHelp .helpTooltip .bottom .right {gap: 4px; display: flex;} .licenseHelp .helpTooltip .bottom {gap: 4px;} .licenseHelp .helpTooltip .bottom .right.row {flex-direction: column; width: 100%;} .licenseHelp .helpTooltip .bottom .right.row > button {width: 100%;} .helpFocusArea {position: fixed; top: 0px; left: 0px; z-index: 84; border-color: rgba(0, 0, 0, 0.15); border-style: solid;} /* check Business Admin */ .popupLicense .modalBox .mbBody .mbBodyContents .article .validAccountDescription {font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; margin-bottom: 20px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .businessSiteBox {border-radius: 8px; padding: 20px; gap: 16px; background: var(--Global-secondary-m-secondary-10, #f5f6fa); margin-bottom: 20px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .businessSiteBox .headBox {padding: 0 0 8px 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; word-break: break-all; margin-bottom: 20px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .businessSiteBox .headBox .sectionHead {font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 700; line-height: 16.8px; text-align: left;} .popupLicense .modalBox .mbBody .mbBodyContents .article .businessSiteBox .bodyBox {display: flex; flex-wrap: wrap; gap: 8px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .businessSiteBox .bodyBox .thumbBox {font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; text-align: left; flex: 1 1 40%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .textWrap {word-break: keep-all !important;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .textWrap > strong {word-break: break-all;} .infoBody .font16{font-size: 16px; font-weight: 500;} .dcBody .font16w400{font-size: 16px; font-weight: 400;} .infoBody .userBox{padding: 20px; border-radius: 8px; background-color: #F5F6FA;} .infoBody .userBox li.All{border-bottom: 1px solid #0000001A; margin-bottom: 16px; padding-bottom: 16px;} .infoBody .userBox .userList{display: flex; flex-wrap: wrap; gap: 20px; } .infoBody .userBox .userList li{width: 240px;} .infoBody .font14{font-size: 14px; font-weight: 400;} .checkSelectWrap .tools .buttonWrap div.sheparator {display: flex; align-items: center; width: 1px; background: #fff;} .deviceBoard.deviceFour .bottom .topBox {justify-content: space-between;} /* hidden */ .contents.hidden .detailView {flex-direction: row!important ; } .contents.hidden .buttonWrap {display: flex; gap: 10px; } .container .body .contents .dcBody .viewBox .lmBoard dl.licenseHistoryBtn {justify-content: flex-end;} .licenseHistory .licenseCode {font-size: 16px; font-weight: 500; line-height: 140%;} .licenseHistory .tableContainer .body .tableWrap .tableBody {margin-top: 12px;} /*Device*/ .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView{overflow:unset;} /*License Business View*/ .connectedCare .tableBoard .tbHeader {flex-direction: row!important;} .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard .bottomCard dl .daysDetail {display: flex; gap: 4px; align-items: center;} /* Chatbot */ .chatBot{position:fixed; bottom: 42px; right: 48px; z-index: 98; display: flex; align-items: center; gap: 20px} .chatBot .cb_text{background-color: #394060; color: #fff; border-radius: 8px; display: flex; box-sizing: border-box; font-size: 14px; box-shadow: 0px 15px 36px 0px rgba(0, 0, 0, 0.2); padding: 12px; gap:10px; flex-direction:row; align-items: flex-start; justify-content: center; font-weight: 300;} .chatBot .cb_text::after{position:fixed; bottom:73px; right: 132px; content:''; display:block; background:url(/img/custom/tooltip_arrow.svg)no-repeat center; width:10px; height:10px;} .chatBot span{max-width: 250px;} .chatBot .cb_icon{width: 72px; height: 72px; box-shadow: 0px 15px 36px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; cursor: pointer; align-items: center; justify-content: center; display: inline-flex; padding: 0px; box-sizing: border-box; margin: 0; z-index: 98; background: linear-gradient(135deg, #FF8787 27.82%, #FC487B 85.36%), linear-gradient(0deg, #F7F7F7 85.85%, rgba(247, 247, 247, 0.00) 100.94%), linear-gradient(90.96deg, #F61E52 0%, #FB477A 33.59%, #FF5959 100%)} .chatBot .cb_icon::before {background: url(/img/custom/ChatIcon.svg) no-repeat center; content: ""; width: 100%; height: 100%; filter: unset;} .chatBot .cb_icon:hover{ background: linear-gradient(135deg, #FF8787 27.82%, #FC487B 85.36%), linear-gradient(0deg, #F7F7F7 85.85%, rgba(247, 247, 247, 0.00) 100.94%), linear-gradient(90.96deg, #F61E52 0%, #FB477A 33.59%, #FF5959 100%)} .chatBot .close::before {content:''; display:block; background:url(/img/custom/ic_close_white.svg)no-repeat center; width:20px; height:20px;} .chatBot .close {background-color: unset; border: 1px solid #394060; border-radius: 8px;} .chatBot .close:hover{border: 1px solid #dadde2; border-radius: 8px;} /* ExcelDownload Button */ .button.iconDownload.tertiary.excelDownload{min-width: 36px; height: 36px; padding: 6px; width: 36px;} /*Free Trial Popup*/ .multiModal.active.freetrial section.headerSection {padding-left: 48px;padding-right: 48px;display: flex;justify-content: space-between;align-items: center;height: 134px;font-size: 32px;font-weight: 700;line-height: 42px;color: #17191c; border-bottom: 1px solid #ddd;} .multiModal.active.freetrial section.headerSection h2 { font-weight: 700;} .multiModal.active.freetrial .bgGray.p { padding-left: 48px; padding-right: 48px; font-size: 18px; line-height: 26px; padding-bottom: 2rem; padding-top: 2rem; background-color: rgb(246, 247, 252)} .multiModal.active.freetrial .mbBody.freetrial { padding: 0 48px; margin-top: 48px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard { padding: 16px; margin-bottom: 32px; border: 1px solid #ddd; border-radius: 12px; display: flex; flex-flow: row; gap: 32px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard .thumbnailBox{ min-width: 200px; position: relative; height: 132px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard .thumbnailBox > img{ position: absolute; width: 100%; height: 100%; color: transparent; border-radius: .375rem;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard dt.title{ color: #17191c; font-size: 24px; font-weight: 700; margin-bottom: 8px; line-height: 31px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard dd.explain{ color: #17191c; font-size: 16px; font-weight: 400; line-height: 23px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial.form{ display: flex; flex-direction: column;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial.form .combo.home{ max-width: unset;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial-option{ display: flex; flex-flow: row; justify-content: space-between; gap: 32px; margin-bottom: 24px;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial-option .license-text-body{ display: flex; flex-direction: column; } .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial-option .license-text-body > span{ font-size: 12px; line-height: 17px; font-weight: 400;} .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial-option .license-text{ color: #2e3138; margin-top: 9px; font-size: 21px; line-height: 30px; font-weight: 400; width: 372px;} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper { display: flex; border: 1px solid rgb(143, 150, 163); border-radius: .5rem;} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper input { width: 56px; text-align: center;} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper .subtract::before { width:24px; height:24px; content:""; display:inline-block; background:url(../img/icon/ic_subtract.svg) no-repeat 3px 3px; background-position: center;} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper button.decrease{ width: 2.5rem; height: 2.5rem; border-right: 1px solid rgb(143, 150, 163);} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper .add, .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper .subtract { display: flex; justify-content: center; align-items: center;} .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper .add::before { width:24px; height:24px; content:""; display:inline-block; background:url(../img/icon/ic_add.svg) no-repeat 3px 3px; background-position: center; } .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper button.increase{ width: 2.5rem; height: 2.5rem; border-left: 1px solid rgb(143, 150, 163);} .multiModal.active.freetrial .buttonWrap.freetrial { margin: 48px 0;} .multiModal.active.freetrial .buttonWrap.freetrial .button.freetrial{ width: 360px; height: 48px; background-color: #393d46; border-radius: 10px; color: #fff;} /* Free Trial Issue */ .multiModal.active.freetrialIssue .modalBox {padding: 24px;} .multiModal.active.freetrialIssue h2.lgei-subtitle4 {font-size: 24px; font-weight: 700; line-height: 130%; display: flex; align-items: center;} .multiModal.active.freetrialIssue .issueContent {min-height: 104px; display: flex; align-items: center; flex-direction: column; justify-content: center;} .multiModal.active.freetrialIssue .issueContent > p {color: #4D4BF5} /* Write Reason Popup */ .multiModal.active.writeReasonPopup .multiModal.active .modalBox{height: 197px;} .modalBox .mbBody .mbBodyContents .article.writeReason .dlBox textarea{min-height: 36px; height: 144px;} .modalBox .mbBody .mbBodyContents .article.writeReason .writeReasonMsg{text-align: left;} .modalBox .mbBody .mbBodyContents .article.writeReason dl{display: flex; flex-direction: column;} .modalBox .mbBody .mbBodyContents .article.writeReason dd{width: 100% !important; padding-bottom: 24px;} /* Temporary Password Popup */ .modalBox .mbBody .mbBodyContents .article.temporaryPassword {gap: 12px; display: flex; flex-direction: column; height: 162px;} .modalBox .mbBody .mbBodyContents .article.temporaryPassword .temporaryPasswordMsg{text-align: left;} .modalBox .mbBody .mbBodyContents .article.temporaryPassword .password{font-weight: 700; font-size: 32px; text-align: center; line-height: normal;} .modalBox .mbBody .mbBodyContents .article.temporaryPassword .copy{font-weight: 400; font-size: 14px; color: #027948; text-align: center; position: relative; display: flex; align-items: center; justify-content: center;} .modalBox .mbBody .mbBodyContents .article.temporaryPassword .copy::before{background:url(../img/icon/icon_copied.svg) no-repeat; content:""; width:14px; height:14px; display: flex; align-items: center; background-size: cover; margin-right: 5px;} /* Inform Business Popup */ .multiModal .mbBody .mbBodyContents.informBusinessPopup .createdBusiness {width: 100%; display: flex; flex-direction: column; gap: 24px;} .multiModal .mbBody .mbBodyContents.informBusinessPopup .createdBusiness .informDescription {font-size: 16px;} .multiModal .mbBody .mbBodyContents.informBusinessPopup .createdBusiness .businessInfo {display: flex; flex-direction: column; gap: 24px;} .multiModal .mbBody .mbBodyContents.informBusinessPopup .createdBusiness .businessInfo > dl dt {font-size: 16px;} .multiModal .mbBody .mbBodyContents.informBusinessPopup .createdBusiness .businessInfo > dl dd {font-size: 14px; word-break: break-all;} .multiModal .modalBox .buttonWrap .button.w320 {width: 320px;} .modalBox .mbBody .mbBodyContents .infoBox.aprroveInfoBox.addBusinessInfoBox {gap: 12px;} /* Addable Devices List's Guide Box */ .addableDevicesPop .guideBox {display: flex; width: calc(100%); padding: 8px 12px; box-sizing: border-box; height: auto; background-color: #f8f8f8; border-radius: 6px; border: 1px solid var(--Border-etc-color-border-noti-normal, #EBEBF0);} .addableDevicesPop .guideBox p {font-size: 12px; font-weight: normal; color: #383838; text-align: left; word-break: break-word; line-height: 1.3;} .viewExpiredLicenseBody .expiredTableTitle {max-width: 600px; width: 100%; word-wrap: break-word;} .viewExpiredLicenseBody .toolBox {gap: 8px;} .container .body .contents .dcBody .viewBox .snb .list li a[aria-current="true"] {word-break: normal;} .wrap-on-overflow {flex-wrap: wrap;} /* Single Sign-On Page, Reset For HW Popup */ .container .body .contents .ssoBoard {flex-grow: 1; background: #fff; border-radius: 10px; border: 1px solid #d0d1d2; box-sizing: border-box; height: 100%; overflow: auto; box-sizing: border-box; display: flex; flex-direction: column;} .container .body .contents .ssoBoard > .businessName {display: flex; width: 100%; height: auto; padding: 24px; box-sizing: border-box; gap: 8px; align-items: center;} .container .body .contents .ssoBoard > .businessName strong {font-size: 20px; font-weight: 500; color: #333;} .container .body .contents .ssoBoard > .ssoContentBox {padding: 16px 32px 16px 68px; display: flex; flex-direction: column; gap: 24px;} .container .body .contents .ssoBoard > .ssoContentBox .cntHeader .title > h2 {font-size: 18px; font-weight: 700; line-height: 130%;} .container .body .contents .ssoBoard > .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl, .container .body .contents .ssoBoard > .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl {display: flex; gap: 24px; width: 100%;} .ssoContentBox {max-width: 800px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody {display: flex; flex-direction: column; gap: 12px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo {display: flex; flex-direction: column; gap: 16px; width: 100%; box-sizing: border-box; border-radius: 8px; background: #F5F6FA; padding: 20px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo.ssoNotConfigured {align-items: center; gap: 24px; padding: 0 0 32px 0; font-size: 18px; font-weight: 400; line-height: 140%; color: #555} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .authType {font-size: 14px; font-weight: 700; line-height: 140%;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .ssoInfoTop hr {background: #D5D7DD; height: 1px; border: 0;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .authtypeAndBtn {display: flex; align-items: center; justify-content: space-between; padding-bottom: 6px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .authtypeAndBtn .buttonBox {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .dlBox {display: flex; flex-direction: column; gap: 16px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .description {display: flex; flex-direction: column; gap: 8px;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .description ul {display: flex; flex-direction: column; gap: 4px; word-break: break-all;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .noSsoImg {width:100%; height:380px; background:url(../img/common/sso_none_artwork.png) no-repeat center; margin:0; background-size: contain;} .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .dlBox dd{word-break: break-word;} .ssoContentBox .tabBox.ssoUserTable {display: flex; flex-direction: column; gap: 16px;} .ssoContentBox .tabBox.ssoUserTable .ssoTableTitle, .resetHwPop .resetHwInfoBox .resetLicTable .resetLicTableTitle, .resetHwPop .resetHwInfoBox .infoBody .dlBox > dl > dt label {font-size: 16px; font-weight: 500; line-height: 140%;} .ssoContentBox .tabBox.ssoUserTable .tabsContent {display: flex; flex-direction: column; gap: 12px;} /* license request - input box of user account */ .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .inputWithRemoveBtn {position: relative; flex-grow: 1;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient {flex-direction: column;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .inputWithRemoveBtn .checkInput {width: calc(100% - 10px);} .modalBox .mbBody .mbBodyContents .article .dlBox dl dd .inputBox .textRemove.user {right: 20px; padding:auto !important} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd {display: flex; gap: 12px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .inputBox.customInputBox {width: 100%;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.addRecipient{display: flex; padding: 6px; justify-content: center; align-items: center; border-radius: 6px; border: 1px solid #DADDE2; background:#FFF; font-size:0px; border-radius:6px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.addRecipient::before{width:24px; height:24px; content:""; display:inline-block; background:url(../img/icon/ic_add.svg) no-repeat 3px 3px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.addRecipient:hover{background:#DADDE2;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.addRecipient:active{background:#BEC2CB;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex {display: flex; gap: 8px; } .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.deleteRecipient{display: flex; padding: 6px; justify-content: center; align-items: center; border-radius: 6px; border: 1px solid #DADDE2; background:#FFF; font-size:0px;border-radius:6px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.deleteRecipient::before{width:24px; height:24px; content:""; display:inline-block; background:url(../img/icon/ic_subtract.svg) no-repeat 3px 3px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.deleteRecipient:hover{background:#DADDE2;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl.recipient dd .buttonflex .button.deleteRecipient:active{background:#BEC2CB;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl dd .opportunityNoText {font-size: 12px; width: 100%;} /* licensing */ .dt.spaceBetween {justify-content: space-between !important; padding-right: unset !important;} .gap12{ gap:12px; } .startNowThree dt {width: 215px !important;} .dl.opp .buttonWrap {display: flex; justify-content: center; align-items: center; gap: 8px;} /* license - Key Management */ .container .body .contents .ssoBoard > .keyMgmtContentBox {padding: 16px 32px 16px 68px; display: flex; flex-direction: column; gap: 40px;} .keyMgmtContentBox .status {background: unset; gap: 8px; color: #333;} .keyMgmtContentBox .cntBody, .keyMgmtContentBox .keyMgmtTable {max-width: 1000px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox {display: flex; flex-direction: column; gap: 30px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl dt {min-width: 240px; min-height: 36px; font-size: 16px; font-weight: 500; line-height: 140%;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody {display: flex; flex-direction: column; gap: 7px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyInfo {display: flex; gap:2px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyInfo span {font-size: 16px; font-weight: 400; line-height: 140%;word-break: break-all; max-width: 600px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyDetailInfo {color: #555; font-size: 14px; font-weight: 400; line-height: 140%;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyDetailInfo > span {color: #333;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyResetBody {display: flex; flex-direction: column; gap: 4px;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyResetBody .button {width: max-content; font-size: 12px; padding: 7.5px 14px; line-height: 110%;} .keyMgmtContentBox .keyMgmtTable .tableHeader {margin-bottom: 12px;} .keyMgmtContentBox .keyMgmtTable .tableHeader .keyMgmtTableTitle {font-size: 16px; font-weight: 500; line-height: 140%;} .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox div.icCopied {font-weight: 400; font-size: 14px; color: #027948; text-align: center; position: relative; display: flex; } .resetHwPop .resetHwInfoBox .resetLicTable {display: flex; flex-direction: column; gap: 16px;} /* On-Premises license table */ .licTableHead {flex-direction: column;} .licTableHead .tableName {width: 100%} .licTableHead .tableHeadContent {width: 100%; justify-content: flex-end;} .licTableHead .tableHeadContent.isOnpremLic {justify-content: space-between;} .licTableHead .tableHeadContent.isOnpremLic > .waitingInfoBox {display: flex; gap: 8px; align-items: center;} .licTableHead .tableHeadContent .tableManageBox {display: flex;} .container .body .contents .dcBody .requestView .partnerCenterBox .licenseTable {padding: 12px 32px !important;} .tools.appsTools > .funcBtns {display: flex; gap: 8px;} .contents .dcBody .requestView .requestMenu .sectionBox.withTab > .buttonWrap {padding: 32px 32px 0 32px; border-bottom: unset;} /* On-Premises license request */ .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm.withSalesInfo {padding-left: 16px;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm.withSalesInfo .bodyBox {flex-direction: column;} .popupLicense.creatingBusinessSiteFour .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .delegateDescBox {display: flex; gap: 22px; flex-direction: column; margin-bottom: 32px; word-break: break-word;} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .requestTimer{display: flex; flex-direction: row; font-size: 12px; align-items:center; gap:5px} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .requestTimer button{font-size: 12px;} .popupLicense.creatingBusinessSiteFour.approvalLicense .modalBox .mbBody .mbBodyContents .article .dlBox dl.salesAccount{width:100%; } .popupLicense.creatingBusinessSiteFour.approvalLicense .modalBox .mbBody .mbBodyContents .article .dlBox dl.salesAccount .salesSendRemind{display: flex; flex-direction: row; align-items:center; gap:15px} .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl dd.inputWithMsg {flex-direction: column; gap: 4px;} /* Home */ .bodyHome .dcBody .detailView .quickStartBox {display: flex; flex-direction: column; gap: 6px;} .bodyHome .dcBody .detailView .quickStart { border-radius: 10px; background: rgba(106, 116, 228, 0.6); padding: 24px; border: 1px solid rgba(255, 255, 255, 0.5); backdrop-filter: blur(24px); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1); } .bodyHome .dcBody .detailView .quickStart.open { border-radius: 10px; background: linear-gradient(180deg, rgba(106, 116, 228, 0.6), rgba(106, 116, 228, 0.3)); padding: 24px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0px 5px 15px 0px rgba(0, 0, 0, 0.1); backdrop-filter: blur(24px); border: unset !important; } .bodyHome .dcBody .detailView .quickStart .titleBox { display: flex ; flex-direction: row; align-items: center; gap: 16px; } .bodyHome .dcBody .detailView .quickStart .titleBox .badgeBox { min-height: fit-content; width: 114px; height: 32px; border-radius: 117.43px; padding-right: 14px; padding-left: 14px; background: rgba(240, 242, 255, 1); display: flex; align-items: center; justify-content: center; } .bodyHome .dcBody .detailView .quickStart .titleBox .badgeBox span { color: rgba(15, 0, 209, 1); font-weight: 500; font-size: 16px; line-height: 140%; text-align: center; } .bodyHome .dcBody .detailView .quickStart .titleBox .quickTipBox { display: flex ; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; } .bodyHome .dcBody .detailView .quickStart .titleBox .quickTipBox span { font-size: 20px; line-height: 140%; color: rgba(255, 255, 255, 1); } .bodyHome .dcBody .detailView .quickStart .titleBox .quickTipBox > .button { width: 36px; height: 36px; padding: unset; min-width: 36px;} .bodyHome .dcBody .detailView .quickStart .titleBox .quickTipBox > .button::before {content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon/ic_arrow_down_q.svg) no-repeat; background-position: center;} .bodyHome .dcBody .detailView .quickStart .titleBox .quickTipBox > .button.up::before {background: url(../img/icon/ic_arrow_down_q.svg) no-repeat;background-position: center;transform: rotate(180deg); height:inherit; width:inherit;} .bodyHome .dcBody .detailView .quickStart .guideGroup { display: flex ; justify-content: center; flex-direction: row; gap: 24px; padding-top: 24px; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox {display: flex; flex-direction: column; gap: 16px; width: 50%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide {width: 100%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideTitle { font-weight: 700; font-size: 18px; line-height: 130%; color: rgba(255, 255, 255, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent { border-radius: 10px; border-width: 1px; padding: 24px; gap: 24px; background: var(--Global-neutral-m-neutral-10, rgba(255, 255, 255, 1)); display: flex; flex-direction: column; align-items: center; border: 1px solid var(--Global-secondary-m-secondary-20, rgba(218, 221, 226, 1))} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideStep { border-radius: 999px; gap: 16px; padding-top: 6px; padding-right: 24px; padding-bottom: 6px; padding-left: 24px; background: rgba(102, 80, 190, 0.1); font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; color: rgba(102, 80, 190, 1); display: flex; align-items: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideStep .guideStepDots {display: flex; flex-direction: row; gap: 8px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideStep .guideStepDots li { width: 6px; height: 6px; border-radius: 3px; opacity: 0.58; background: var(--Global-secondary-m-secondary-80, rgba(53, 64, 86, 1));} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideStep .guideStepDots .currentStep {width: 32px; height: 6px; opacity: unset;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideMsg {font-weight: 700; font-size: 16px; line-height: 140%; text-align: center; color: var(--Text-system-color-text-sub, rgba(85, 85, 85, 1));} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList {display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 12px; padding-top: 20px; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card {width: 240px; border-radius: 16px; border: unset; position: relative;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .logo {position: absolute; width: 100px; height: 100px; left: 140px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox { padding: 50px 20px 20px 20px; display: flex ; flex-direction: column; justify-content: space-between; gap: 15px; min-height: 177px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .subBox {gap: 6px; display: flex; flex-direction: column;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .subBox .solutionName {font-weight: 700; font-size: 16px; line-height: 140%; z-index: 1;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .buttonWrap {display: flex; flex-direction: row; justify-content: space-between; top: 170px; gap: 10px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .buttonWrap .button {min-height: fit-content; width: 100px; height: 36px; min-width: unset; padding: unset; white-space: normal;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.supersign {background: linear-gradient(180deg, rgba(151, 136, 231, 0.2) 0%, rgba(171, 160, 238, 0.2) 50%, rgba(171, 160, 238, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.supersign .solutionName {color: rgba(82, 61, 169, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.procentric {background: linear-gradient(180deg, rgba(72, 186, 199, 0.2) 0%, rgba(145, 217, 227, 0.2) 50%, rgba(145, 217, 227, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.procentric .solutionName {color: rgba(20, 124, 138, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.stay {background: linear-gradient(180deg, rgba(72, 186, 199, 0.2) 0%, rgba(145, 217, 227, 0.2) 50%, rgba(145, 217, 227, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.stay .solutionName {color: rgba(20, 124, 138, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.ad {background: linear-gradient(180deg, rgba(185, 136, 241, 0.2) 0%, rgba(205, 170, 248, 0.2) 50%, rgba(205, 170, 248, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.ad .solutionName {color: rgba(114, 61, 174, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.lgcc {background: linear-gradient(180deg, rgba(115, 161, 221, 0.2) 0%, rgba(163, 194, 235, 0.2) 50%, rgba(163, 194, 235, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.lgcc .solutionName {color: rgba(56, 97, 168, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .licenseVideoCard .quickStartVideoCard {padding-top:20px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .step3 { padding-top: 20px; width: 100%; height: 400px; border-radius: 8px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.createboard {background: linear-gradient(180deg, rgba(99, 109, 205, 0.2) 0%, rgba(150, 168, 225, 0.2) 50%, rgba(150, 168, 225, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.createboard .solutionName {color: rgba(64, 74, 184, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.evccare {background: linear-gradient(180deg, rgba(111, 205, 127, 0.2) 0%, rgba(152, 221, 152, 0.2) 50%, rgba(152, 221, 152, 0.04) 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card.evccare .solutionName {color: rgba(56, 123, 94, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration {height: 100%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .slick-track{justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent {padding-left: 0px; padding-right: 0px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider {width: 100%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .slick-slider {width: 100%; display: flex ; flex-direction: column; align-items: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .slick-slider .slick-list {width: 94%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .slick-slider .slick-slide {width: 386px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imagePreviousWrap .button::before {content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon/ic_arrow_left.svg) no-repeat; background-position: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imagePreviousWrap .button { width: 36px; height: 36px; background: var(--Button-bg-Icon-color-btn-bg-ic-filled-normal, rgba(245, 246, 250, 1));} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imageNextWrap .button::before {content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon/ic_arrow_right.svg) no-repeat; background-position: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imageNextWrap .button { width: 36px; height: 36px; background: var(--Button-bg-Icon-color-btn-bg-ic-filled-normal, rgba(245, 246, 250, 1)); left: 30px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imagePreviousWrap {position: relative; left: -5px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .imageNextWrap {right: 25px; position: relative;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard { width: 100%; max-width: 348px; min-width: 348px; height: 480px; gap: 10px; border-radius: 10px; border-width: 1px; padding: 16px; border: 1px solid var(--Global-secondary-m-secondary-20, rgba(218, 221, 226, 1)); display: flex !important; flex-direction: column;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .tipBadge { min-width: fit-content; width: 34px; height: 20px; border-radius: 100px; padding-top: 1.5px; padding-bottom: 1.5px; background: rgba(230, 242, 248, 1); display: flex; align-items: center; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .tipBadge p {font-weight: 400; font-size: 12px; line-height: 140%; text-align: center; vertical-align: middle; color: rgba(54, 121, 154, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .tipBox {display: flex; gap: 8px; flex-direction: column; min-height: 90px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard {align-items: flex-start !important; flex-direction: column !important; gap: 10px; display: flex;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .thumbnail {width: 100%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .thumbBox {height: 210px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .thumb {width: 100%; height: 210px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .videoTitle { font-weight: 500; font-size: 16px; line-height: 140%; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip {min-width: unset; width: 100%; height: 80px; font-weight: 700; font-size: 18px; line-height: 130%; border: unset; display: flex; justify-content: flex-start; white-space: normal;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.role {background: rgba(247, 246, 255, 0.7); color: rgba(106, 97, 140, 1); } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.role::before {content: ""; width: 48px; height: 48px; display: inline-block; background: url(../img/icon/ic_toneon_gradation_user.svg) no-repeat; background-position: center; padding-right: 20px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.workspace::before {content: ""; width: 48px; height: 48px; display: inline-block; background: url(../img/icon/ic_toneon_gradation_workspace.svg) no-repeat; background-position: center; padding-right: 20px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.device::before {content: ""; width: 48px; height: 48px; display: inline-block; background: url(../img/icon/ic_toneon_gradation_device.svg) no-repeat; background-position: center; padding-right: 20px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.workspace {background: linear-gradient(322.95deg, rgba(146, 170, 255, 0.098) 0%, rgba(177, 236, 255, 0.066) 100%); color: rgba(95, 110, 146, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip.device {background: linear-gradient(322.95deg, rgba(102, 203, 219, 0.098) 0%, rgba(135, 238, 250, 0.066) 100%); color: rgba(97, 124, 140, 1);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard i {display: flex; height: 0px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .role .quickStartVideoCard i::before {content: ""; width: 28px; height: 28px; display: inline-block; background: url(../img/icon/ic_user_fill_color.svg) no-repeat; background-position: center; position: relative; top: 10px; left: 10px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .workspace .quickStartVideoCard i::before {content: ""; width: 28px; height: 28px; display: inline-block; background: url(../img/icon/ic_workspace_fill_color.svg) no-repeat; background-position: center; position: relative;top: 10px; left: 10px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .device .quickStartVideoCard i::before {content: ""; width: 28px; height: 28px; display: inline-block; background: url(../img/icon/ic_device_fill_color.svg) no-repeat; background-position: center; position: relative; top: 10px; left: 10px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .role .quickStartVideoCard .thumb {background-image: url(../img/page/home/thumnail_tip_user.svg); display: flex; align-items: center; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .workspace .quickStartVideoCard .thumb {background-image: url(../img/page/home/thumnail_tip_workspace.svg); display: flex; align-items: center; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .device .quickStartVideoCard .thumb {background-image: url(../img/page/home/thumnail_tip_device.svg); display: flex; align-items: center; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .quickStartVideoCard .video { width: 100%; display: flex; flex-direction: column; align-items: flex-end;} .quickStartVideoCard {display: flex; align-items: flex-end; flex-direction: row; gap: 15px;} .quickStartVideoCard .thumbBox {height: 172px;} .quickStartVideoCard .thumb {width: 280px; height: 172px; background-image: url(../img/page/home/video_thumb_license.svg); background-size: cover; background-position: center; background-color: unset; display: flex; align-items: center; justify-content: center; border-radius: 9px; border: 1.17px solid rgba(218, 221, 226, 1);} .quickStartVideoCard .thumb .button.play {width: 56px; height: 56px;} .quickStartVideoCard .thumb .button.play::before {content: ""; width: 37px; height: 37px; display: inline-block; background: url(../img/icon/ic_play_fill.svg) no-repeat; background-position: center;} .quickStartVideoCard .timeStamp {position: relative; top: -23px; background: rgba(0, 0, 0, 0.6); width: 51px; height: 23px; border-top-left-radius: 9.33px; border-bottom-right-radius: 9.33px; font-weight: 400; font-size: 16.33px; line-height: 140%; text-align: center; color: rgba(255, 255, 255, 1);} .quickStartVideoCard .thumbText {display: flex; gap: 4px;flex-direction: column; padding-bottom: 12px;} .quickStartVideoCard .thumbText p { font-weight: 400; font-size: 12px; line-height: 140%;} .quickStartVideoCard .thumbText .videoTitle { font-weight: 700; font-size: 20px; line-height: 130%; letter-spacing: 0%; } .container .body.bodyHome .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody {height: unset !important;} .container .body.bodyHome .contents.homeContainer .dcBody .detailView .block > .section.myInfo{display: grid !important;} .container .body.bodyHome .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody.licenseinfo{height: 100% !important;} .container .body.bodyHome .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody.licenseinfo .licenseInfoBox{height: 100%} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .licenseWrap{display: flex; flex-direction: column; width: 100%; align-items:center; justify-content:center} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap{flex-direction: row;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap.flexStart{align-items:flex-start} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .licenseVideoCard{width: 25%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .license{width: 60%; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .cardList{width: 60%; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 {width: 100%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 {text-align: center; font-weight: 400; font-size: 16px; line-height: 140%;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .slider {padding-bottom: 20px !important;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .slick-track{justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .slick-slider {width: 100%; display: flex; flex-direction: column; align-items: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .slick-slider .slick-list{width: 90%; max-width: unset;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .imagePreviousWrap .button::before {content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon/ic_arrow_left.svg) no-repeat; background-position: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .imagePreviousWrap .button { width: 36px; height: 36px; background: var(--Button-bg-Icon-color-btn-bg-ic-filled-normal, rgba(245, 246, 250, 1)); right: 30px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .imageNextWrap .button::before {content: ""; width: 24px; height: 24px; display: inline-block; background: url(../img/icon/ic_arrow_right.svg) no-repeat; background-position: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .imageNextWrap .button { width: 36px; height: 36px; background: var(--Button-bg-Icon-color-btn-bg-ic-filled-normal, rgba(245, 246, 250, 1)); left: 30px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard {display: flex; padding: 16px 28px; box-sizing: border-box; flex-direction: column; gap: 6px; border-radius: 8px; border: 1px solid #DADDE2; width: 360px; height: 173px; justify-content: flex-start; align-items: center; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .topCard {height: auto; display: flex; align-items: center; justify-content: flex-start; width: 100%; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .topCard span {font-family: 'LG EI'; font-size: 24px; line-height: 130%; font-weight: 700; position: relative; display: flex; align-items: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard {display: flex; width: 100%; gap: 12px; flex-direction: column; height: 100%; justify-content: center;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl {display: flex; align-items: center; width: 100%; flex-direction: row; justify-content: space-between;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl dt {display: flex; font-size: 18px; font-weight: 400; color: #333; width: auto;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl dd {display: flex; font-size: 20px; color: #333; font-weight: 700; width: auto; height: auto; gap:3px;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl dd > p {font-weight: 400; } .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.connectedCareCard {background: linear-gradient(180deg, #FFF 0%, #F4F9FF 100%)} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.connectedCareCard .topCard span {color: #3861A8;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.proSignCard {background: linear-gradient(180deg, #FFF 0%, #FAF6FF 100%);} /*ad*/ .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.proSignCard .topCard span {color: #8D4BD2;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.eCentricCard {background: linear-gradient(180deg, #FFF 0%, #F8FFF6 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.eCentricCard .topCard span {color: #387B5E;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.proCentricCard {background: linear-gradient(180deg, #FFF 0%, #F5FEFE 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.proCentricCard .topCard span {color: #148486;} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.supersignCard {background: linear-gradient(180deg, #FFF 0%, #F7F6FF 100%);} .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard.supersignCard .topCard span {color: #523DA9;} /* Video Player */ .videoPlayer.modalBox {width: 980px;} .videoPlayer.modalBox .mbHeader{padding:46px 48px; justify-content:flex-end;} .videoPlayer.modalBox .mbHeader .button.close{gap:unset; border-radius:50%;} .videoPlayer.modalBox .mbHeader .button.close:hover{box-shadow:none;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox{display:flex; flex-direction:column; padding:0 24px 48px; gap:32px;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .preview{height:500px; width:884px; background:url(/img/common/ic_videoPlayer.png), lightgray -139.345px -35.028px / 132.446% 234.164% no-repeat; position:relative; display:flex; align-items:center; justify-content:center; background-size: cover;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .preview > video{max-width:100%; max-height:100%;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .preview > button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:0px; gap:unset;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox{display:flex; flex-direction:column; gap:12px; position:relative;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row{display:flex; gap:8px;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row dl{flex-grow:1;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row dl > *{width:100%; text-align:left; word-break:break-all;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row dl > dt{font-size: 14px; font-style: normal; font-weight: 400; line-height: 145%; color:#5C6370;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row dl > dd{font-size: 18px; font-style: normal; font-weight: 700; line-height: 145%; color:#2E3138;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row .date{flex-shrink:0; display:flex; align-items: flex-end; justify-content:flex-end; font-size: 14px; font-style: normal; font-weight: 400; line-height: 145%; color:#737B8C;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row .videoDescription{font-size: 16px;font-style: normal;font-weight: 400;line-height: 145%; color:#393D46; word-break:break-all;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .descriptionBox > .row .scriptDetail{font-family: "Noto Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: 145%; color: #2E3138; word-break:break-all;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .preview > button.play::before { background: url(../img/icon/ic_play_fill.svg) no-repeat 50%; background-size: 28px; content: ""; width: 100%; height: 100%; filter: unset; position: absolute;} .videoPlayer.modalBox .mbBody .mbBodyContents .previewBox .preview > button.pause::before { background: url(../img/icon/ic_pause_fill.svg) no-repeat 50%; background-size: 28px; content: ""; width: 100%; height: 100%; filter: unset; position: absolute;} .accountLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList .workspaceSettings::after {content: ""; background: url(/img/icon/ic_arrow_right.svg) no-repeat center; height: 16px; width: 16px; background-size: contain;} .accountLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList .workspaceSettings {display: flex; width: 100%; align-items: center; justify-content: space-between; font-weight: 700; font-size: 12px; min-height: 24px;} .accountLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description a:hover{color: #333;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.supportBtns {gap: 16px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.supportBtns dd {gap: 12px; flex-direction: column;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.supportBtns dd button {width: 100%;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.supportBtns dd .articleBtns {display: flex; gap: 12px; width: 100%} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.homeAndPlan {flex-direction: row; gap: 12px;} .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.homeAndPlan dd {width: 50%} /* home- myinfo*/ .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody.myinfo{display:flex; flex-direction:column; gap: 10px; background-color: #F5F6FA; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05)} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > strong{font-size:20px; color: #4B5468;} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .infoBox{display: flex; flex-direction: column; gap:8px} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .infoBox span{font-size: 16px; font-weight: 400;} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody .sectionHeader{display: flex; justify-content: space-between;} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody .sectionHeader .roleHeader{display: flex; gap:5px; align-items: flex-end} .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody .sectionHeader .roleSites{display: flex; gap:5px; align-items:center; font-size: 16px; font-weight: 700;} .section.myInfo > .sectionBody button.iconRightArrow{width: 20px; height: 20px; border-radius: 50%;} .section.myInfo > .sectionBody button.iconRightArrow::after{width:20px; height:20px; content:""; display:inline-block; background:url(../img/icon/ic_arrow_right.svg) no-repeat center; background-size:contain; padding:unset; margin-left:unset} .section.myInfo > .sectionBody button.iconRightArrow:hover{background-color: rgba(0, 0, 0, 0.20);} .section.myInfo > .sectionBody button.help {height:100%; width: 20px; height: 20px; border-radius: 50%; display:flex; align-items:center; justify-content:center;} .section.myInfo > .sectionBody button.help::before {width:20px; height:20px; content:""; display:inline-block; background:url(../img/icon/ic_help.svg) no-repeat center; background-size:contain; filter: unset;} .section.myInfo > .sectionBody button.help:hover{background-color: rgba(0, 0, 0, 0.20);} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox .mysolutionBox{display: flex; flex-direction: column; min-width: 170px; align-items: center; gap:10px; padding: 24px 16px; border-radius: 10px; border: 1px solid var(--Global-secondary-m-secondary-15, #EBEBF0); justify-content:center} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper {width: 100%; border: unset !important; height: 100%;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox{display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(30%, auto)); align-items: stretch;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox .noLicense{display: flex; width: 100%; flex-direction: column; align-items:center; padding: 20px} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges{width: unset;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges.one img{width: 100px; height: 100px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges.three img{width: 80px; height: 80px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges.one a{width: 100px; height: 100px;} .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges.three a{width: 80px; height: 80px;} /*Notice Preview*/ .modalBox.previewModal .mbHeader {padding:46px 48px !important; border-bottom: unset;} .modalBox.previewModal .mbHeader .title h2 {font-size:32px;} .modalBox.previewModal .mbBody {padding: 0 48px 24px 48px;} .modalBox.previewModal .previewOpt > .optBox {padding: 0 48px 0 48px;} .modalBox.previewModal .mbHeader { padding:14px 24px;} .modalBox.previewModal .mbHeader .title h2 {font-size:24px;} .modalBox.previewModal .mbHeader .mbBody {padding: 0 24px 20px 24px;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .previewCardTitle { flex-direction: column; gap: 0px; align-items: flex-start; } .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .previewCardTitle .lock {display: none;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .previewCardTitle .file {display: none;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .previewCardTitle .divider {display: none;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .flagSelect.supportContentTitle {display: none;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .moblieTitleIconBox {order: 2; display: flex; width: 100%; justify-content: space-between;} .modalBox.previewModal .mbHeader .mbBody .previewCardHeader > .moblieTitleIconBox .contentConfigIcon {display: flex; gap: 8px;} .modalBox.previewModal .mbHeader .mbBody .previewOpt > .optBox { padding: 0 24px 0 24px; } .modalBox.previewModal .badgeNew { border-radius: 20px; background: var(--point-01, #4D4BF5); display: flex; max-width: 24px; max-height: 24px; padding: 2px 7px 4px 7px; justify-content: center; align-items: center; color: var(--gray-scale-1000-white, #FFF); font-size: 12px;} .modalBox.previewModal .table.newIcon {display: flex; gap: 8px; align-items: center;} .modalBox .mbBody .mbBodyContents .previewList {display: flex; flex-direction: column; gap:10px} .modalBox .mbBody .mbBodyContents .previewCard { display: flex; flex-direction: column; justify-content: center; padding: 16px; background: linear-gradient(0deg, rgba(77, 75, 245, 0.03), rgba(77, 75, 245, 0.03)), #FFFFFF; border: 1px solid #DDE0EE; border-radius: 12px; gap: 8px; } .modalBox .mbBody .mbBodyContents .previewCard .previewCardTitle{display:flex; flex-direction: row; font-weight: 700; font-size: 20px; color: #17191C; width: 100%; gap: 12px; align-items: center;} .modalBox .mbBody .mbBodyContents .previewCard .previewCardTitle .divider {width: 1px; height: 16px; background: var(--gray-scale-850-divider-01, #D5D7DD);} .modalBox .mbBody .mbBodyContents .previewCard .previewCardTitle .solutionTitle {white-space: nowrap} .modalBox .mbBody .mbBodyContents .previewCard .previewCardTitle .table > p {word-break: break-word;} .modalBox .mbBody .mbBodyContents .previewCard .previewText {word-break: break-word;} .modalBox .mbBody .mbBodyContents .previewCard .previewCardFooter{display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; } .modalBox .mbBody .mbBodyContents .previewCard .previewCardFooter .previewDate{font-weight: 400; font-size: 14px; color: #6D7585;} /* Slider */ .slick-disabled {display: none !important;}