/* ui.css */
input[type=number],
input[type=text],
input[type=password] {color: #2E3138; font-family:'Noto Sans KR', sans-serif;}
input[type=submit] {font-family:'Noto Sans KR', sans-serif;}
textarea {color: #2E3138; padding: 15px;}

/* --------------------------------------------------------
BUTTON - black
----------------------------------------------------------*/
.button.black {color:#fff; border:1px solid #FFFAFA; background:#393D46;}
.button.black:hover {background: #393D46;}
.button.black:active {}
.button.black > .add {filter:brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(1496%) hue-rotate(340deg) brightness(84%) contrast(108%);}

button.button.transparent {padding: 0 22px;}
button.button.transparent:enabled:active {border: solid 3px #a50034;}
button.button.transparent:disabled {box-shadow: inset 0 0 0 2px #fff;}
.button.edit::before, .button.icDelete::before{min-width: 24px; min-height: 24px;}
.button.iconBtn.circular{padding: unset !important;}
.button.iconOnly.iconBtn.circular {border-radius: 4px; width:48px;height: 48px;}
.button.iconOnly.iconBtn.icCopy {width: 25px; height: 25px; padding: 5px;}
.button.iconBtn.circular.icHelp {width:36px !important; height: 36px !important;}
.button {height: 33px; min-width: max-content}
.button:disabled {box-shadow: inset 0 0 0 1px #929292;}
.button.tertiary.bold{border:2px solid #262f44}

.button.accountDelete {width: 85px; height: 28px;}
.button.circle.return {width: 42px; height: 42px; min-width: 42px;}
.button.circle.return::before {width: 42px; height: 42px;}
.button.medium {height:40px; line-height:40px; padding:0 30px; font-size:14px;}
.button.mediumInPopup {padding: 10.5px 16px; font-size: 14px; height: 36px;}
.buttonWrap.more {width: 100%; text-align: center; padding: 30px 0 10px;}
.buttonWrap.commentBtn {margin: 5px 0 30px;}
.buttonWrap.webOSLogo {padding: 0;}
.buttonWrap.webOSLogo button {margin: 0; min-width: 120px; height: 33px;}
.modalBox .centerAlign {display: flex; justify-content: center;}
.tbFilter {text-align: right;}

button.iconL {display:inline-flex; align-items:center; padding:0 20px 0 10px;}
button.iconL::before {content:""; display:block; margin:0 6px;}
[dir=rtl] button.iconL {padding:0 10px 0 20px;}

.button.inGnb {background: unset;}

hr.divider {border: none; height: 1px; margin:10px 0; background-color: rgba(0, 0, 0, 0.10);}

.inputWrap input:first-child{outline-offset: -1px; margin-right: 0px; padding-right: 25px;}

.inputWrap input:valid ~ .textRemove.manual{right: 35px;}

.loading[data-loadingtxt]:after {content: attr(data-loadingtxt);}
.loading:before {border-color:#1D828F #1D828F #1D828F rgba(255,255,255,0);}

/* WCAG */
input:-ms-input-placeholder {color:#555 !important;}
input::-webkit-input-placeholder {color:#555 !important;}

input.guideText:-ms-input-placeholder {color:#555 !important;}
input.guideText::-webkit-input-placeholder {color:#555 !important;}
input.border_Input:-ms-input-placeholder {color:#555 !important;}
input.border_Input::-webkit-input-placeholder {color:#555 !important;}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    white-space:pre-line;  
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
input::-moz-placeholder { /* Firefox 19+ */
    white-space:pre-line;  
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
input:-ms-input-placeholder { /* IE 10+ */
    white-space:pre-line;  
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
input:-moz-placeholder { /* Firefox 18- */
    white-space:pre-line;  
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

.formBox .inputWrap input:-ms-input-placeholder, .parnterInstallPop .one .inputWrap input:-ms-input-placeholder {color:#555555 !important;}
.formBox .inputWrap input:-ms-input-placeholder, .parnterInstallPop .one .inputWrap input::-webkit-input-placeholder {color:#555555 !important;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.inputWrap .addon:first-child .iconSearch::before { background:url(../img/icon/icon_search_black.svg)no-repeat 3px 5px; }
.inputWrap .addon i.mag-glass::before{background:url(../img/icon/icon_search_black.svg)no-repeat center; }
.modalBox.w1200 {width:1200px;}
.modalBox .buttonWrap {padding: 20px;}
.modalBox.assignRole .mbBody {padding: 30px 40px 20px 40px;}
.modalBox.assignRole .mbBody.step1 {padding: 14px 40px 40px 40px;}

.tableWrap table tbody tr td {height: 55px;}
.tableWrap table thead tr td {border-top: 1px solid #e5e5e5; background: #f8f8f9;}
.tableWrap table thead tr th[aria-sort] button:after{min-width: 12px;}
.tableWrap.supportTableNotice,
.tableWrap.supportQuestionTable {margin-bottom: 26px;}

.partnerCenterBox  .snbWrap.selectWrap{display: none; margin: 20px auto; width: 90%;}
.opt.install input[type=checkbox]:disabled+label{opacity: 1;}
.opt.install input[type=checkbox][aria-disabled="true"]+label::before{opacity: 0.4;}
.opt.install input[type=checkbox][aria-disabled="true"]+label::after{opacity: 0.4;}
.opt.install input[type=checkbox][aria-disabled="true"]{pointer-events:none; cursor:not-allowed;}
.appDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup .partially {font-size: 14px; font-weight: bold; display: flex;}
.appDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup .partially::before {content:"";display:block; height: 19px; width: 19px; background: url(../img/common/card_btn_icon_check_s.svg) no-repeat center; filter:grayscale(1); margin-right: 10px;}

.customBody .snb .accountSublist .assign {font-size: 14px}

/* calendar component - bootstrap */
.b-form-btn-label-control.btn-group>.dropdown-menu{padding: 0.5rem}
.b-icon.bi{font-size: 125%; vertical-align: text-bottom; display: inline-block;}
.b-calendar .b-calendar-header, .b-calendar .b-calendar-nav{margin-bottom: 0.25rem}
.b-calendar .b-calendar-grid{padding: 0; margin: 0; overflow: hidden;}
.b-calendar .b-calendar-grid-body .col[data-date] .btn{width: 32px; height: 32px; font-size: 14px; line-height: 1; margin: 3px auto; padding: 9px 0;}
.b-calendar .b-calendar-header output{pointer-events: none;}
.dateBox .hasDatepicker{background: transparent !important;}
.dateBox .column_50 .title label{font-size:12px; font-weight: lighter;}
.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row.no-gutters{gap:0px}
.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .timeBox-row > .column > .dateBox .ui-datepicker-trigger{top: 25px}
.columnWrap.licenseIssue{gap:12px}

.mbBodyContents.createProfilePopup .button.schedule{display: none;}
.mbBodyContents .dlBox .editdd{display: flex; height: 30px; font-size:14px; align-items: center}

.slick-dots li button:before{opacity: .62 !important;}
.slick-dots li button:focus:before{color: #a50034 !important;}
.slick-dots li button:hover:before{color: #a50034 !important;}
.slick-dots li.slick-active button:before{opacity: .8 !important;}
.slick-dots li.slick-active button:focus:before{opacity: .8 !important;}

.jsmartable-new-th{width: 20%;}
.jsmartable-new-th.expand{display: none !important;}

.jsmartable-th.responsive{display: none !important;} 
.jsmartable-expand-icon, 
.jsmartable-expand-icon.enabled {background: url(../img/icon/icon_arrowDown.svg) no-repeat center; background-size: 60%; width: 28px; height: 28px; display: block;}
.jsmartable-expand-icon.enabled {transform: rotate(180deg);}
.jsmartable-new-row-sub.show {display: contents !important;}
.jsmartable-new-row-sub,
.jsmartable-new-row-sub.hide {display: none !important;} 
.jsmartable-th.responsive{display: none !important;} 
.jsmartable-new-th.responsive{width: 40px !important;}
.jsmartable-new-th.responsive.buttonWrapper {width: 100% !important; display: flex; align-items: center; justify-content: center;}
.profile-schedule-table.hide {display: contents !important;}

.mbBodyContents.createProfilePopup{overflow-y:scroll !important;}
.jsmartable-subcol{background:#eee;}
.jsmartable-subcol.sort{width:30%;}

.jsmartable-subtable {background:#f8f8f9 !important; border:0; margin:0; border-bottom:1px solid #ddd;}
.jsmartable-subtable .jsmartable-subrow {outline:none !important;}
.jsmartable-subtable .jsmartable-subrow:last-child .jsmartable-subcol {border-bottom:0px;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol {white-space:normal; word-break:break-word; outline:0px solid transparent; border:0; border-bottom:1px solid #ddd;background:none !important; text-align:left;} /*padding:10px; 삭제*/
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol:first-child {font-size:13px; min-width: 80px;}

.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort] button {font-size:13px; font-weight:400; line-height:14px; padding:6px; font-family:'Noto Sans KR', sans-serif;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort] button[aria-pressed="true"] {color:#cf0652;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort] button[aria-pressed="true"]:after  {color:#cf0652;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort] button:after {color:#68696e; font-size:10px; margin:0 4px;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort="ascending"] button:after {content:"▲";}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort="descending"] button:after {content:"▼";}

.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol button {font-family:'Noto Sans KR', sans-serif; word-break:keep-all; text-align:left;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .button {margin:2px 0; text-align:center;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .button.tertiary,
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .button.white {width:100%;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .buttonWrap {text-align:left !important;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .catagory {margin:unset;}

.confirmBox.heightFree {height: auto !important;}
.jsmartable-subcol.item {text-align: left !important;}

.weekBox .btnWeek[aria-checked="true"] {background: var(--Button-button-primary, #1D828F); border:1px solid #1D828F; color:#fff;}
.b-calendar-nav .btn-outline-secondary:focus{box-shadow: 0 0 0 0.125rem #000000;}
.b-calendar-grid-body .b-calendar-grid-help .small{color: #555 !important}
.customListBox ul li.active::before{content:'' !important; display:block !important; width:10px !important; height:10px !important; background:url(../img/common/icon_check2.png)no-repeat !important; background-size: 8px !important; position:absolute !important; top:50%; left:10px !important; transform:translate(0, -50%) !important;}
.customListBox ul li .item{margin: 0 0 0 12px !important;}
.dateBox.filter .fb_ey {background-color: #4B5468; padding: 8px 12px; border-radius: 6px;}
.dateBox.filter .fb_ey > input {height: unset; padding: unset; border: unset;} 
.dateBox.filter .b-calendar-grid-body .row {display: flex; gap: 0;}
.dateBox.filter .b-calendar-grid-weekdays.row.no-gutters.border-bottom {display: flex;}
.dateBox.filter .column_50.stDate .dropdown-menu { left: 100px !important;}
.dateBox.filter .column_50.edDate .dropdown-menu {left: unset !important; right: -236px;}
.dateBox.filter input[type=text] {color: #FFF;}
.dateBox.filter .fb_ey > input::placeholder {color: #FFF !important;}
.dateBox.filter .fb_ey > input::-webkit-input-placeholder {color: #FFF !important;}
.dateBox.filter .fb_ey > input:-ms-input-placeholder {color: #FFF !important;}
.dateBox.filter {color: #FFF; gap: 10px;}
.dateBox.filter .button.text:hover {background: #fff;}
.dateBox.filter .ui-datepicker-trigger::before {
    background: url(../img/icon/ic_calendar_white.svg) no-repeat center !important;
}
.dateBox.filter .ui-datepicker-trigger {
    background-color: unset !important;
}
.filterWrap.active .filterBody .opt .text .approvedIcon::before {content:"";height: 18px; display: inline-flex; width: 18px; background-image: url(../img/common/ic_status_check.svg); background-repeat: no-repeat;background-position:center;}
.filterWrap.active .filterBody .opt .text .rejectedIcon::before {content:"";height: 18px; display: inline-flex; width: 18px; background-image: url(../img/common/ic_status_reject.svg); background-repeat: no-repeat;background-position:center;}
.filterWrap.active .filterBody .opt .text .closedIcon::before {content:"";height: 18px; display: inline-flex; width: 18px; background-image: url(../img/common/ic_status_x.svg); background-repeat: no-repeat;background-position:center;}
.filterWrap.active .filterBody .opt .text .waitIcon::before {content:"";height: 18px; display: inline-flex; width: 18px; background-image: url(../img/common/ic_status_wait.svg); background-repeat: no-repeat;background-position:center;}
.filterWrap.active .filterBody .opt .text .approvedIcon, .filterWrap.active .filterBody .opt .text .rejectedIcon, .filterWrap.active .filterBody .opt .text .waitIcon, .filterWrap.active .filterBody .opt .text .closedIcon {display: flex; align-items: center; justify-content: center; gap: 4px;}

.guide.status {padding-bottom: 10px;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol.blockKey:first-child {font-size:13px; min-width: 0px !important;}

.modalBox .mbBody .mbBodyContents {overflow-x: hidden;}

.breadcrumb{padding: 0; margin: 0; background-color: transparent;}


/* --------------------------------------------------------
App Card loading
----------------------------------------------------------*/
.no-content.loading {position:relative;}
.no-content.loading:before {position:absolute; z-index:9; top:50%; left:50%; width:40px; height:40px; margin:-50px 0 0 -20px; border:4px solid transparent; border-color:#1D828F #1D828F #1D828F rgba(255,255,255,0); border-radius:50%; content:""; animation:rotate-loading 0.5s linear 0s infinite normal;transform-origin:50% 50%;-webkit-animation:rotate-loading 0.5s linear 0s infinite normal; -webkit-transform-origin:50% 50%;}
.no-content.loading:after {position:absolute; z-index:8; top:0px; left:0px; right:0px; bottom:0px; background:rgba(255, 255, 255, 0.7); content:"Loading..."; font-size:16px; font-weight:500; display:flex; display:-webkit-flex; justify-content:center;align-items:center; -webkit-justify-content:center; -webkit-align-items:center;  padding-top:50px; box-sizing:border-box;}

.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li:active {outline: none; color:#2E3138}

.ui-selectmenu-menu .ui-menu li.ui-menu-item .ui-menu-item-wrapper.depthOne {padding-left:20px;}
.ui-selectmenu-menu .ui-menu li.ui-menu-item .ui-menu-item-wrapper.depthTwo {padding-left:32px;}

.button .filled .iconBtn .square .home {margin-left: 5px !important;}
.badgeBox .badges {flex-direction:column;}
.badgeBox .badges > img {border-radius:8px; width:36px; height:36px;}
.badgeBox .badges > img:hover{background-color: #000000; opacity: 0.5;}
.badgeBox.noRole .badges > img:hover{background-color: unset; opacity: unset;}
.button.jump {padding: 5px;}

button.homeQuick {flex-direction: row !important;}

.button.homeQuestion.active { border-radius: 4px; border: 1px solid var(--border-border-field-active, #354056); background: var(--button-button-tertiary, #FFF); color: black;}

.tableDataBox.homeQuestion {display: flex;  padding: 3.5px 8px;  gap: 6px; margin-left: -7px;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox ul li .fb_ew span{font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; /* 26px */}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox ul li .fb_ew span::after{height: 100%; margin-left: 10px;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .rightBox ul li .fb_ew span {color: var(--Text-text-main, #2E3138); text-align: right; font-family: "Noto Sans KR", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 130%; /* 26px */}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox,
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .rightBox {width: 48%;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainer.devices .sectionBody .bodyBox .bodyBoxBottom .bodyContent .bottomBox{gap: 5px;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainer.devices .sectionBody .bodyBox .bodyBoxBottom .bodyContent .bottomBox div strong{color: var(--Text-text-main, #2E3138); text-align: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-style: normal; font-weight: 700;line-height: 130%; /* 23.4px */}
.homeTotal {color: var(--Text-text-main, #2E3138); font-family: "Noto Sans KR", sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; /* 16.8px */}
.badgeWrapper.homeService {display: contents;}
.boxTitle.homeService {width: 80px;}
.homeWorkspaceName{display: flex; padding: 8px 12px 8px 20px; align-items: center; gap: 10px; align-self: stretch;}

.pointTable.totalBox{display: flex; gap: 8px !important; color: var(--Text-text-main, #2E3138); font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */}
.pointTable.totalBox em {padding-left: 0px !important;}

.pointHistoryPeriod {color: var(--Text-text-main, #2E3138); font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 140%; /* 22.4px */}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .buttonBox{display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(0, 0, 0, 10%); padding-bottom:16px;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .buttonBox > button > .count{font-size:12px; font-weight:700; margin-left:2px;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .tagBox{display:flex; flex-wrap:wrap; gap:8px;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .tagBox > button {align-items:center; gap:6px;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .tagBox > button.secondary {border: 1px solid #354056;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description {display:flex; flex-direction: column; gap: 24px; width: 100%;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader .title{flex-grow:1;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader{flex-direction: column; padding: 27px 24px 10px 24px !important;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader .headerBox {width: 100%; display: flex; padding-bottom: 27px;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader .title > h2{font-size:20px; font-weight:700; word-break:break-all; color:#111;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody{max-height: calc(100vh - 420px); padding: 10px 20px 10px 24px !important;}
.noticeLayer .modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .highlight{flex-shrink:0; border-radius:50%; width:6px; height:6px; background:rgba(29, 130, 143, 1); display:inline-block;}
/* Home my check */
.myHomecheck .tagBox{display:flex; flex-wrap:wrap; gap:8px;}
.myHomecheck .tagBox > button {align-items:center; gap:6px;}
.myHomecheck .tagBox > button.secondary {border: 1px solid #354056;}
.myHomecheck .highlight{flex-shrink:0; border-radius:50%; width:6px; height:6px; background:rgba(29, 130, 143, 1); display:inline-block;}
.myHomecheck .secondary .highlight{background-color: #61A8B1;}

.cloudserviceLayer.active .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody{max-height: calc(100vh - 260px); }

.iconsBox{gap: 17px !important;}
.iconsBox.badgeBox {display: flex;flex-direction: row;justify-content: flex-start !important;align-items: center;text-align: left;}
.icons{height:36px; width:36px; display: flex; position:relative;} 
.icons > .info.homeTable {display: block;  height:18px;  line-height:18px;  text-align:center;  font-size:11px;  font-weight:bold;  padding:0 4px;  background:#a50034;  border-radius:20px;  color:#fff;  position:absolute;  top:-4px;  right:-16px;} 
.icons > .info.workspaceTable {display: block;  height:18px;  line-height:18px;  text-align:center;  font-size:11px;  font-weight:bold;  padding:0 4px;  background:#a50034;  border-radius:20px;  color:#fff;  position:absolute;  top:-4px;  right:-6px;} 

.button.iconBtn.active {background: #DADDE2;}

.opt.menuGuide input[type=checkbox]:checked+label:before {background: auto !important;}
.relativeBox .button.more.workspace{background: transparent !important;}
.relativeBox .button.more.workspace.open{background: #BEC2CB !important;}

.optionBox.assignPoint {gap: 24px; display: flex;} 

.pointErrorText{ visibility: hidden;}
.pointErrorText.active { visibility: visible; color: #D92D20; padding: 5px 10px; }
.pointErrorInput:focus, 
.pointErrorInput:focus-visible 
 { border: 3px solid #D92D20; box-shadow: none !important;}

.contentBoard.pointsBoard {overflow: hidden !important;}
.contentBoard.pointsBoard .tableBox .tableBoard .tbBody{ overflow: scroll; }

.tableWrap table thead tr th,
.tableWrap table tr th, .tableWrap table tr td{ text-align: left;}
.tableWrap table thead tr th[aria-sort] button{display: flex; align-items: center; justify-content: flex-start;}
.button.profile::before{background: url(../img/icon/ic_profile.svg) no-repeat center;content: "";width: 100%;height: 100%;}

.tableDataBox.homeQuestion > .open::before{content:""; display:inline-block; background:url(../img/icon/ic_open.svg) no-repeat; height:18px; width:18px; background-position:center;}


.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card {min-width: 253px; min-height: 200px; height: auto;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card strong{min-height: 5%;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card .bottomBox {align-items: flex-end;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card .bottomBox .number {max-width: 50%;}
/* .buttonBox.buttonWrap.homeQuestion {display: flex; padding: 3.5px 8px; justify-content: center; align-items: center; gap: 6px; margin-left: -7px;} */

.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .lgccInfo
{position: absolute; right: 1%; bottom: 1%; width: fit-content;}
.filterWrap{top:60px; height: calc(100% - 60px);}

.inputBox.pointBox > span {top: 51px !important; right: 45px !important;}
.inputBox.durationBox > span {position: absolute; top: 9px !important; right: 45px !important;}
.inputBox.pointBox > input,
.inputBox.durationBox > input {padding: 0px 28px 0px 10px;}
.inputBox.pointBox > .textRemove,
.inputBox.durationBox > .textRemove {display: none;}
.inputBox.pointBox input:valid ~ .textRemove {display:block; right: 10px; top: 51px;}
.inputBox.durationBox input:valid ~ .textRemove {display:block; right: 10px;}
.inputBox.durationBox span {font-size: 11pt;}
.inputBox.durationBox span.assignable {font-size: 12px; padding-left: 12px;}
.inputBox.durationBox .durationBottom {display: flex; justify-content:space-between;}
.inputBox.durationBox .durationBottom span{padding: 5px 0px;}
.minusBox{display: flex; padding: 8px; align-items: center; gap: 12px; align-self: stretch; border-radius: 6px; border: 1px solid var(--Border-etc-color-border-noti-normal, #EBEBF0); background: var(--Background-noti-color-bg-noti, #F5F6FA);}
.minusBox.confirm{margin-top:20px; font-size: 14px; align-items: flex-start;}
.licenseInfoBox .minusBox.lgccbiz{align-items: flex-start;}
.licenseInfoBox .minusBox.lgccbiz .licenseInfo{display: flex; flex-direction: column; align-items: flex-start; font-size: 14px;}
.licenseInfoBox .minusBox.lgccbiz .licenseInfo dl{gap:16px}
.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .dlBox .minusBox dl{gap: 16px; align-items: flex-start; flex-direction: row;}
.minusBox .infofill{width: 28px;    height: 28px;    display: flex;  background-color: #EBEBF0; border-radius: 6px; justify-content: center;  align-content: center; flex-wrap: wrap;}
.minusBox .infofill::before{display: flex; width:20px; height:20px; content:''; background:url(../img/icon/ic_info_fill_dark.svg) no-repeat center;}
.attachedFiles {gap: 10px; display: flex; flex-direction: column;}
.attachedFiles .bgGrey,
.keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd .bgGrey,
.multiModal .resetHwPop .resetHwInfoBox > .bgGrey {
    border-radius: 6px;
    border: 1px solid var(--secondary-15, #E8EBF0);
    background: var(--secondary-10, #F5F6FA);
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.multiModal.active.sessionExpired {z-index: 1000;}
.keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd .bgGrey{
    max-width: 600px;
}
.attachedFiles > span {line-height: 23px; min-height: 30px; font-size: 16px; color: #555;font-weight: 500;}
.attachedFiles .buttonWrap .button {
    width: 100%;
}
.attachedFileBigBox {
    display: flex;
    gap: 3px;
    flex-direction: column;
}
.attachedFileBox.attactheadFileBoxEdit {
    display: flex;
    min-height: 65px;
    padding: 12px 24px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--Border-border-button-secondary, #DADDE2);
    background: var(--Button-button-tertiary, #FFF);
 }
.attachedFileBox.attactheadFileBoxEdit .fileInfo {
    width: 100%;
}
.attachedFileBox.attactheadFileBoxEdit .fileInfo .fileName {
    color: var(--text-02, var(--Text-text-main, #2E3138));
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
}
.attachedFileBox.attactheadFileBoxEdit .fileInfo .fileSize {
    color: var(--text-03, 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 */
}
.attachedFileBox.attactheadFileBoxEdit .fileDelete {    width: fit-content;}
.paddingZero {    padding: 0 !important;}
.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .downloadFileBox:hover{border-radius: 4px !important; background: var(--secondary-20, #DADDE2) !important;}
.questionListTable{max-height: 400px; overflow: scroll;}
.bgGrey span {word-break: break-word;}
.jsmartable-subtable .jsmartable-subrow .jsmartable-subcol:first-child {
    color: var(--secondary-60, #697387);
    font-family: "Noto Sans KR", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; 
}
.horizontal_separator{display: flex; align-items: center; height: 1px; width: 100%; background: #000; opacity: 0.1;}

.textWrap.fb_y.responsiveBizName {margin-left:0px !important;}
.createdAppView.viewPopup .head h2,
.mbBodyContents > .head {font-size:13pt !important}
.mbBodyContents > .head.requestInfo {padding-bottom: 25px;}
.mbBodyContents > .head.requestInfo > strong {margin-left: 20px;}

.modalBox .mbBody .mbBodyContents .article .dlBoxGroup h3 {margin:0;}
.modalBox .mbBody .mbBodyContents .article .deleteAccount {word-break: break-all;}
.modalBox .mbBody .mbBodyContents .article .deleteAccount.left {text-align: left;}

.mbBodyContents > .head.requestInfo.webos {width: calc(100% - 40px); margin:auto;}

.toolBox.custom {height: 100%; display:flex; flex-direction: row;}
.toolBox.custom > .custom.divider{
    border-left: 1px solid #DADDE2;
    width: 1px;
    height: 100%;
    padding-right: 10px;
    margin-left: 10px
}
.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox {height: 480px;}
.toolBox.custom .importableMsg {padding: 5px 10px 0 0; }
.button.outlined.iconBtn.circular.add.large {pointer-events: none;}
.gnbDivider{
    width: 1px;
    height: 28px;
    border-left: 1px solid var(--neutral-100-black, #bbbbbb);
}
.infoFooter button a.pageLink {height: 100%;}
.infoFooter button a.pageLink img {width:100%; filter:brightness(0);}

.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance {justify-content: flex-start;display: flex;padding: 40px 0px;flex-direction: column;align-items: center;gap: 40px;align-self: stretch;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContentBox {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContentBox .proCentricLink {background-color: #EEF5FF;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContentBox .proCentricLink .proCentricThumb:first-child::before {background: url(../img/common/ic-connected-care.svg) no-repeat;background-size: contain;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 {display: flex;flex-direction: column;align-items: center;gap: 96px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents {display: flex;width: 1200px;align-items: center;gap: 64px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents img.image {width: 480px;height: 480px;flex-shrink: 0;border-radius: 28.444px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text {display: flex;flex-direction: column;align-items: flex-start;gap: 32px;flex: 1 0 0;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text div.title {color: var(--Text-text-main, #2E3138);font-family: "Noto Sans KR", sans-serif; font-size: 28px;font-style: normal;font-weight: 500;line-height: 140%; font-family: 'Noto Sans KR', sans-serif;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text div.description {color: var(--Text-text-sub, #555);font-family: "Noto Sans KR", sans-serif; font-size: 18px;font-style: normal;font-weight: 400;line-height: 140%; font-family: 'Noto Sans KR', sans-serif;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .sectionHead {padding: 0px 0px 20px 0px; display: flex; justify-content: space-between; align-items: center;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .sectionHead strong {font-size: 18px; font-weight: 700; color: #111111}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileDetailBox .mbBody {padding-bottom: 40px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileDetailBox .mbBody .mbBodyContents {width: 820px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting dl dd {font-size: 16px; font-weight: 400; color: #333; width: 100%; min-height: 36px; height: auto; display: flex; align-items: center; gap: 12px; padding-left: 0px !important; word-break: break-all;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .dlBox {align-items: flex-start; display: flex; flex-direction: column; gap: 16px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .dlBox dl {display: flex; align-items: center; gap: 0 48px; margin: 0px !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .dlBox dl dt{font-size: 16px; font-weight: 500; color: #333; min-height: 36px; height: auto; word-wrap: break-word; min-width: 290px; display: flex; align-items: center;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body > ul {align-items: flex-start; display: flex; flex-direction: column;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal {margin-top: 0px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li.playURL {align-items: flex-start;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li.playURL dd.urlDD {flex-direction: column; align-items: flex-start !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li::before {display: none;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap table {table-layout: fixed !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap tbody tr td dl {gap: 0 26px !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap tbody tr td dl dt {min-width: 100px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap tbody tr td dl dd {min-width: 100px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap tbody tr td .fb_x {gap: 0px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap tbody tr td dl dt::after {height: 18px; top: 10px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .body dl {display: flex; align-items: flex-start; gap: 0 48px; margin: 0px !important; width: 100%;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .subBody {padding: 0px !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .subBody ul li.proxyServer {align-items: flex-start;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .subBody ul li.proxyServer .proxy dl dt {font-size: 12px; font-weight: normal; color: #383838;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .profileNamePop .settingVal .subBody ul li.proxyServer .proxy dl dd {font-size: 12px; font-weight: normal; color: #383838;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body dl dt{font-size: 16px; font-weight: 500; color: #333; min-height: 36px; height: auto; word-wrap: break-word; min-width: 290px; display: flex; align-items: center;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body dl dd .tableWrap{width: 100%;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body .subBody dl {flex-wrap: nowrap; gap: 0 10px !important;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body .subBody dl dt{font-size: 16px; font-weight: 500; color: #333; min-height: 36px; height: auto; word-wrap: break-word; display: flex; align-items: center; min-width: fit-content;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .body .subBody dl dd {padding-left: 10px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .notAssignedContentBox {padding: 20px; text-align: center; font-size: 15px;}
.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .notAssignedContentBox .assignProfile {padding: 20px;}
.homePage .container .body .contents.homeContainer {height: calc(100vh - 144px); overflow: scroll;}

.profileIcon{width:18px; height: 18px; background: url(../img/icon/ic_device.svg) no-repeat;height: 18px;width: 18px; background-size: contain; margin: 2px 3px; }
.infoIcon{width:18px; height: 18px; background: url(../img/icon/ic_info.svg) no-repeat;height: 18px;width: 18px; background-size: contain; margin: 2px 3px; }
.button.homeQuick {min-width: unset;}
.batchBox,
.buttonBox.buttonWrap.homeQuestion {gap: 8px; display:flex; flex-direction: row; flex-wrap: wrap;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card {padding: 20px;}
.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card .bottomBox .thumb {border-radius: 18.75px;background: var(--neutral-10-white, #FFF);box-shadow: -6.25px 6.25px 18.75px 0px rgba(144, 150, 161, 0.13);}
.siteCard-error {border-radius: 10px;border: 1px solid var(--secondary-20, #DADDE2);background: linear-gradient(180deg, rgba(254, 228, 226, 0.00) 50%, rgba(254, 228, 226, 0.26) 100%);}
.siteCard-info {border-radius: 10px;border: 1px solid var(--secondary-20, #DADDE2);background: linear-gradient(180deg, rgba(221, 235, 255, 0.00) 50%, rgba(221, 235, 255, 0.26) 100%);}
.container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card .cardBody .left .thumb {border-radius: 15px;background: var(--neutral-10-white, #FFF);box-shadow: -5px 5px 15px 0px rgba(144, 150, 161, 0.13);}
.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox > a {margin-bottom: 12px;}

.checkSelectWrap {flex-direction: row; position: relative; display: flex; top: unset; gap: unset; flex-wrap: unset;}
.checkSelectWrap .tools {    width: unset;}
.checkSelectWrap .button.closeDark:hover:before {width: 24px; height: 24px;}


.popupSso .modalBox .mbBody .mbBodyContents {max-height: unset !important;}
.webOSApps.tableWrap {overflow:scroll;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoHeader > .description .secondary .highlight{background: #61A8B1 ;}

button.accessHistory {margin-left: 10px !important;}
.button.iconDownload::before{background: url(/img/icon/ic_download.svg) no-repeat 50%; opacity: 1;}
.button.iconDownload.licHistoryDown {padding: 6px;}
.modalBox .buttonWrap button.button.iconDownload{min-width: unset}
.modalBox .mbBody .mbBodyContents .article .viewPopup .phead{font-size: 14px !important; color: #333; font-weight: 500;}
.modalBox .mbBody .mbBodyContents .article .viewPopup .pbody{font-size: 14px !important; font-weight: 400;}
.advInfo .bodyBox{display: flex; flex-direction: column; gap: 14px}
.modalBox .mbBody .mbBodyContents.requestView {max-height:unset !important;}

.button.info::before {background: url(../img/icon/ic_info.svg) no-repeat center; content: ""; width: 100%; height: 100%; filter: unset;}
.button.info {width: 28px; height: 28px;}

/* Addable Devices List */
.modalBox.w840 {width:840px;}
.addableDevicesList .mbBodyContents {min-height: 360px;}
.addableDevicesList .mbBodyContents .serviceList {display: flex; flex-direction: column; gap: 3px; margin: 10px 0px;}
.addableDevicesList .toolBox {display: flex; justify-content: flex-end; align-items: center; gap: 16px;}
.addableDevicesList .tabsContent {display: flex; flex-direction: column; gap: 12px;}
.addableDevicesList .infoBody.membersBody {gap: 24px !important;}
.addableDevicesList .infoBody.membersBody .tabsContent .tableHeader.alignEnd {justify-content: flex-end !important;}

.modalBox .mbBody {padding: 0 24px;}
.modalBox .mbBody.requestLicenseFour {padding: 24px 24px 0 24px}
.modalBox .mbBody.pointsViewAllBody {padding: 0 24px !important;}
.licenseLabel.tags {gap:6px; display: flex; align-items:center}
.licenseLabel.tags .tag{padding: 3.5px 6px; min-width: 90px; text-align:center; border-radius: 4px; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #fff;}
.licenseLabel.tags .tag.licenseType.limited { background-color: #848C9D  !important;}
.licenseLabel.tags .tag.licenseType { background-color: #61A8B1  !important;}
.licenseLabel.tags .tag.serviceType {background-color: #697387  !important; }

span.labelLicense{color: #fff; min-width: 90px; display: flex; padding: 3.5px 6px; justify-content: center; align-items: center; gap: 4px;border-radius: 4px;font-size: 12px !important;font-weight: 500; width: max-content !important; height: fit-content !important;}
span.licenseType.limited{background: var(--Global-primary-m-primary-15, #848C9D) !important;}
span.licenseType{background: var(--Global-primary-m-primary-15, #61A8B1) !important;}
span.serviceType{ background: var(--Global-secondary-m-secondary-20, #697387)  !important;}
.sectionGreyBox .noPropertyLicense::before { width:36px; content: ""; height:36px; background:url(../img/custom/ic_warning.svg)no-repeat;}
span.licenseTable.licenseStatus {word-break: keep-all;}
.emailList .opt label {cursor: unset;}

/*  license help tooltip btn */
.ttBtn.button {font-size: 12px;}

/* start track popup */
.startTrack {width: 240px; display: flex; flex-direction: column; align-items: flex-end; position: absolute; right: 32px; top: 72px; border-radius: 8px; background: var(--Background-popup-color-bg-popup-01, #FFF); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.20); z-index: 10;}
.startTrack > .body {display: flex; padding: 12px 16px; flex-direction: column; align-items: center; gap: 4px; align-self: stretch; }
.startTrack > .body > button {display: flex; width: 208px; height: 60px; padding: 0px 8px; align-items: center; gap: 16px; border: unset;}
.startTrack > .buttonWrap {padding: 0px 16px 16px 16px; width: calc(100% - 32px);}
.startTrack > .buttonWrap > button {width:100%;}

/* device button */
.deviceBoard .bottom .topBox > button,
.deviceBoard .bottom .tableBoard .tbHeader > button {height: 36px !important;}
.checkSelectWrap .tools .selectNum {white-space: nowrap; min-width: unset;}

.button.close:hover, .noticeLayer .button.refresh:hover {background: var(--secondary-20, #dadde2);box-shadow: unset;}
.button.close:active, .noticeLayer .button.refresh:active{background: #BEC2CB}
.noticeLayer .button.refresh{width: 32px; height: 32px; box-shadow: unset;} 

.btnHistory::before {content: ""; margin: 5px; width: 16px; height: 16px; background: url(../img/icon/ic_history.svg) no-repeat; background-size: cover; position: relative; top: 0px; margin: 0 4px 0 0;}

.modalBox .mbBody.informLicenseBody {padding: 0 24px 24px 24px;}

/* license - workspace table in business site page */
#workspacestatus th:nth-child(1) {width: 40%;}
#workspacestatus th:not(:nth-child(1)) {width: 20%}

/* copy icon */
.button.icCopy::before {background: url(../img/icon/ic_copy.svg) no-repeat center; content: ""; width: 100%; height: 100%;}
.keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox div.icCopied::before {background: url(../img/icon/icon_copied.svg) no-repeat center; content: ""; width: 25px; height: 25px;}
.button.icCopy:hover {background: none !important;}

/* request license apportunity no. */
.button > .subtract { height: 100%; display: flex; align-items: center; justify-content: center;}
.button > .subtract::before {content:""; display:inline-block; background:url(../img/icon/ic_subtract.svg) no-repeat center; height:14px; width:14px; filter: invert(100%) brightness(2); background-size:contain; filter: unset;}
.dl.opp .buttonWrap {flex-wrap: unset !important; padding: unset !important;}
.dl.opp .buttonWrap .button {width: 40px !important; height: 40px; min-width: unset; padding: unset;}
.dl.opp .buttonWrap .button > .add::before, .dl.opp .buttonWrap .button > .subtract::before{width: 24px; height: 24px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .subsidiary {display: flex; width: 100%; gap: 12px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .subsidiary.opno .buttonWrap {min-width: 88px; justify-content: flex-end;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.salesAccount dd p {font-size: 13px; margin-right: 12px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.period .licensingDatepick .column_50 .dateBox.edDate {font-size: 13px; height: 37.5px; width: calc(100% - 0px)}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .opportunityNoNext {width: 100%; font-size: 13px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.duration .duration {width: 100%; font-size: 15px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.numofdevice .numOfDevice {width: 100%; font-size: 15px;}
.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.licenseType .bgGrey {width: calc(100% - 24px); font-size: 12px; border-radius: 6px; border: 1px solid var(--secondary-15, #E8EBF0); background: var(--secondary-10, #F5F6FA); display: flex; padding: 8px 12px; flex-direction: column; align-items: flex-start; gap: 10px;
}

.videoCard {height: auto; width: 343.7px; padding: 16px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; border: 1px solid #ddd; background-color: #fff; border-radius: 12px;}

.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole, .userRole {display: flex; flex-direction: column; gap: 8px;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .subTitle, .roleTitle {display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: space-between;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .subTitle span {font-size: 16px; font-weight: 500; line-height: 140%;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .subTitle .subBtn {background: #F5F6FA; padding: 7.5px 14px; font-size: 12px; font-weight: 500; line-height: 110%; border-radius: 4px;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .profile {display: flex; align-items: center; justify-content: space-between;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .profile span {color: #333; font-size: 14px; font-weight: 400; line-height: 140%;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .profile .profileLink {color: #0E66E8; gap: 2px; align-items: center; font-size: 12px; font-weight: 500; line-height: 110%; text-decoration-line: underline; display: flex;} 
.accountLayer .infoBody .userInfoRole .profile .profileBlue{width: 14px; height: 14px; background: url(../img/icon/ic_open_blue.svg) no-repeat center;content: "";}

.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList dd .quickMenu {height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5.333px; background: #F5F6FA;}
.modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.linkList dd .quickMenu > img {height: 21.3px; width:21.3px; }