/* response.css */
@media (max-width:1905px) {
    .detailVeiwBody #slider img {width: 300px; height: 247px;}
    .createdAppView #slider img{width: 300px;height: 200px;margin: 0;border-radius: 20px;}
	.slick-list {max-width: 1000px; }
    .customBody .detailVeiwBody #slider img {width: 280px;height: 223px;}
    .customBody .slick-list {max-width: 900px;}
    .container .body .contents.homeContainer .dcBody .detailView .block {flex-direction:column;}
}

@media (max-width: 1889px) {
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent {height: 94%;}
}

@media (max-width:1800px) {
    .requestView .partnerCenterBox .tableHead {padding: 0px !important;}
    .partnerCenterBox.unapprovedContainer .contentName, .partnerCenterBox.unapprovedContainer .sectionBox{padding: 0px}
    .contents .dcBody .requestView .requestMenu .contentName {padding-bottom: 24px;}
}

@media (max-width:1750px) {
    .customBody .detailVeiwBody #slider img {width: 250px;height: 200px;}
    .customBody .slick-list {max-width: 800px;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap{flex-direction: column; align-items:center }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .licenseVideoCard{width: 100%;} 
.bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .license{width: 100%; } 
.bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox.licenseGuide.only .guideContent .licenseWrap .cardList{width: 100%; }  
    
}

@media (max-width:1600px) {
	.partnerCenterBox .clHeader .tabs > a {width: auto; min-width: 200px;}
    .supportBody .dlBox .dl .dd .downloadFileBox {width: 100%; }
    /* home - platform */
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainer .sectionBody{flex-direction:column;}
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainer .sectionBody .boxOne,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainer .sectionBody .boxTwo {width:100% !important;}
    
    .detailVeiwBody #slider img{width: 240px; height: 160px;}
	.slick-list {max-width: 750px;}
    .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard {
        display: inline-block !important;
        width: 100% !important;
    }

    .partnerCenterBox .Box.design .smallBox .boxCard .cardBody .tagBox{margin: 10px 16px 10px 16px;}
}

@media (max-width:1467px) {
    .wrapPro:not(.homePage) .container .body,
    .wrapPro:not(.homePage)  .container .body.customBody {height: calc(100% - 170px) !important;}
}
@media (max-width: 1360px) {
	.deviceManagementFour .acMenu .tableBoard .jsmartable {height: auto !important;}
    .tools.account{flex-direction: row !important;}
    .tools.account{flex-direction: row !important;}
    
    .customBody .detailVeiwBody #slider img {width: 230px;height: 160px;}
    .customBody .slick-list {max-width: 700px;}
    
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents {width: 100%; flex-direction: column};
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text .title,
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text .description {width:calc(100vw - 190px); gap:20px;}
}

@media (max-width: 1280px) {
    .header {position: relative; z-index: 2;}
    .container .body .contents .dcBody h3 {margin: 0 10px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement {padding: 15px; border: 0;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap {height: auto;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul {border-radius: 12px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li.active::after {display: none;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li:first-child {border-radius: 12px 12px 0 0;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li:last-child {border-radius: 0 0 12px 12px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnLeft .columnBody .listBox {border-radius: 12px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .buttonWrap {margin-left: 0;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .columnBody .listBox {border-radius: 12px;}

    
    .customBody .snb > ul > li:first-child {border-radius: 0;}
    .customBody .snb .accountSublist ul li.subGroupOpen .navFirstItem {border-radius: 0;}
    .customBody .snb .accountSublist ul li .navLastItem {border-radius: 0;}

    .customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody {overflow-y: auto;}
    .customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnLeft .columnBody {overflow-y: auto;}

    .snb.snbDevice .accountSublist.device {height: calc(100% - 130px);}
    
    .gnb ~ .container .dcFooter {margin: 0px;}
    .mobileDivSNB.deviceSNB {width: unset !important;}
    .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card
    {width:20% !important;}
    .container .body .contents .dcHeader .title.member {width: auto; min-width: 125px;}
    .contentBoard.memberBoard .top .left {flex-direction: column}
    .container .body .contents .dcBody .viewBox .snb .resultList{ overflow: unset;}
    .container .body .contents .dcBody .viewBox .snb .sectionBusinessSite{overflow: unset;}
    .quickStartVideoCard { flex-direction: column; align-items: flex-start; }
}
@media (max-width:1200px) {
    .validityIcon {margin-left: 0px !important;}
    .customBody .detailVeiwBody #slider img {width: 180px;height: 140px;}
    .customBody .slick-list {max-width: 600px;}
    .container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName > dl {flex-direction: column; align-items: flex-start;}
}

@media (max-width:1164px) {
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper:nth-child(2)
    {border-left: unset !important; padding-left:0px;}
    
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody {height: fit-content}    

    .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyInfo.act {flex-direction: column;}
}

@media (max-width:1065px) {
	.slick-list {max-width: 500px;}
    .jsmartable-th.tiny {width: 10px !important;}
    .deviceBoard.deviceFour {padding: 16px;}
    .customBody .slick-list {max-width: 500px;}
    .customBody .detailVeiwBody #slider img {width: 240px;height: 180px;}
}

@media (max-width:992px) {
    .container .body {height: auto;}

    .header .tools .region strong {position: absolute !important; width: 1px; height: 1px; overflow: hidden;}
    .header.login .tools {display: flex;}

    .gnb .gnbBox {height: calc(100% - 70px);}
    .gnb .gnbBox .navi a[aria-current="true"]:after, .gnb .gnbBox .navi a[aria-selected="true"]:after {height: 69px;}
    .gnb .menu {height: 70px};
    .gnb .tools {display: block;}
    .gnb .tools .toolBox {padding:10px 0; position:relative;}
    .gnb.active .gnbBox .navi a {height: 69px;}
    .gnb.active .gnbBox .navi a:active:after, .gnb.active .gnbBox .navi a.active:after {height:69px;}
    .gnb.active .tools {display: block; padding: 10px 0;}

    .partnerCenterBox  .snbWrap.selectWrap{display: block; width: 100%;}
    .accountLayer.active {overflow: auto;}
    
    .noticeLayer.active {overflow: auto;}
    .noticeLayer .modalBox .mbBody .mbBodyContents {max-height: max-content;}
    .noticeLayer .modalBox .mbBody .mbBodyContents .notiList {height: auto;}

    .partnerPopup .modalBox .mbBody .mbBodyContents .article .head h3 {margin: 0;}

    .container .body .snb.active {position: fixed !important; top:0px;left:0px}
    .modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .radioDiv{flex-direction:column;}

    .mbBodyContents.createProfilePopup .button.sched    ule{display: block}
    .mbBodyContents.createProfilePopup .scheduleReflowTable{display: none}

    .slick-list {max-width: 500px; width: 100%;}
    
    .gnb.active.home {top:0px;}
    .gnb .menu,
    .gnb .gnbBox .navi a {border: 0px;}
    .gnb .gnbBox .navi a:before {margin: 0 10px 0 10px;}

    .container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv {max-width: unset;}
    
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableBody{height: max-content;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody > .dlBox > dl {flex-direction: column; gap: 12px;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabs.sso {display: none;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .selectWrap.sso {display: block;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader {flex-direction: column;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .buttonBox {flex-direction: column; width: 100%;}
    .modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .totalBox {width: 100%; justify-content: flex-end;}

    .header {position: unset; z-index: unset;}

    .gnb .gnbBox .bannerDiv {margin: unset !important;}

    /* Addable Devices List Popup */
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .dlBox {width: 100%;}
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew {flex-direction: column; gap: 16px;}
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew .buttonBox,
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew .buttonBox > button,
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew .toolBox,
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew .toolBox .formBox {width: 100%;}
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody .tabsContent .fb_ew .toolBox {flex-direction: column-reverse; align-items: flex-end;}
    .modalBox .mbBody.addableDevicesList .mbBodyContents .infoBox .infoBody.membersBody {padding:2px;}

    /* Home */
    .bodyHome .dcBody .detailView .quickStart .guideGroup {flex-direction: column;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent { min-height: unset; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .step3 { height: unset; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList { justify-content: center; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipSlider .slick-slider .slick-list { max-width: unset; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox { width: 100%};
}

@media (max-width:990px) {
    /* TODO: responsiveEnabled와 Sync 필요 */
    .radioDiv.responsive,
    .buttonWrap.responsive{display: grid !important;}
    .buttonWrap.responsive{padding: 0px !important;}
    .fb_dir_y.serverSetting.responsive dl{display:contents !important;}
    .profile-schedule-table.hide {display: none !important;}
    .profile-schedule-table.responsive {display: block !important;}
    .licenseTable.responsive.th{padding: 6px !important;}
    .fb_w.point {justify-content: flex-start !important;}
    .sectionGreyBox .greyHead{flex-direction: column; align-items:flex-start}

    .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox{display: grid; gap: 16px; grid-template-columns: 1fr 1fr;}
    .container .body .contents.homeContainer .dcBody .detailView .sectionBody .section.recommended {
        flex-wrap: wrap;
        justify-content: center;
    }

    .multiModal.active.freetrial section.headerSection {padding-left: 24px; padding-right: 24px; height: 80px; font-size: 24px; line-height: 31px;}
    .multiModal.active.freetrial .bgGray.p {padding: .75rem 24px .75rem 24px; font-size: 16px; line-height: 23px;}
    .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard .thumbnailBox {width: 100%; height: auto; aspect-ratio: 38 / 25;}
    .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard {flex-flow: column; gap: 16px; margin-bottom: 24px;}
    .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .solutionCard dt.title {font-size: 20px;}
    .multiModal.active.freetrial .mbBody.freetrial .mbBodyContents .freetrial-option {flex-direction: column;}
    .mbBody.freetrial .mbBodyContents .freetrial-option .license-counter .counter-wrapper {width: 129px;}
    .multiModal.active.freetrial .buttonWrap.freetrial .button.freetrial {width: 100%;}
    .multiModal.active.freetrial .mbBody.freetrial {padding: 24px 24px 4px 24px; margin-top: 0;}
}

@media (max-width:940px){
    .container .body .contents .dcHeader .title.member{width: 100%;max-width: unset;}
    
    .toolBox.custom {width: 100%;display: flex; flex-direction: column;}
    .toolBox.custom > .custom.divider{
        border-left:unset;
        padding-right:unset;
        margin-left: unset;
        border-top: 1px solid #DADDE2;
        width: 100%;
        height: 1px;
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .toolBox.custom .importableMsg {padding: 0 0 10px 0; }
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent{margin: 36px 0px;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .noLicenseImg{width: 100%;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .noLicenseContent .noLicenseInfo {width: 100%}

    button.catagory{min-width: 24px}
    .container .body .contents .dcHeader .memberHeaderBox {flex-direction: column;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.connectedCareCard .bottomCard{height: unset;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard .bottomCard dl dd{word-break: break-all;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard{min-height: unset; width: auto;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard > .bottomBox dl{flex-wrap: nowrap;}
}

@media (max-width:843px) {
    .container .body .contents .dcHeader.memberHeader{flex-direction:column;}
    
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .authtypeAndBtn {flex-direction: column; align-items: flex-start; gap: 12px;}
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .authtypeAndBtn .buttonBox {width: 100%;}
    .container .body .contents .ssoBoard > .businessName {padding: 16px 16px 24px 16px;}
    .container .body .contents .ssoBoard > .ssoContentBox {padding: 16px;}
    .ssoContentBox .tabBox.ssoUserTable .tabsContent .tableHeader {flex-direction: column; align-items: flex-end;}
    .ssoContentBox .tabBox.ssoUserTable .tabsContent .tableHeader .buttonBox {width: 100%}
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .noSsoImg {height: 192px; width: 280px;}
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo {font-size: 16px; padding: 20px; gap: 16px;}
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .dlBox{font-size: 14px;}
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .description strong{font-size: 12px; }
    .ssoContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .ssoInfo .description ul{font-size: 12px;}

    /* On-Premises license table */
    .licTableHead .tableHeadContent.isOnpremLic {flex-direction: column;}
}
@media (max-width: 770px){
    .licenseMB .divider {height: 2px; width: 100%;}
}
@media (max-width:768px) {
    .header {flex-direction: revert;}
    .header .sta .title {margin-left: 12px;}
    .header.login .tools {justify-content: flex-end;}
    
    .accountBox2 .desc {margin-bottom: 65px;}
    .accountBox2 .solutionContainer {margin-bottom: 65px;}
    .accountBox2.LGsolutionBox .solutionContainer {margin-bottom: 30px;}

    .accountWrap {height: auto;};
    .accountWrap .accountBox {height: revert;}
    .accountWrap .accountBox .desc h2 {font-size: 34px;}
    .accountWrap .accountFooter {display:flex; display:-webkit-flex; justify-content:center;-webkit-justify-content:center;}

    .assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dt {line-height: revert;}
    .assignRoleModal .mbBody .mbBodyContents .article .dlBox .email dt {width: 100% !important;}

    .modalBox.assignRole .mbBody.step1 .mbBodyContents .article .dlBox dl dt {width: 100%;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd .textRemove { width: 17px;}

    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd button.switch {width: 54px;}
    
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd button.license {width: auto;}

    /* calendar component - bootstrap */
    .dateBox .ui-datepicker-trigger{margin-left: 0px;}
    .modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row.no-gutters{flex-direction: unset;}
    .pointsHistoryPopup .pointHistory .historyBox .body .dateBox .column_50 .dateBox{width: auto;}
    .licenseIssue .dropdown-menu.dropdown-menu-right{transform:translate3d(-275px, 20px, 0px)}
    .combo.home{max-width: unset !important;}
    .filterWrap{top:80px; height: calc(100% - 84px);}
    .container .body .contents .dcHeader .title .titleTools{text-align: right;padding-left: 16px}
    .container .body .contents .dcHeader .title .titleTools dl dd,
    .container .body .contents .dcHeader .title .titleTools dl dt{flex-direction: column;}
    .requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .button.iconDownload {width: unset !important;}
    .deviceMainTable .jsmartable-subcol > .button,
    .profileMainTable .jsmartable-subcol > .button,
    .licenseMainTable .jsmartable-subcol > .button,
    .memberListTable .jsmartable-subcol > .button {height: 31px !important; padding: unset;}
    .checkSelectWrap .tools .buttonWrap {width: calc(100% + 19px);}
    .checkSelectWrap .tools .buttonWrap {width: calc(100% - 22px);}
    
    .createdAppView .slick-list {max-width: 500px;}
    .createdAppView #slider img{width: 240px;height: 170px;}
    .modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .dlBox dl dd > .dateBox {width: unset;}

    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContentBox {flex-direction: column;}
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents img.image {width: 230px;height: 256px;}
    .batchBox, .buttonBox.buttonWrap.homeQuestion{flex-direction: column; width: 100%}
    .bottomCardDetails>.row>.rowInnerWrapper{flex-direction:column; align-items: flex-start;}
    .bottomCardDetails > .row > .rowInnerWrapper > div.divider{display: none;}
    .partnerCenterBox .Box.design .smallBox .boxCardWrap .cardFooter .left{align-items: flex-start;}
    .partnerCenterBox .Box.design .smallBox .boxCard .cardBody .descriptionBox{margin: 12px 16px 0 16px;}
    .partnerCenterBox .design .smallBox .boxCard .cardBody .res{margin: 10px 16px;}

    .sectionGreyBox .greyHead .greyTools{flex-direction: column;}

    /* Chatbot */
    .chatBot{bottom:20px; right:24px; bottom:15px;right:24px; align-items: flex-end;}
    .chatBot .cb_icon{width:48px;height:48px;}
    .chatBot .cb_icon::before{width:22px;height:22px}
    .chatBot .cb_text::after{bottom: 33px; right: 85px;}
    .chatBot span{max-width: 150px;}

    /* request - key management */
    .container .body .contents .ssoBoard > .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl {flex-direction: column; gap: 12px;}
    .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyResetBody .button {width: 100%}
    .container .body .contents .ssoBoard > .keyMgmtContentBox {padding: 16px;}
    .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyResetBody {gap: 12px;}
    
    .container .body .contents .dcBody .viewBox .contentBoard.lmBoard .greyBody .tableBoard .tbHeader > div > .toolBox{flex-direction: row;}
    .container .body .contents .dcBody .viewBox .contentBoard.lmBoard .greyBody .tableBoard .tbHeader > div > .toolBox > *{width: auto;}
    .checkSelectWrap .tools{gap:10px}

    .modalBox.requstApprovalStepOne .mbBody .mbBodyContents.licensingPopupTwo {padding: unset;}

    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .subsidiary .buttonWrap {flex-direction: row !important; width: auto !important;}
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl.opp dd .subsidiary .buttonWrap > button {margin-bottom: unset;}
    .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > .checkSelectWrap{flex-direction: row;}
}

@media (max-width:764px) {
    .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox {padding: 32px 16px 0 16px;}
    .container .body .contents.homeContainer .dcBody .detailView {gap: 54px;}
    .container .body .contents.homeContainer.noRole .dcBody .detailView .greetBox .greetBoxDiv .textBox {font-size: 20px; text-align: center;}
    .startNowOne.modalBox .mbBody .mbBodyContents .article .dlBox dl dt {flex-direction: column;}
    .header .sta .title h1 { width: 163px !important; }
}

@media (max-width:670px) {
    .accountManagement .contents .dcBody .detailView .acMenu .acHeader .tools .inputWrap {width: 100%;}

    .button {min-width: auto; height: auto; white-space: normal; font-size:14px; padding: 8px 10px}
    .checkSelectWrap .tools .buttonWrap button{min-width: auto; height: auto; white-space: normal; font-size:12px; padding: 8px 10px}
    .deviceBoard .bottom .topBox > button, .deviceBoard .bottom .tableBoard .tbHeader > button{height: auto !important;}
    .noticeLayer .buttonBox .button {width: unset !important;}
    .buttonBox .button {width: 100%; white-space: normal; height: fit-content; padding: 3.5px 8px; min-height: 33px;}
	.buttonGroup {width: 100%;}
	.buttonGroup .button {width: 100%;}

    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .buttonWrap {margin-bottom: 10px; height: auto;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnHeader .tools {display: block; height: auto;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnHeader .tools .total {text-align: right; margin-top: 20px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnHeader .tools .selected {text-align: right; margin-top: 20px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .buttonWrap .buttonBox .button {margin-bottom: 10px;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .buttonWrap .buttonBox .button:last-child {margin-bottom: 0;}

    .slick-list {max-width: 250px; width: 100%;}
    .licensedCloud .slick-list {max-width: 400px; width: 100%;}
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-list{max-width: 100%;}
    .companyName {margin-left: 0px !important;}
    .contentPartneCompanyInfo .thumbBox {position:relative !important; margin:0px !important;}
    .compDetails {padding: 0px !important;}
    .accountManagement .contents .dcBody .detailView .acMenu .acHeader .tools {margin: 0 8px 20px 8px;}
    .tools.account{flex-direction: column !important;}

    .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileDelete{padding-right: 0px;}
    .registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileSize{width: revert;}
     
    /* calendar component - bootstrap */
    .columnWrap.licenseIssue{flex-direction: column; align-items:unset; -webkit-align-items:unset}

    /* Home - platform */
    .autoplay
    {position: fixed; right: 3px; width: 153px; height: 237px; top: 172px;}

    /* .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxOne .boxBody, */
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxOne .boxBody .cardBox .cardHeader .batchBox
    {display: unset !important;}
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card{min-width: 200px;}
    .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card{min-width: 200px;}
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.setting .dlBox dl dt{min-width: 200px;}
    .block.tableSection .inputWrap .searchWorkspace{min-width: 200px;}
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.info .network .dlBoxDiv dl{display: flex; flex-direction: column; align-items:flex-start}
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.info .network .dlBoxDiv dl dd{padding:0 0 0 15px; word-break: break-all; width: auto}
    .multiModal .mbBody .mbBodyContents.userSearchPopup .userSearch.box .formBox{display: flex; flex-direction: column; align-items: stretch;}
    .licensedCloud #slider{padding:0px}

    .combo.home
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card,
    .homePage .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxOne .boxBody .card,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxOne .boxBody .cardBox,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .rightBox,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox ul li .fb_ew span
    {width: 100% !important; }
    
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox ul li .fb_ew span 
    {text-align: end;}
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo.statusContainer .sectionBody .boxTwo .boxBody .leftBox ul li .fb_ew,
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne.myCheck .sectionBody .boxTwo .boxHeader
    {display: flex; flex-direction: column; justify-content: space-between;}

    .container .body .contents.homeContainer .dcBody .detailView .greetBox
    {margin-bottom: 0px}
    .container .body .contents.homeContainer .dcBody .detailView .sectionContainer
    {margin-top:0px;}

    /* Home - business */
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper:nth-child(1),
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper:nth-child(2)
    {display: block;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox    
    {width: 100%;flex-wrap: wrap;display: flex;flex-direction: row;justify-content: flex-start;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges
    {flex-direction: column; width: min-content;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > h5
    {margin-bottom: 10px;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox
    {display:block;}
    .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody
    {display: flex;flex-wrap: wrap;gap: 14px;flex-direction: column;}
    .container .body .contents.homeContainer .dcBody .detailView .block.businessStatus .businessBody .card
    {width:100% !important;}
    .container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox
    {flex-direction: row;}
    .container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox strong
    {width:fit-content;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card 
    {display:block !important;}

    /* Home - Property */
    .doughnutChart.textWrapper
    {top: calc(50% - 28px) !important;}
    .doughnutChart.title
    {font-size: 16px !important;}
    .doughnutChart.content 
    {font-size: 28px !important;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chartInfo {padding-bottom: 20px;}

    /* Device */
    .deviceBoard .deviceFirstBox,
    .deviceBoard .deviceSecondBox,
    .deviceBoard .deviceThirdBox {text-align: center;}
    .deviceBoard.deviceFour .top .left .contentPath dl dt::after{background: unset !important;}
    .deviceBoard.deviceFour .top .left .contentPath dl dd {display: none;}
    .deviceBoard.deviceFour .top .left {width: 100%;}
    .deviceBoard.deviceFour .top .left .contentPath dl dt {word-break: break-all;}
    .mobileDivSNB.fb_e .button.circle.catagory.accountManagement {background: unset !important;}
    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox,
    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox .formBox,
    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox .buttonDiv {width: 100%;}
    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox .sheparator {width: 100%; height: 1px;}
    .buttonBox.buttonWrap.deviceList {display: none !important;}

    .createdAppView .slick-list {max-width: 400px;}
    .createdAppView #slider img{width: 400px; height: 230px;}
    .container .body .contents .dcHeader .memberHeaderBox .buttonBox{flex-direction: column;}
    .partnerCenterBox .tools > .inputWrap {margin: 0px !important;}

    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox {justify-content: center;}
    .deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox #deviceListInfo {width: 28px !important;}

    .viewExpiredLicenseBody .tableHead {gap: 20px; flex-direction: column;} 
    .viewExpiredLicenseBody .toolBox {gap: 8px; flex-direction: column-reverse; align-items: flex-end;}
    .viewExpiredLicenseBody .toolBox > .btnFilter {width: 100%;}
    .iconsBox.badgeBox{flex-wrap:wrap}
    .container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(1) .tbHeader > div .toolBox > .totalBox{flex-direction: row;}

    .container .body .contents .dcBody .requestView .partnerCenterBox .tableHead.licTableHead {flex-direction: column;}
    .contents .dcBody .requestView .requestMenu .buttonWrap {padding: unset !important;}
    .contents .dcBody .requestView .requestMenu .buttonWrap button{white-space: pre-line; height: 60px; width: 100%;}
    .contents .dcBody .requestView .requestMenu .tableHead{flex-direction: column !important;}
    .contents .dcBody .requestView .requestMenu .tableHead .tableName{text-align: start;}
    .contents .dcBody .requestView .requestMenu .tableHead .tableHeadContent{flex-direction: column-reverse !important;}
    .contents .dcBody .requestView .requestMenu .tableHead .tableHeadContent .tools{align-items: flex-end;}
    .container .body .contents .dcBody .requestView .partnerCenterBox .licenseTable {padding: unset !important;}
    .tableWrap table tr th, .tableWrap table tr td {padding: 0px 11px !important}

    .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description .userInfoRole > .profile {flex-direction: column; align-items: flex-start;}
    .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.supportBtns dd .articleBtns {flex-direction: column;}
    .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.homeAndPlan {flex-direction: column;}
    .modalBox.common .mbBody .mbBodyContents .infoBox > .infoBody > .description dl.homeAndPlan dd {width: 100%}
    .bodyHome .dcBody .detailView .quickStart .titleBox { flex-wrap: wrap; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard {width: 180px; height: 204px; padding: 16px 10px;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .topCard span {font-size: 20px;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl dt {font-size: 14px;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .license.step2 .serviceCard .bottomCard dl dd {font-size: 15px;}

}

@media (max-width: 576px) {
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top {flex-direction: column; gap: 12px;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top > span {width: 100%;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top > .toolBox {width: 100%;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top > .toolBox > button {width: 100%;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud .top > .toolBox > .selectWrap {display: flex;}
    .accountManagement .contents .dcBody .detailView .acMenu .headerTopacM button {height: 28px; width: calc(100% - 20px); margin: 10px;}
    .accountManagement .contents .dcBody .detailView .acMenu .headerTopacM .tableHead {margin: 0 10px 10px; text-align: right;}

    .assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dd button {width: 100%;}
    
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item {display: block;}
    .container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .tools button {margin: 0 0 0 10px;}
    .container .body .snb .snbHeader {height: 56px;}
    
    .customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .tools {display: flex; align-items: center; justify-content: flex-end;}
    
    .licenseBox {margin-bottom: 0;}
    .licenseBox .statusWrap {margin: 0;}
    .licenseBox .statusWrap dl:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
    .licenseBox .statusWrap dl dt {word-break: break-word; text-align: left; width: 65%;}
    .licenseBox .statusWrap dl dd {word-break: break-word; text-align: left; width: 35%; display: flex; flex-direction: column;}
    
    .modalBox .buttonWrap button {margin: 0; width: 100%; margin-bottom: 10px;}
    .modalBox.assignRoleModal .mbBody {padding: 30px 20px 20px 20px;}
    .modalBox.assignRoleModal .mbBody.step1 {padding: 14px 20px 40px 20px;}

    .licenseBox .statusWrap dl dd strong {margin: 0 6px 0 0}
    .jsmartable-subtable.table td.jsmartable-subcol.item {padding: 4px !important;}
    .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol.blockKey:first-child {padding: 0px !important;}
    .jsmartable-th {max-width: 80px !important;}
    
    .dcFooter {padding: 8px;}
    .modalBox .buttonWrap {gap: 0px;}
    .popupLicense.webOSApp.webOSThreePopup .mbBody .mbBodyContents .article .dlBox dl dt.domain {flex-direction: column; padding-right: 0px;}

    .lmBoard .toolBox .mobileTabSelectBox {width: 100%;}
    .greyBody > .row{flex-direction: column; align-items: flex-start;}
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd.column .nlss{flex-direction: column;}
    .popupLicense .modalBox .mbBody .licensingPopupTwo .article .dlBoxGroup .dlBox .dl.nda .nlss input{width: 100%;}

    .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody .sectionHeader{flex-direction: column;}

    .myHomecheck .cardBox.pointerCursor.noti .cardHeader{flex-direction: column;}
    .myHomecheck .checkNotiSlider .slider .slick-slider .slick-list{margin: 0px 20px}
    .myHomecheck .cardBox.pointerCursor.noti{ max-width: 240px; min-width: 240px;}
}

@media (max-width: 552px) {
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard { max-width: 90%; min-width: unset; height: 100%;} 
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent { padding: 20px 14px; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .step3 { padding-top: unset; }
}

@media (max-width:489px) {
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody.licenseInfoNew .dropBoxContainer {position: relative; top: auto; right: unset;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody.licenseInfoNew .dropBoxContainer .fb_w {width: 100%; right: 0px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody.licenseInfoNew .dropBoxContainer .fb_w > .ui-selectmenu-button {width: 100%;}
    .dt.spaceBetween {flex-direction: column;}
    .dt.spaceBetween > label, .dt.spaceBetween > div.optBox {width: 100%}
    .modalBox.guidePopup .mbBody .mbBodyContents .assignableLicenseBox{padding: 16px 8px}
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-list{width: 100%;}
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard { width: 220px; padding: 12px 20px;}
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .topCard span {font-size: 22px; }
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl dt { font-size: 16px; }
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-slide .serviceCard .bottomCard dl dd { font-size: 18px; }    

    .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard{ width: 250px; padding: 12px 20px; height: auto;}
    .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .topCard span {font-size: 22px; }
    .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl dt { font-size: 16px; }
    .multiModal .mbBody .mbBodyContents.informLicensePopup .assignableLicenseBox .serviceCard .bottomCard dl dd { font-size: 18px; }    
    
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-prev, 
    .modalBox.guidePopup .mbBody .mbBodyContents.licenseGuidePopupContents .assignableLicenseBox .slick-next{top:100% !important}
    .licenseHelp .helpTooltip {width: 244px; min-width: 244px;}

}

@media (max-width:480px) {
    .customInputBox button.textRemove {margin: 0 !important;}
    .dateBox.filter {flex-direction: column;}
    .dateBox.filter .column_50 {width: 100%;}
    .dateBox.filter .tilt {display: none;}
    .dateBox.filter .column_50.stDate .dropdown-menu, .dateBox.filter .column_50.edDate .dropdown-menu {right: unset !important; left: -50px !important;}

    .header .tools .region strong {display: none;}
    .header .tools .user strong {display: none;}

    .accountBox2 .desc h2 {margin-bottom: 18px !important;}
    
    .filterWrap .filterBody {height: calc(100% - 240px) !important;}

    .container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imagePreviousWrap{left: -18px;}
    .container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imageNextWrap{right: -18px;}


    .partnerCenterBox .tableHead {flex-direction: column-reverse;}
    .partnerCenterBox .tableHead .totalBox {width: 100%;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd button.license {width: 100%;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd .inputBox .textRemove.user {right: 10px;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd button.download {width:20px !important;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd button.download::before {max-width:15px;max-height:15px; }

    .createdAppView .slick-list {max-width: 200px;}
    .createdAppView #slider img{width: 200px;height: 150px;}
    .responsiveTitle, 
    .responsiveBizName {display:grid !important;}
    .responsiveTitle span, 
    .responsiveBizName strong {margin: 10px 0 0 0 !important; padding: 0px !important; border: 0px !important;}
    .button.medium.newBtn {padding: 5px 10px !important; margin: 0 0 10px 0 !important;}
    
    .modalBox .mbBody.responsiveMbBody{padding: 20px 0 0 0 !important;}
    .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol[aria-sort] button {padding: 0px !important;}

    .responsiveThumbBoxBody {flex-direction:column !important;}
    .accountManagementTableTwo {margin: 0px !important}
    .thumb.tableIcon {height:40px !important; width:40px !important; border-radius:4px !important; margin:1px !important;}
    
    .donutChart.custom canvas {width: 180px !important;height: 180px !important;}
    .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv {width: 100%;}
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr > td:nth-child(1)
    {background: unset !important;}
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr:nth-child(1) > td,
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr:nth-child(3) > td,
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr:nth-child(5) > td,
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tbody > tr:nth-child(7) > td
    {background: #F5F6FA !important;}
    .normal{display: none;}
    .transition{display: block;}  
    .deviceBoard.deviceFour .top .left {background: unset;}
    .noItem.device td {padding: 15px;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .dlBox {gap: 15px 0 !important;}
    .partnerCenterBox .tools > .inputWrap.approval{margin: 0px}
    .mbBodyContents > .head.requestInfo {margin:auto;padding:auto; word-break: break-word; display: flex; flex-direction: column;}
    .mbBodyContents > .head.requestInfo > strong {margin-left: 0px;}    
    .contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advancedContentBox2 .contents div.text .description {width:calc(100vw - 90px); gap:20px;}
    .container .body .contents .dcHeader .memberHeaderBox{flex-direction: column-reverse;}
    .scheduleOnOff.fb_e {flex-direction: column !important;}
    .inputWrap.deviceProfile {width: 100% !important;}
    .connectedCare .tableBoard .tbHeader {flex-direction: column !important;}
    .tableBoard .tbHeader .toolBox .totalBox {display: flex;}

    .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .acsHistory{display: flex; flex-direction: column; align-items:flex-start;}
    .container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .acsHistory .button.accessHistory{margin-left: 0px !important;}
    .bottomCardDetails > .row > .rowInnerWrapper > div{flex-direction: column; align-items: flex-start;}

    .licTableHead .tableHeadContent .tableManageBox {flex-direction: column-reverse; gap: 16px;}
    .tools.appsTools > .funcBtns {width: 100%;}
    .tools.appsTools > .funcBtns > .button {width: calc(100%); margin: 0 !important;}
    .popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .inputWithRemoveBtn .checkInput{width: 100%;}
    .customInputBox input {border-bottom: 1px solid #DADDE2;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox{display: flex; flex-direction: column;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges img{width: 64px !important; height: 64px !important;}
    .container .body .contents.homeContainer .dcBody .detailView .block > .section.myInfo > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges a{width: 64px !important; height: 64px !important;}
}
@media (max-width:400px) {
    .approvedIcon, .rejectedIcon, .closedIcon, .waitIcon{width: unset;}
    .licensedCloud #slider .topCard{width: 200px; word-break: break-word;}
    span.labelLicense{min-width: unset;}
    .greyBody > .row{width: unset;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.selected{padding: 10px 18px}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.selected .topCard span::before{width: 7px !important; height: 7px !important;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard > .topBox .tags{flex-direction: column; align-items: flex-start;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard > .bottomBox dl{flex-direction: column;align-items: flex-start;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard .bottomCard dl dt{font-size: 16px; text-align: left;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard .bottomCard dl dd{font-size: 18px; text-align: right;}
    .sectionGreyBox .greyBody, .sectionGreyBox .greyBody{padding: 10px}
    .container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > .totalBox{flex-direction: column; align-items:flex-end}
    .container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > div .toolBox{width:100%}
    .formBox .inputWrap .searchWorkspace{min-width: 200px}
    .checkSelectWrap .tools{flex-direction: column; align-items: flex-start;}
    .popupLicense.creatingBusinessSiteFour.approvalLicense .modalBox .mbBody .mbBodyContents .article .dlBox dl{width: 100%;}
    .mobileDivSNB strong{max-width: unset;}
    .partnerCenterBox .tableHead .inputWrap .searchWebos{width: 100%;}
    .optionBox.assignPoint{flex-direction: column;}
    .iconRightArrow{display: flex;flex-direction: row;align-items:center}
    .iconRightArrow::after{width: 18px; height: 18px; margin-left: 0;}
    .pointsHistoryPopup .tableContainer .head.viewAllHistory{flex-direction: column; align-items: flex-start;}
    .container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .bottomBox .purchaseCard > .bottomBox dl{gap:2px}
    .container .body .contents .dcHeader{flex-direction: column; align-items:flex-start}
    .startNowThree.modalBox .mbBody .mbBodyContents .article .dlBox dl{flex-direction: column;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl dd.gap12{flex-direction: column;}
    .modalBox .mbBody .mbBodyContents .article .dlBox dl.salesAccount dd .inputBox{flex-direction: column;}
    .keyMgmtContentBox .cntBody .cntBodyContents .infoBox .infoBody.membersBody .dlBox dl > dd > .keyInfoBody .keyInfo.hw {flex-direction: column;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .guideStep { padding-left: 20px; padding-right: 20px; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard { max-width: unset; width: calc(85%) !important; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .button.goToTip { font-size: 14px; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .thumb { height: 114px; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .businessConfiguration .guideContent .tipCard .quickStartVideoCard .thumbBox { height: unset; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .licenseVideoCard {width: 100%;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .thumbnail {width: 100%;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .thumbnail .thumb {width: 100%;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .licenseVideoCard .quickStartVideoCard {padding-top: unset;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card {width: 100%; display: flex; align-items: flex-end;}
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .logo { left: unset; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox { width: 80%; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .buttonWrap {flex-direction: column; width: 100%; }
    .bodyHome .dcBody .detailView .quickStart .guideGroup .guideBox .guideContent .cardList .card .descriptionBox .buttonWrap .button {width: 100%; }
}


@media (max-width:320px) {
    .filterWrap.active {top: 0px !important;}
    .filterWrap .filterBody {height: calc(100% - 184px) !important;}
    .modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable thead tr th:nth-child(2)   
    {min-width: unset !important;}
}