@charset "utf-8";

/* 1700 ===================================================================== */
@media (max-width:1980px) {
	.partnerCenterBox .Box .smallBox {justify-content: flex-start;}
	.partnerCenterBox .Box .smallBox .boxCardWrap {width: 33.33;}
}
/* 1700 ===================================================================== */
@media (max-width:1812px) {
	.partnerCenterBox .Box .smallBox .boxCard:first-child {margin: 15px 10px;}
	.partnerCenterBox .Box .smallBox .boxCard:last-child {margin: 15px 10px;}
	.partnerCenterBox .Box .smallBox .boxCardWrap {width: 480px;}
}

/* 1750 ===================================================================== */
@media (max-width:1800px){
	.appDetails .contentBox {display: block;}
	.appDetails .contentBox .two {width: calc(100% - 80px); height: auto; padding:28px; margin:40px 40px; display: block;}
	.appDetails .contentBox {display:  block !important;}
	
	/* tabs */
	.container .body .contents .dcBody .requestView .partnerCenterBox .approvalTable{padding:0px;}
	.container .body .contents .dcBody .requestView .partnerCenterBox {padding:32px; gap:24px;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tabMobileView {display:block;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .licenseTable{padding:0px;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .requestApprovalTable{padding:0px;}
.container .body .contents .dcBody .requestView .partnerCenterBox .radioBox{padding:0px 0px; display:flex; align-items:center; gap:24px; flex-wrap:wrap;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tableHead{padding:0px;}
	.partnerCenterBox .tabMobileView {display: block;}
	.partnerCenterBox .clHeader {display: none !important;}
}

@media (max-width:1750px){
}
/* 1700 ===================================================================== */
@media (max-width:1700px) {
	/* partner center  */
	.unapproved .unapprovedBox {position: relative;}
	.partnerCenterBox .service .smallBox .boxCard .cardHead .titleBox h5 {width: 100%;}
	/* license management */
	.licenseBox .statusWrap {justify-content: space-between; width: 100%;}
	.licenseBox .rangeWrap {width:100%;}
}
/* 1600 ===================================================================== */
@media (max-width:1600px) {
	/* home- admin */
	.container .body .contents.homeContainer .dcBody .detailView .block{flex-direction:column;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox{width:unset; flex-grow:1;}
	/* partner center app details */
	.appDetails .contentBox {display: block;}
	.appDetails .contentBox .one {width: calc(100%); height: auto;}
	.detailView .contentList .clHeader .tabs {width: 100%;}
	.supportBody .dlBox {width: 90%; margin: auto;}
	.supportBody .dlBox .dl .dd .content {height: 500px; width: 600px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox {height: auto; width: auto; box-sizing: border-box;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags {height: auto; width: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0; margin: 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag {display: block; margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:first-child {margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:last-child {margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .button {display: none;}
	/* lg solution details */
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo .thumb {overflow: hidden; height: auto;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo .thumb img {width: 300px; height: auto;}
	/* Approval app details */
	.detailView.appDetails .detailVeiwBody .moreBoxInfo {padding: 0 20px 30px 20px; box-sizing: border-box;}
}
/* 1566px ===================================================================== */
@media (max-width:1570px) {
	/* license card new  */
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard {display: none;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardBox .serviceCard.selected {display: flex; padding: 16px 24px;}
.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.proCentricSelect::after,
.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.supersignSelect::after,
.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect::after  {left: 128px;}
}
/* 1566px ===================================================================== */
@media (max-width:1566px) {
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader {height:auto;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup {position:relative; bottom:auto; margin:10px 10px 10px 200px;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwBody {height:calc(100% - 180px);}
	/* app details thumb img */
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img {width:240px;height:146px;}
}
/* 1400px ===================================================================== */
@media (max-width:1421px) {
	.customContentBox.siteManagementContent {width: calc(100% - 40px); margin: 0 20px; padding: 0 !important;}
}
/* 1400px ===================================================================== */
@media (max-width:1400px) {
	/* home */
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter{gap:10px;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .badgeBox{justify-content:flex-end;}
	.xlgSize {display:none;}
	.container .body .contents .itemWrap .itemBox.column02 .item {width:calc(100% - 18px);}
	.container .body .contents .itemWrap .itemBox.column03 .item {width:calc(50% - 18px);}
	.partnerCenterBox .design .smallBox .boxCard {height: auto;}
	.partnerCenterBox .design .smallBox .boxCard .cardBody {height: auto;}
	/* .container .body .contents .contentBox .detailView .VeiwBody .siteManagement {width: 80%; overflow-y: hidden; margin: 50px auto;} */
	.customContentBox {overflow: scroll; margin: 0; padding: 0;}
	.customContentBox .detailView {height: calc(100% - 70px); width: 100%; margin: 0; padding: 0;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnTitle {display: block; position: relative; height: auto;}
	/* partner center */
	.partnerCenterBox .Box .smallBox .boxCard .cardHead {flex-wrap: wrap; position: relative;}
	.partnerCenterBox .Box .smallBox .boxCard .cardHead .button.icMore {position: absolute; top: 0; right: 0;}
	.partnerCenterBox .Box.design .smallBox .boxCard .cardHead .button.icMore {top: 140px; right: 15px;}
	/* function */
	.checkSelectWrap .closeDark {top:10px; right:13px;}
}
/* 13600px ===================================================================== */
@media (max-width:1360px) {
	.customContentBox.siteManagementContent .detailView .VeiwBody {margin: 0 !important;}
	.customContentBox.siteManagementContent .detailView .VeiwBody .siteManagement {width: calc(100% - 60px);}
	.checkSelectWrap.active {padding: 10px 12px;}
	.checkSelectWrap.active .tools {display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
	.container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbBody > .checkSelectWrap{top:-82px;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .checkSelectWrap.active .tools {display: flex; flex-direction: row; align-items: center;}
	.deviceManagementFour .acMenu .tableBoard .tableHead {min-height: 74px;}
	.deviceManagementFour .acMenu .tableBoard .jsmartable {height: calc(100% - 140px);}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContent {max-width: 100%;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContent .cardBox {flex-direction: column; flex-wrap: wrap;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContent .cardBox .thumbBox {display: flex; width: 100%; height: auto; aspect-ratio: 1;}
}
/* 1300px ===================================================================== */
@media (max-width:1346px) {

}
@media (max-width:1335px) {
	/* .deviceManagementFour.propertyList .checkSelectWrap.active {top: 4px;}
	.deviceManagementFour .checkSelectWrap.active {top: 32px;} */
}

/* 1280px ===================================================================== */
@media (max-width:1280px) {
	/* request board */
	.container .body .contents .dcBody .viewBox .contentBoard.requestBoard .hiddenTools{display:flex;}
	.container .body .contents .dcBody .requestView .partnerCenterBox{padding:32px; gap:24px;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .hiddenTools{display:flex;}

	/* approval board */
	.container .body .contents .dcBody .viewBox .approvalBoard > .hiddenTools{display:flex; padding:0 0 16px;}
	/* points board */
	.container .body .contents .dcBody .viewBox .pointsBoard > .hiddenTools{display:flex;}
	/* workspace board */
	.container .body .contents .dcBody .viewBox .contentBoard.wsBoard .hiddenTools{display:flex;}
	/* license board */
	.container .body .contents .dcBody .viewBox .lmBoard > .hiddenTools{display:flex; padding:16px 16px 0;}
	/* member board */
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .hiddenTools{display:flex;}
	/* device */
	.container .body .contents .dcBody .viewBox .contentBoard.deviceContentBoard .hiddenTools{display:flex;}

	.lgSize {display:none;}

	.container .body .contents .contentBox .detailView .VeiwBody .snb .snbHeader {display:flex;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail .titleBox {display:flex;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail {width:100%; margin:30px 0;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail .tableBoard .tbHeader .title {visibility:visible;}

	/* .container .body.rightSideOn .contents {width:calc(100% - 290px);} */
	.container .body .snb {display:none; height:auto !important; position:fixed; top:0px; left:0px; bottom:0; z-index:90; border-radius:0px; box-shadow:0 0px 100px 1000px rgb(0 0 0 / 20%);}
	.container .body .snb.active {display:flex;}
	.container .body .snb.active ~ .viewDetail {pointer-events:none;}
	.container .body .snb .snbHeader {display:flex;}
	.container .body .snb .groupList {height:calc(100% - 230px);}
	.container .body .contents {width:calc(100% - 0px);}
	.container .body .contents .contentHeader {flex-direction:column; align-items:flex-start; height:auto; padding:20px 0;}
	.container .body .contents .contentHeader .title {display:flex;}
	.container .body .contents .dcHeader .title h2 {margin:0 10px;}
	.container .body .contents .contentHeader .breadcrumb {margin:0 46px;}
	.container .body .contents .contentHeader .breadcrumb li {font-size:16px; font-weight:normal; display:unset; white-space:normal;}
	.container .body .contents .contentBody {height:calc(100% - 96px);}
	.container .body .contents .dcBody .dcBodyDetail .menuGroup .menu {width:calc(50% - 0px);}

	.container .body .contents.fullWidth {height:auto; overflow: auto;}
	.container .body .contents.fullWidth .dcBody {height:auto;}
	.container .body .contents .dcBody .dcBodyDetail {flex-direction:column; align-items:flex-start; padding:20px;}
	.container .body .contents .dcBody .dcBodyDetail .detailView {width:calc(100% - 0px);}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox {}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .info {}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup {margin:20px 0 0 80px !important;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwBody {height:calc(100% - 310px);}
	.container .body .contents .dcBody .dcBodyDetail .sideDetail {width:calc(100% - 0px); margin-top:20px;}
	.supportBody .dlBox {width: 100%;}
	.supportBody .dlBox .dl .dd .content {height: 500px; width: 300px;}
	.customBody .contents .dcBody .detailView .requestMenu .snbWrap{display: block; width: calc(100%); margin: auto; margin: 0 0 40px 0;}
	.customBody .contents .dcBody .detailView .requestMenu,.licensingBody .contents .dcBody .detailView .approveMenu{padding: 20px; box-sizing: border-box;}
	.licensingBody .contents .dcBody .detailView .approveMenu .snbWrap{display: block; width: 100%;}
	.container .body .contents .contentBox .detailView .VeiwBody {margin:0 10px;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement {width:calc(100%); padding:10px; margin: 0; box-sizing: border-box;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .smHeader {display:block;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnLeft {width:100%;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight {width:100%; display:none;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .columnHeader {margin:0;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody {height: calc(100% - 160px);}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox {overflow:unset;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item {}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement.detailActive {height: auto;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement.detailActive .smHeader .title button {display:block;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement.detailActive .columnWrap .columnBox.columnLeft {width:100%; display:none;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement.detailActive .columnWrap .columnBox.columnRight {width:100%; display:flex;}
	.customContentBox .detailView{width: 100%; margin: 0 !important; padding: 0 !important;}
	.customContentBox .detailView{height: calc(100% - 30px); width: 100%; margin: auto 0 !important; padding: 0 !important;}
	.customContentBox .detailView .VeiwBody {height: 100% !important; width: 100%; padding: 0 !important; margin: 0 !important;}
	.customContentBox .detailView .VeiwBody .siteManagement {height: 100% !important;}
	.customContentBox .detailView .VeiwBody .siteManagement {height: auto;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody {overflow-y: scroll;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnTitle {display: none;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnLeft .columnBody {overflow-y: scroll;}
	.mobileDivSNB {display: flex; align-items: center; width: calc(100% - 20px);}
	.accountManagement .contents .dcBody .detailView .acMenu {width: calc(100%); min-height: calc(100vh - 180px);}

	/* lg solution details */
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo .thumb {overflow: hidden; height: auto; display: flex; align-items: center; justify-content: center;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo .thumb img {max-width: 240px; height: auto;}

	.container .body .contents .contentBox.solutionDetails {padding: 20px;width: calc(100% - 20px);margin: 0 10px;}
	.customBody .snb .accountSublist ul li.subGroupOpen .navFirstItem {border-radius: 0;}
	
	/* .deviceManagementFour.propertyList .checkSelectWrap.active {top: 4px;} */
	/* device management 3 */
	
	/* .deviceManagementThree .acMenu .deviceManagementMenu {padding: 55px 0;} */
	
	.container .body .contents .dcBody .viewBox .approvalBoard {justify-content: flex-start; padding: 20px;}
}
@media (max-width:1258px) {
	.deviceManagementThree .acMenu .deviceManagementMenu {padding: 0;}
	/* member */
	.container .body .contents .dcHeader.memberHeader .title{width:auto;}
}

/* 1065px ===================================================================== */
@media (max-width:1165px) {
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img:nth-child(3) {display: none;}
	/* dcFooter */
	.container .body.customBody.layoutTwoWrapper {height: calc(100% - 200px);}
	/* home footer */
	.container .body .contents .dcBody .homeView .viewBox .homeBoard.waitingBoard > .cbFooter.fmFooter{gap:100px; padding:24px;}
	/* home admin */
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox{flex-direction:column;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper{width:100%; box-sizing:border-box;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper:nth-child(1){border:none; border-bottom:1px solid #DADDE2; margin:0px; padding:0px; padding-bottom:24px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox{width:100%; align-items:center; gap:12px;}
}

@media (max-width:1065px) {
	/* partner center install uninstall up  */
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer {width: 100%; overflow-y: scroll; flex-direction: column; margin: 0; padding: 0;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .secondBox {width: calc(100%); display: block; margin: 0; padding: 0; height: auto; margin-top: 20px;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .secondBox li .liDiv {height: auto;}
	.LGsolutionBox .solutionContainer {margin-top: auto;}
	/* app details thumb image */
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img:nth-child(3) {display: none;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imagePreviousWrap {height:auto;display: flex;}
	.container .body .contents .dcBody .viewBox .approvalBoard {padding: 16px; box-sizing: border-box;}
	.container .body .contents .dcBody .viewBox .approvalBoard.deviceOne {padding: 60px 16px; height: auto;}
	.container .body .contents .dcBody .viewBox .approvalBoard.deviceOne .mobileDivSNB {position: absolute; left: 16px; top: 16px;}
	.container .body .contents .dcBody .viewBox .approvalBoard.deviceOne .deviceThirdBox .imgContainer {height: 149.612px; width: 233.194px;}
	.deviceBoard .deviceThirdBox .imgContainer div.workspace {top: 75px; width: 144px; height: 33px;}
	.deviceBoard .deviceSecondBox .BusinessSiteName {min-width: unset;}
}


/* 992px ===================================================================== */
@media (max-width:1027px) {
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody{flex-direction:column;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card{justify-content:flex-start;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card > .infoBox{width:100%;}
}

@media (max-width:992px) {
	/* home */
	.container .body .contents .dcBody .homeView .viewBox .homeBoard.waitingBoard > .cbBody{padding:64px 0px;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard.waitingBoard > .cbBody > .imageBox{width:100%; }
	.container .body .contents .dcBody .homeView .viewBox .homeBoard.waitingBoard > .cbFooter.fmFooter{gap:32px; padding:24px; flex-wrap:wrap;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody{padding:24px 16px; gap:12px; flex-direction:column;}
	/* height fixed clear */
	body {height:auto;}
	body.loading::before {position: absolute; z-index: 99999; 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: ""; -webkit-animation: rotate-loading 0.5 inner 0s infinite normal; -webkit-transform-oriign: 50% 50%}
	body.loading::after {position:absolute; z-index: 9998; top: 0px; left: 0px; right: 0px; left: 0px; background: rgba(255, 255, 255, 0.7); content: "Loadding..."; 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;}

	/* common layer */
	.helpLayer {top:0; left:0; right:0; bottom:0;}
	[dir=rtl] .helpLayer {top:0; left:0; right:0; bottom:0;}
	.helpLayer.active {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
	.helpLayer .modalBox {width:100%;}
	.noticeLayer {top:0; left:0; right:0; bottom:0;}
	[dir=rtl] .noticeLayer {top:0; left:0; right:0; bottom:0;}
	.noticeLayer.active {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
	.noticeLayer .modalBox {width:100%;}
	.noticeLayer .modalBox .mbBody .mbBodyContents ul li {margin:0 10px;}
	.noticeLayer .modalBox .mbBody .mbBodyContents ul li .progressBox {width:100%;}
	.accountLayer {top:0; left:0; right:0; bottom:0;}
	[dir=rtl] .accountLayer {top:0; left:0; right:0; bottom:0;}
	.accountLayer.active {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
	.accountLayer .modalBox {width:100%;}

	/* header */
	.header {position:fixed; top:0; left:0; width:100%;}
	.header .sta .title {margin:0 8px;}
	.header .sta .title .btnMenu {display:block;}
	/* .header .tools {display:none;} */
	.header .tools .region {font-size: 0;}
	.header .tools .region strong {font-size: 0;}
	/* .header .tools .userDiv {margin: 0;} */
	/* gnb */
	.gnb {display:none; position:fixed; z-index:902; top:0; left:0; bottom:0; min-width:272px; box-shadow:0 0px 100px 1000px rgb(0 0 0 / 20%);}
	[dir=rtl] .gnb {left:auto; right:0;}
	.gnb.active {display:block; top: 0; width: 100%; height: 100%;}
	.gnb.active .menu {display:flex; padding: 0;}
	.gnb .gnbBox .navi a {text-align:left; height:74px; font-size:14px; border-bottom:1px solid #3d3e44; display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content:flex-start;align-items:center; -webkit-justify-content:flex-start; -webkit-align-items:center; -ms-flex-pack:start; -ms-flex-align:center; padding:0;}
	.gnb .gnbBox .navi a p {display:block; font-size:14px; opacity:1;}
	.gnb .gnbBox .navi a:before {margin:0 10px 0 30px;}
	.gnb .gnbBox .navi a.active:after {height:74px;}
	.gnb.active ~ .container {width:calc(100% - 0px); pointer-events:none;}
	.gnb.active ~ .customBody {width:calc(100% - 0px); pointer-events:none;}
	.gnb .gnbBox {overflow:auto; position: relative;}
	.gnb .gnbBox .navi {height: calc(100% - 400px); overflow: scroll;}
	.gnb .gnbBox .tools {display:flex; flex-direction: column; gap: 12px; margin-top:30px; position: unset; width: 100%; padding: 20px 0; padding: 0 12px; box-sizing: border-box;}
	.gnb .gnbBox .tools > div {display: flex; justify-content: flex-start;}
	.gnb .gnbBox .tools > div.sessionTime {gap: 0 8px;}
	.gnb .gnbBox .tools .sessionTime .time {display:flex; align-items:center; line-height:26px; font-size:15px;  margin:0 8px 0 0;}
	.gnb .gnbBox .tools .sessionTime .time .clockIcon {display:none;}
	.gnb .gnbBox .tools .sessionTime .time::before {content:''; display:flex; align-items:center; margin-right:4px; width:24px; height:24px; background:url(../img/icon/ic_time.svg) no-repeat; background-size: cover;}
	.gnb .gnbBox .tools > div.iconBox {gap: 0 16px;}
	.gnb .gnbBox .tools > div.iconBox > button {height: 44px !important; width: 44px !important;}
	.gnb .gnbBox .tools > div.iconBox > button::before {height: 44px !important; width: 44px !important;}
	.gnb .gnbBox .tools {}
	/* .gnb .gnbBox .tools .toolBox {padding:10px 0; position:relative;} */
	.gnb .gnbBox .bannerDiv {margin-top: 20px; width: 100%; position: unset !important;}
	.gnb .gnbBox .tools .toolBox .businessList {}
	.gnb .selectBizWrap {display:block;}

	/* body > snb */
	.gnb ~ .container,
	.container {width:calc(100% - 0px);}
	/* .container .body {margin-top:56px;} */
	.container .customBody {margin-top:0;}
	.container .licensingBody {margin-top:0px;}
	.container .body .snb {top:0; left:0;}
	[dir=rtl] .container .body .snb {left:auto; right:0;}
	.container .body .snb .catagoryList {height:calc(100% - 114px);}
	.container .body .contents .dcHeader {height:auto; padding:16px 16px 20px;}
	.container .body .contents .dcBody{margin:0 16px;}
	.container .customBody .contents .dcHeader {height: auto; display: flex; align-items: center;}
	.container .customBody .contents .dcHeader .title {height: auto;}
	.container .licensingBody .contents .dcHeader {margin:10px 20px;}
	.container .licensingBody .contents .dcHeader .title {height: 60px;}
	.container .body .contents .dcHeader .title.breadcrumb {flex-direction:column; align-items:flex-start;}
	.container .body .contents .dcHeader .title.breadcrumb ul {border-left:0;}
	.container .body .contents .dcHeader .title.breadcrumb ul li {font-size:14px;}

	.mdSize {display:none;}
	.ovh {overflow:hidden;}
	body {height:auto;}

	/* multiModal scroll */
	.multiModal::-webkit-scrollbar {height:4px; width:4px}
	.multiModal::-webkit-scrollbar-thumb {border:0px solid transparent; background-color:rgba(255, 255, 255, 0.6); background-clip:padding-box; border-radius:7px;}

	/* header */
	.header {position:relative; z-index:2;}
	.header .tools .user strong {position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}


	/* afterSignIn */
	.container .body.afterSignIn .contents {padding:30px 0;}

	/*  */
	/* .container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox {padding-left:80px;} */
	.container .body .contents .contentBox .detailView .detailVeiwHeader .appName.appNameText {width: auto;}
	.container .body .contents.appDetails .contentBox .detailView .detailVeiwBody .moreBoxInfo .appDetailsDlBox dl {flex-direction: column; gap: 8px;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo {margin: 30px 0 30px 80px;}

	.container .body .contents .contentBox .detailView .VeiwHeader {margin: 10px 10px 0; padding-bottom: 10px; flex-direction: column; align-items: flex-start;}
	.container .body .contents .contentBox .detailView .VeiwHeader .title h2 {margin:0 10px;}
	.container .body .contents .contentBox .detailView .VeiwHeader .tools {margin-top:10px; display:flex; flex-direction:column; width: 100%;}
	.container .body .contents .contentBox .detailView .VeiwHeader .tools button {margin:4px 0;}

	.licenseBox {padding:10px;}
	.licenseBox .statusWrap {justify-content: space-between; width: 100%;}
	.licenseBox .statusWrap dl {width: calc(50% - 2px); margin:10px 0; border:0; padding-bottom:10px; border-bottom: 1px solid #e3e3e3; word-break: break-all;}
	.licenseBox .statusWrap dl dt {font-size:14px;}
	.licenseBox .rangeWrap {width:100%;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail .tableBoard .boardTools {}

	.container .body .contents .afterBox .columnWrap {flex-flow:row wrap;}
	.container .body .contents .afterBox .columnWrap .column {width:calc(50% - 20px);}

	/* snb */
	.container .body .contents .contentBox .detailView .VeiwBody .snb {top:0; left:0;}


	.container {width:calc(100% - 0px);}
	.container .body .contents .contentBody .contentBox .contentBoxHeader {height:auto;	padding:18px 18px 20px 18px;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tabs ul {display:none;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tabs .selectWrap {display:block;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tabs .selectWrap .ui-selectmenu-button.ui-button {font-size:20px;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .searchBox .searchFilterBox {width:100%;}
	/* .container .body .userToolBox {position:fixed; top:56px; right:0; bottom:0; height:auto; z-index:1;} */
	.container .body .userToolBox .tools {height:auto;}
	.container .body.rightSideOn .contents {width:calc(100% - 0px); pointer-events:none;}
	.container .body.rightSideOn .userToolBox {overflow:auto; box-shadow: 0 0px 100px 1000px rgb(0 0 0 / 20%);}

	@media (orientation: landscape) {
		.minFullSize .wrap {overflow-y:auto; overflow-x:hidden;}
		/* .accountWrap .bgMotion video {height:auto; width:100%;} */
	}

	/* accountLayer */
	.accountLayer {outline-offset: -9px; border-radius:25px}

	/* modalBox */
	.modalBox {width:calc(100% - 20px) !important; margin:10px;}
	.modalBox .mbBody .mbBodyContents .article .detailView {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .detailView .slider {width:100%; height:auto; background:none;}
	.modalBox .mbBody .mbBodyContents .article .detailView .slider .btnArrow.before {left:4px;}
	.modalBox .mbBody .mbBodyContents .article .detailView .slider .btnArrow.after {right:4px;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox.columnLeft {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox.columnRight {display:none; width:100%;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox.columnRight .columnHeader {margin:0;}

	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap.column_70 {flex-direction:column; width:calc(50% - 4px);}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerLeft {width:100%;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerLeft .searchFilterBox {display:block;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerLeft .columnHeader,
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerLeft .columnBody {display:none;}

	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight {width:100%;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnHeader .tools {display:block; width:100%;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnHeader .tools .inputWrap {width:100%;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnBody .selectListBox {height:515px; border-radius:10px;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnBody .selectListBox .selectListBody {}

	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap.selectedBox {width:calc(50% - 30px);}
	/* install uninstall popup  */
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox {display: flex; flex-direction: column; height: auto; width: 100%; margin: 35px 0 0 0; padding: 0;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .all {width: 100%;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .selectAll {width: 100%;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .selectAll .triangleToolTip {display: none !important;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head .searchBox {flex-direction: column; margin: 15px auto; width: 100%; margin: 0; padding: 0;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head .searchBox {flex-direction: column; margin: 15px auto; width: 100%; margin: 20px 0; padding: 0;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head.installBox {padding: 10px;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head p {margin-bottom: 20px;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head .appNameInstall {display: block; font-size: 16px; text-align: left; margin: 16px 0 20px 0;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head .searchBox .inputWrap {width: calc(100%) !important; margin: 5px auto;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .all {display: none;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .selectAll > ul > li .liDiv > ul {height: auto; margin: 10px 0;}
	.mobileContentInstallUninstall {display: block; margin: 20px 0; position: relative;}
	.mobileContentInstallUninstall.popupACM {display: none;}
	/* .partnerPopup .modalBox .mbBody .mbBodyContents .article .head .searchBox > .inputBox {margin: 0;} */
	/* app details  */
	.container .body .contents.appDetails .contentBox .detailView .detailVeiwBody .moreBoxInfo {margin: 0 0 30px 0px;}
	/* install uninstall popup  */
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .inputWrap {position: absolute; top: 280px; left: 30px; width: calc(100% - 64px) !important;}
	/* .deviceManagementOne  */
	.deviceManagementOne {padding: 20px; box-sizing: border-box; min-height: 906px;}
	/* .deviceManagementTwo  */
	.deviceManagementTwo {padding: 20px; box-sizing: border-box; min-height: 906px;}
	
	/* device management three */
	.deviceManagementThree .acMenu {display: flex; width: calc(100%); flex-direction: column; position: relative; padding: 0; box-sizing: border-box; height: auto;}
	.deviceManagementThree .acMenu .siteManagementImage {width: calc(100%); height: unset;}
	.deviceManagementThree .acMenu .click {text-align: center;}
	.deviceManagementThree .acMenu .editDelete {text-align: center;}
	/* device management four */
	.deviceManagementFour .acMenu {padding: 40px 28px 0 28px;}

	/* edit profile popup device mangement */
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .editProfileBox .tableHead .buttonWrap .view {display: block !important;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .editProfileBox .tableHead span {display: none;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .editProfileBox .tableWrap .jsmartable.smallTable {display: none;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .editProfileBox > .tableWrap {display: none;}
	#power_onoff_schedule_view_button {display: block !important;}
	/* parnter center popup */
	.parnterInstallPop {overflow: scroll;}
	.parnterInstallPop .two {width: 100%;}
	.parnterInstallPop .one {width: 100%; max-height: unset; height: auto; overflow-y: unset;}

}
@media (max-width:940px) {
	.deviceManagementThree {padding: 0;}
	/* license board */
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div{gap:8px;}
	.container .body .contents .dcBody .viewBox .lmBoard .boardTitle{padding:0px 16px 0; gap:16px; flex-direction:column;}
	.container .body .contents .dcBody .viewBox .lmBoard .boardTitle > *,
	.container .body .contents .dcBody .viewBox .lmBoard .boardTitle button{width:100%;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .mobileTabs{display:block; padding:0 16px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabs{display:none;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView{padding:16px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox{padding:32px 16px; flex-direction:column-reverse; height:auto; justify-content:unset; gap:64px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .statusWrap{flex-direction:column; width:100%; gap:32px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .statusWrap dl{width:100%; gap:8px; border:none; border-bottom:1px solid #e3e3e3; padding-bottom:32px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .statusWrap dl dt{margin-bottom:0px;}
	.container .body .contents .dcBody .viewBox .lmBoard .tabBoard > .tabsView > .lmInfoBox > .chartWrap{flex-direction:column; width:100%; gap:24px;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter{flex-direction:column; gap:32px;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .badgeBox{justify-content:center; flex-wrap:wrap;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .infoBox{padding:24px 24px 0px;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .infoBox > .tertiary{width:100%;}
	/* member */
	.container .body .contents .dcHeader.memberHeader{flex-direction:column;}
	.container .body .contents .dcHeader.memberHeader > *{width:100% !important;}
	.container .body .contents .dcHeader.memberHeader .toolBoxWrap{flex-direction:column-reverse;}
	.container .body .contents .dcHeader.memberHeader .toolBoxWrap .buttonBox{width:100%; flex-direction:column;}
	.container .body .contents .dcHeader.memberHeader .toolBoxWrap .buttonBox > button{width:100%;}
	.container .body .contents .dcHeader.memberHeader .toolBox{width:100%; justify-content:space-between;}
	.container .body .contents .dcHeader.memberHeader .toolBox dl{flex-grow:1; align-items:unset;}
	.container .body .contents .dcHeader.memberHeader .toolBox > button{flex-shrink:0;}
}


/* 768px ===================================================================== */
@media (max-width:865px) {
	/* add device popup  */
	.modalBox .addDeviceTwo .mbBodyContents .article .dlBox dl dd .multipleDevice .bottom {width: unset;}
	/* device management */
	
	.container .body .contents .dcBody .viewBox .approvalBoard.deviceOne .deviceThirdBox .imgContainer {height: 149.612px; width: 233.194px;}
	.container .body .contents .dcBody .viewBox .approvalBoard.deviceOne .deviceThirdBox .imgContainer .workspace {width: 121px; height: 23.4px;}
	/* app details */
	.container .body .contents .contentBox .detailView .detailVeiwHeader {flex-direction:column; margin:0px; padding: 0px; box-sizing: border-box; justify-content: flex-start; align-items: flex-start;}
}
@media (max-width:856px) {
	.LGsolutionBox .solutionContainer .solutionBoxWrap {width: calc(100%);}
	.LGsolutionBox .solutionContainer .solutionBoxWrap .solutionBox {width: calc(100% - 30px);}
	.header .tools {display: none;}
	.header .sta .title .console span {display: none;}

	/* created app view */
	.createdAppView.viewPopup {padding: 0;}
	.createdAppView.viewPopup .basicInfo .body {flex-direction: column; gap: 20px;}
	.createdAppView.viewPopup .basicInfo .body .thumbBox {padding: 0px;}
	.createdAppView.viewPopup .basicInfo .body .dlBoxGroup {width: 100%;}
	.createdAppView.viewPopup .advInfo .body .appSS .appScreen .thumb img.current {display: none;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .createdAppView.viewPopup .dlBoxGroup .dlBox {gap: 20px;}
}
@media (max-width:843px) {
	
	/* view popup with comment  */
	.modalBox.viewCommentPopup .mbBody .deviceView .customerInfo .body .dlBoxGroup .dlBox.fiveChild dl:nth-child(1) {order: 1;}
	.modalBox.viewCommentPopup .mbBody .deviceView .customerInfo .body .dlBoxGroup .dlBox.fiveChild dl:nth-child(2) {order: 1;}
	.modalBox.viewCommentPopup .mbBody .deviceView .customerInfo .body .dlBoxGroup .dlBox.fiveChild dl:nth-child(3) {order: 1;}
	.modalBox.viewCommentPopup .mbBody .deviceView .customerInfo .body .dlBoxGroup .dlBox.fiveChild dl:nth-child(4) {order: 1;}
	.modalBox.viewCommentPopup .mbBody .deviceView .customerInfo .body .dlBoxGroup .dlBox.fiveChild dl:nth-child(5) {order: 1;}
}
@media (max-width:836px) {
	/* .deviceManagementFour .checkSelectWrap.active {top: 0px;} */
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap > button {display: none;}
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap > button:nth-child(1) {display: block;}
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap > button:nth-child(2) {display: block;}
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap .btnMore {display: flex; justify-content: start; position: relative;}
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap .btnMore button {display: inline-block; min-width: 32px !important; min-height: 32px;}
	.deviceManagementFour .checkSelectWrap .tools .buttonWrap .btnMore .button[aria-pressed="true"] ~ .layerNavi {display: block;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi {max-height:210px; overflow:auto; right: 0; background: #fff;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a{padding:10px 10px 10px 21px; position:relative;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a .textBox{flex-grow:1; word-break:break-all;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a[aria-current="true"]{background:#e4e4e4; text-decoration:none;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a[aria-current="true"] img{display:flex;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a[aria-current="true"] span{color:#000;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a:active{background:#e4e4e4; text-decoration:none; }
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a:active img{display:flex;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a:active span{color:#000;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi a:hover span{background:#fafbfb !important;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi .disabled {opacity: 0.4; color: #333;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi .disabled:active img{display:flex; box-shadow: inset 0 0 0 0px red;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi .disabled:active {color: unset; box-shadow: 0 0 0 0 black !important;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi .disabled:hover span{background:unset !important;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi {right:-4px; top:34px;}
	.checkSelectWrap .tools .buttonWrap button {min-width: unset; padding: 1px 10px;}
	.checkSelectWrap .tools .selectNum {margin: 0;}
	/* .deviceManagementFour .checkSelectWrap.active {top: 32px;} */
}

@media (max-width: 795px) {
	.modalBox .mbBody .mbBodyContents.mh_876 {max-height: unset;}
	/* partner center more  */
	.btnMore .layerNavi {width: 192px;}
	.requestLicenseThree.mbBody .mbBodyContents .article .attachedFileBigBox .attachedFileBox {display: flex; flex-wrap: wrap;}
	/* device list  */
	.contents.deviceList .contentBox .fb_x {padding: 0;}
	.contents.deviceList .contentBox .fb_x .top {width: 100%;}
	.contents.deviceList .contentBox .fb_x .bottom {width: 100%;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView dl {flex-direction: column;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView dl dt {width: 100%;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView dl dd {width: 100%; flex-wrap: wrap;}
	.contents.deviceList .contentBox .fb_x .top .dataBox .dataDl dl {flex-wrap: wrap;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard .tabs {display: none;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard .mobileTab {display: block;}

}
/* 768px ===================================================================== */
@media (max-width:768px) {
	/* home */
	.container .body .contents.homeContainer .dcBody .detailView > .imageBox{width:100%;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges{flex-direction:column; width:70px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox{justify-content:center;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .badgeWrapper > .badgeBox .badges > span{text-align:center;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody{padding:16px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox{text-align:center;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section > .sectionBody > .licenseInfoBox > .infoBox > a{width:100%;}

	/* function */
	.checkSelectWrap .tools .buttonWrap button{display:none;}
	.checkSelectWrap .tools .buttonWrap button:nth-child(1),
	.checkSelectWrap .tools .buttonWrap button:nth-child(2){display:flex;}
	.checkSelectWrap .tools .buttonWrap .btnMore button[aria-pressed="true"] ~ .layerNavi {display:block;}
	/* request board */
	.container .body .contents .dcBody .viewBox .contentBoard.requestBoard{padding:16px; gap:16px;}
	.container .body .contents .dcBody .viewBox .contentBoard.requestBoard .boardBody > .sectionBox > .buttonWrap > .button{width:100%; flex-wrap:wrap; row-gap:4px; height:auto; white-space:inherit;}
	/* member board */
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard{padding:16px;}
	.container .body .contents .dcHeader.memberHeader{flex-direction:column;}
	.container .body .contents .dcHeader.memberHeader > *{width:100%;}
	.container .body .contents .dcHeader.memberHeader > .toolBox{justify-content:space-between; flex-wrap:wrap;}
	.container .body .contents .dcHeader.memberHeader > .toolBox > .buttonBox{display:flex; flex-direction:column; gap:8px; width:100%;}
	.container .body .contents .dcHeader.memberHeader > .toolBox > .buttonBox > button{width:100%;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div{flex-direction:column; gap:8px;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div > .toolBox:nth-child(1){margin-bottom:4px;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div > .toolBox:nth-child(2){flex-direction:column; gap:8px;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div > .toolBox:nth-child(2) > *{width:100%;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div > .toolBox:nth-child(2) > button{order:2;}
	.container .body .contents .dcBody .viewBox .contentBoard.memberBoard .tableBoard .tbHeader > div > .toolBox:nth-child(2) > .totalBox{width:100%; justify-content:flex-end; order:3; margin-top:4px;}
	/* license modal */
	.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row{flex-direction:column;}
	.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row .column{width:100%;}
	.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row > .column > .dateBox{width:100%;}
	.modalBox .mbBody .mbBodyContents .licenseInfoBox .infoBody .row > .column > .selectWrap{width:100%;}
	/* license board */
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div{flex-direction:column;}
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div > .toolBox{flex-direction:column; width:100%; gap:8px;}
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div > .toolBox > *{width:100%;}
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div > .toolBox > a{height:auto; text-align:center;}
	.container .body .contents .dcBody .viewBox .contentBoard.lmBoard .tableBoard .tbHeader > div > .toolBox > .totalBox{justify-content:end; margin-top:8px; order:3;}
	/* workspace board */
	.container .body .contents .dcBody .viewBox .wsBoard{padding:16px;}
	.container .body .contents .dcHeader.wsHeader{flex-direction:column;}
	.container .body .contents .dcHeader.wsHeader > *{width:100%;}
	.container .body .contents .dcHeader.wsHeader > .toolBox{justify-content:space-between;}
	.container .body .contents .dcBody .viewBox .wsBoard .boardTitle > .title{flex-direction:column; gap:8px;}
	.container .body .contents .dcBody .viewBox .wsBoard .boardTitle > .title > *{width:100%; margin:0px !important; padding:0px !important; border:none !important;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div{flex-direction:column;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(2){flex-direction:column; gap:8px;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > *{width:100%;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > button{width:100%; order:2;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > .totalBox{order:3; margin-top:8px; justify-content:flex-end; flex-wrap:wrap;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(2)
	/* points board */
	.container .body .contents .dcBody .viewBox .pointsBoard{padding:16px; gap:16px;}
	.container .body .contents .dcHeader .toolBox dl{flex-direction:column;}
	/* approval board */
	.container .body .contents .dcBody .viewBox .approvalBoard > .mobileTabs{display:block;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabs{display:none;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView{padding:0px;}
	/* popup  */
	.modalBox .mbHeader .title h2 {line-height: normal;}
	/* intro */
	.minFullSize .wrap {overflow-y:auto; overflow-x:hidden;}
	.minFullSize .header .sta {margin:0 10px;}
	.minFullSize .header .tools {margin:0 10px; display:flex; align-items: center; justify-content: flex-end;}
	.minFullSize .header .tools .region {}
	.minFullSize .header .tools .user strong {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0);}
	.accountWrap {min-height:400px; height: auto;}
	.accountWrap .accountBox {height:calc(100%); flex-wrap:wrap;}
	.accountWrap .accountBox2 {height:calc(100%); width: calc(100%); flex-direction: row; justify-content: center;}
	.accountWrap .accountFooter {height:70px;}
	.accountWrap .accountBox .desc p {width:auto; margin:0 20px 30px; word-break:break-word;}
	.accountWrap .accountBox .desc h2 {background-size:contain; height:40px; margin:0 10% 20px; font-size:40px;}

	/* header */
	.header {display:flex; height:auto;	flex-direction:row;}
	.header .sta {width:100%; height:80px; border-bottom:1px solid #ededed;}
	.header .sta .title {margin-left:10px;}
	.header .tools {width:100%; margin:0; height:56px; justify-content: flex-end;}
	.header .tools .user {margin-right:10px;}
	.header .tools .userTools {top:100px; right:4px;}

	/*  */
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox .appName {margin: 20px 0px; padding: 0; width: 100%;}
	/* .container .body .contents .contentBox {margin:10px;} */
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox {padding: 0; width:100%;}
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox {display: block;}
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox .appName {margin: 20px 0px; padding: 0;}
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox .appName {margin:0 10px;}
	.container .body .contents .contentBox .detailView .detailVeiwHeader .infoBox .appName strong {word-break: break-all;}
	.container .body .contents .contentBox .detailView .detailVeiwBody {margin:0px;padding:0px;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo {margin:0;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb {width:100%;position: relative; justify-content:center;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imagePreviewWrap{position: absolute;height: auto;left: -20px;display: block;top: calc(50% - 11px);z-index: 12;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .ImageNextWrap{position: absolute;height: auto;right: -20px;display: block;top: calc(50% - 11px);z-index: 12;}

	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .columnTitle,
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .buttonWrap,
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox.columnRight .columnHeader {margin-left:0;}

	/* page */
	/* afterSignIn */
	.container .body.afterSignIn .contents {padding:30px 10px; box-sizing:border-box;}
	.container .body.afterSignIn .contents .afterBox {}
	.container .body.afterSignIn .contents .afterBox .buttonWrap {flex-direction:column; margin-bottom: 20px;}
	.container .body.afterSignIn .contents .afterBox .buttonWrap button {width:100%; margin:0; margin-bottom:10px;}
	.container .body.afterSignIn .contents .afterBox .columnWrap {flex-direction:column;}
	.container .body.afterSignIn .contents .afterBox .columnWrap .column {width:100%; margin-bottom:10px;}

	.container .body .contents .contentHeader {margin:0 10px;}
	/* .container .body .contents .dcHeader {margin:0 10px;} */
	.container .body .contents .dcBody h3 {margin:0 10px;}
	.container .body .contents .dcBody .dcBodyDetail {margin:0 10px 10px;}
	.container .body .contents .dcBody .dcBodyScroll .itemWrap h4 {margin:0 10px;}
	.container .body .contents .dcBody .dcBodyScroll .itemWrap .itemBox {margin:0;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard {margin:0 10px;}
	.container .body .contents .dcBody .dcBodyDetail .menuGroup .menu {width:calc(100% - 0px);}
	.container .body .contents .dcBody .dcBodyDetail .menuGroup .menu .prime,
	.container .body .contents .dcBody .dcBodyDetail .menuGroup .menu ul {width:calc(100% - 0px);}
	.container .body .contents .contentBody .contentBox {margin:0 10px 10px;}
	.container .body .contents .contentBody .contentBox .contentBoxBody {padding:10px;}
	.container .body .contents .itemWrap .itemBox .item .itemBody .info dt,
	.container .body .contents .itemWrap .itemBox .item .itemBody .info dd {display:unset;}
	.container .body .contents .itemWrap .itemBox .item .itemBody .chartBox {flex-direction:column; align-items:flex-start;}
	.container .body .contents .itemWrap .itemBox .item .itemBody .chartBox .chart {width:100%;}
	.container .body .contents .itemWrap .itemBox.column03 .item {width:calc(100% - 18px);}
	.noDataWrap {padding:40px 0;}
	.noDataWrap .noDataBox {margin:0 10%;}

	/* modalBox */
	.modalBox .mbBody .mbBodyContents {overflow:hidden; height:auto; max-height:max-content;}
	.modalBox .mbBody .mbBodyContents.licensingPopupTwo {padding: 10px;}
	.modalBox .mbBody .mbBodyContents .article .dlBoxGroup h3 {margin:0;}
	.modalBox .mbBody .mbBodyContents .article .regionGroup .regionList .opt {width:50%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl {flex-direction:column;}
	
    .startNowThree.modalBox .mbBody .mbBodyContents .article .dlBox dl {display: flex; flex-direction: row;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl.appFileUpload {flex-direction:column; margin: 0 20px;}
	/* .modalBox .mbBody .mbBodyContents .article .dlBox dl dt {padding:0; display:block; text-align:left;	width:100%; margin-bottom:10px;} */
	.webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .proxy {margin: 0;}
	.webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox > dl > dd .logoUploadDiv {width: 100%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd {display:block;	width:100%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd .serviceBox .opt {margin-bottom: 16px;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd .licenseTypeRadio .opt {margin-bottom: 16px;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd button {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd button[role="switch"]{width: 54px;} 
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd.subItem ul li {flex-direction:column; align-items:flex-start; margin-bottom:20px;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd.subItem ul li strong {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd.subItem ul li .inputBox {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd.subItem ul li .minBox {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .status {margin:0;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap {display:block;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap.licenseIssue .column_50 {width:calc(100% - 4px); margin-bottom:10px;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap.licenseIssue .column_50 .dateBox input {width:calc(100% - 40px);}

	.modalBox .buttonWrap span:nth-child(1) {}
	.modalBox .buttonWrap span:nth-child(1) button {margin:4px 0;}
	.modalBox .buttonWrap span:nth-child(2) {text-align:right;}
	.modalBox .buttonWrap span:nth-child(2) button {margin:4px 0;}

	.modalBox .mbBody .mbBodyContents .article .sectionGroup h3 {margin:0;}
	.modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList {display:block; margin:4px 0px;}
	.modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList button {width:calc(33.3% - 10px); margin: 3px;}
	.modalBox .mbBody .mbBodyContents .article .sectionGroup .tableBoard {margin:4px 0px;}

	.modalBox .mbBody .mbBodyContents .list {height:auto;}
	.modalBox .mbBody .mbBodyContents .list .listBody {height:calc(100% - 0px) !important; overflow:hidden;}
	.modalBox .mbBody .mbBodyContents .columnWrap {}
	.modalBox .mbBody .mbBodyContents .columnWrap .column_40 {width:100%;}
	.modalBox .mbBody .mbBodyContents .columnWrap .column_40 .list {border-radius:10px;}
	.modalBox .mbBody .mbBodyContents .columnWrap .column_60 {width:100%; display:none; margin:0;}
	.modalBox .mbBody .mbBodyContents .columnWrap .column_60 .list {margin-top:0; border-radius:10px;}

	.modalBox.detailActive .mbHeader .title .backBtn {display:block;}
	.modalBox.detailActive .mbBody .mbBodyContents .columnWrap .column_40 {display:none;}
	.modalBox.detailActive .mbBody .mbBodyContents .columnWrap .column_60 {display:block;}

	.modalBox .mbBody .mbBodyContents .columnWrap.active {}
	.modalBox .mbBody .mbBodyContents .columnWrap.active .column_40 {display:none;}
	.modalBox .mbBody .mbBodyContents .columnWrap.active .column_60 {display:block;}
	.modalBox .mbBody .mbBodyContents .mbBodyHeader {}
	.modalBox .mbBody .mbBodyContents .mbBodyHeader .tools {width:100%; display:block;}
	.layerPop {width:calc(100% - 40px) !important; height:calc(100% - 40px); border:0; position:fixed; top:0px; left:0; right:0; bottom:0; z-index:999; margin:20px; box-shadow:0 0px 100px 1000px rgb(0 0 0 / 40%);}
	.layerPop::after,
	.layerPop::before {display:none;}
	.layerPop .layerBody {height:calc(100% - 40px);}
	.layerPop .layerBody .layerBodyHeader .tools {display:block; width:100%;}
	.layerPop .layerBody .layerBodyContainer {height:calc(100% - 40px);}
	.layerPop .layerBody .layerBodyContainer .list {height:calc(100% - 0px); border-radius:10px !important;}
	.layerPop .layerBody .layerBodyContainer .list .listBody {height:calc(100% - 40px);}
	.layerPop .columnWrap {height:calc(100% - 50px);}
	.layerPop .columnWrap .layerBody {height:calc(100% - 0px);}
	.layerPop .columnWrap .column_40 {width:100%;}
	.layerPop .columnWrap .column_40 .layerBody .layerBodyContainer .list .listBody {height:calc(100% - 0px);}
	.layerPop .columnWrap .column_60 {width:100%; display:none;}
	/* licensing step */
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .discountReason {width: calc(100% - 5px);margin: auto;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .licensingDatepick .symbolTilt {display: none;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .licensingDatepick {display: block !important;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .duration .buttonGroup {width: auto;}
	.licensingBody .contents .dcBody .detailView .approveMenu .licenseTableHistory .jsmartable tbody tr td:first-child {text-align: left; padding-left: 0; box-sizing: border-box;}
	/* popup approve partner center */
	.approvePop .reqInfo {width: 100%; height: auto;}
	/* step4 popup */
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox {height: auto;}
	/* before sign in  */
	.accountBox2 .desc {width: 80%; height: auto;}
	/* sitemap  */
	.detailView .sitemap {margin: 20px;}
	.detailView .sitemap .catagory {flex-wrap: wrap;}
	.detailView .sitemap .catagory li {width: 100%;}
	/* register my app  */
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox {width: calc(100%); height: auto; min-height: unset; display: flex; position: relative; padding: 20px; box-sizing: border-box; margin: 10px 0; align-items: flex-start;}
	/* .registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .nameWrap {justify-content: flex-end;} */
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .slNo {margin: 0;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .fb_y {flex-direction: column; width: 98px;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .fb_y .ssName {width: 88px; margin: 0; padding: 0; height: auto;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .fb_y .ssSize {width: 79px; margin: 10px 0 20px 0; height: auto;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .ssThumb {width: 70px; height: 42px; margin: 0 6px auto 0;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .ssBox .ssUpDownButtons {margin: 0 20px;}
	.registerMyApp .article .dlBoxGroup .screenshotUpload .bgGrey {height: auto; width: 100%;}
	.registerMyApp .article .dlBoxGroup .buttonWrap {width: 100%;}
	.registerMyApp .article .dlBoxGroup .dlBox {height: auto; margin-bottom: 10px;}
	.registerMyApp .article .dlBoxGroup .dlBox dl > dd > span {margin-top: 8px;}
	.registerMyApp .article .dlBox dl.resolution  {}
	.registerMyApp .article .dlBox dl.appFileUpload dd {flex-direction: column; gap: 4px;}
	.registerMyApp .article .dlBox dl.resolution dd {margin-bottom: 30px;}

	/* partner center card */
	.partnerCenterBox .Box .smallBox .boxCardWrap {width: 100%; margin: 0; padding: 0; display: flex; max-width: calc(100%);}
	.partnerCenterBox .Box .smallBox .boxCard {height: auto; width: 100%; margin: 15px auto; padding: 24px; box-sizing: border-box;}
	/* .partnerCenterBox .Box .smallBox .boxCard:first-child {margin: 30px auto;}
	.partnerCenterBox .Box .smallBox .boxCard:last-child {margin: 30px auto;} */
	.partnerCenterBox .Box .smallBox .boxCard > div {margin: 0; padding: 8;}
	/* .partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox {padding: 0; margin: 0;} */
	.partnerCenterBox .tools {width: 100%;}
	.partnerCenterBox .tools .toolBox {width: 100%; flex-direction: column;}
	.partnerCenterBox .tools .toolBox .inputWrap {width: 100%;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody {height: auto;width: calc(100%); padding: 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody.mb66 {margin: 16px 0 66px 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody.mb100 {margin: 12px 0 100px 0; padding: 0 0 16px 0; box-sizing: border-box;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody.mb120 {margin: 16px 0 120px 0; padding: 0 0 16px 0; box-sizing: border-box;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody.mb150 {margin: 16px 0 150px 0; padding: 0 0 16px 0; box-sizing: border-box;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody.mb170 {margin: 16px 16px 170px 16px; padding: 0 0 16px 0; box-sizing: border-box; width: calc(100% - 32px);}
	.partnerCenterBox .design .smallBox .boxCard .cardBody {padding: 0 20px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardHead {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
	.partnerCenterBox .service .smallBox .boxCard .cardHead .thumbBox {height: auto; width: auto; margin: 0;}
	/* .partnerCenterBox .service .smallBox .boxCard .cardHead .titleBox h5 {margin: 10px 0;} */
	.partnerCenterBox .service .smallBox .boxCard .cardHead .thumbBox .thumb {height: 65px; width: 65px;}
	.partnerCenterBox .interface .smallBox .boxCard .cardHead .thumbBox {height: auto; width: auto; margin: 0;}
	.partnerCenterBox .interface .smallBox .boxCard .cardHead .thumbBox .thumb {height: 65px; width: 65px;}
	.partnerCenterBox .design  .smallBox .boxCard {padding: 0 !important;}
	.partnerCenterBox .design .smallBox .boxCard .cardHead .thumbBox {height: 123px; width: 100%;}
	.partnerCenterBox .design .smallBox .boxCard .cardHead .thumbBox h5 {margin: 10px 0;}
	.partnerCenterBox .design .smallBox .boxCard .cardHead .thumbBox .thumb {height: 65px; width: 100%;}
	/* .partnerCenterBox .service .smallBox .boxCard .cardHead .titleBox {margin-right: 25%;} */
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter {display: block; margin: 24px; width: calc(100% - 48px); bottom: 20px; padding: 0;}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left {display: flex; flex-direction: column; height: auto; width: calc(100%);margin-top: 5px;}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left p {margin: 10px 0;}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left .button {margin: 5px; width: calc(100% - 10px);}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .left .button:first-child {margin: 5px 0;}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .right {display: block; height: auto; width: calc(100%);}
	.partnerCenterBox .Box .smallBox .boxCardWrap .cardFooter .right .button, .partnerCenterBox .Box .smallBox .boxCard .cardFooter .left .button {width: calc(100% - 10px); margin: 5px;}
	.registerMyAppOne .article .dlBoxGroup .basicInfo dt {text-align: left !important;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags {padding: 0 0 20px 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag {margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:first-child {margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:last-child {margin: 5px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .descriptionBox {max-height: 66px; height: 66px;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .descriptionBox p {max-height: 66px; -webkit-line-clamp: 4; line-clamp: 4;}
	/* app details */
	.partnerCenterBox .Box .smallBox .boxCard .cardHead .titleBox {max-width: 100%;}
	.partnerCenterBox .Box.design .smallBox .boxCard .cardHead .titleBox {max-width: calc(100% - 44px);}
	/* licensing */

	.licenseTableApprove {margin: 0; width: calc(100%);}
	.licenseTableHistory {margin: 0; width: calc(100%);}

	/* reject popup  */
	.approvePop .reqInfo .dlBox .dl .dd textarea {max-width: 100%;}

	/* .jsmartable button  */
	.jsmartable-subcol .button {min-height: 30px; height: auto !important; word-break: break-word; white-space: normal; max-width: 130px; padding: 4px 23px; box-sizing: border-box; font-weight: normal; font-size: 14px; color: #383838;}
	.jsmartable-subcol .button.circle {padding: 0;}


	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .inputWrap {position: absolute; top: 280px; left: 30px; width: calc(100% - 60px) !important;}
	/* request approve steps */
	/* four */
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload {width: calc(100%);}
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .buttonWrap {padding: 20px 10px; margin: 0;}
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .buttonWrap > button {padding: 16px 24px;}
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .button.iconDownload {width: calc(100% - 20px) !important; min-width: unset; max-width: unset; display: flex;}
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .button.iconDownload::before {display: inline-flex;}
	/* points Main */
	.pointsMain {padding: 20px;}
	.pointsMain .business {height: auto; padding: 0 0 30px 0; box-sizing: border-box;}
	.pointsMain .business .tools {flex-direction: column; width: 100%; gap: 10px;}
	.pointsMain .business .tools .dlBox {flex-direction: column; width: 100%;}
	.pointsMain .business .tools .dlBox dl {flex-direction: column; gap: 10px; width: 100%; margin: 0;}
	.pointsMain .business .tools .dlBox dl dt {width: 100%;}
	.pointsMain .business .tools .dlBox dl dd {width: 100%;}
	.pointsMain .business .tools .button {width: calc(100%); height: 33px;}
	.pointsMain .property {height: auto; padding: 30px 0 0 0; box-sizing: border-box;}
	.pointsMain .property .tools {margin: 0 0 20px 0;}
	/* upcoming exp */
	.upcomingExpiration .pointsText {padding: 0;}
	.upcomingExpiration .pointTable .tableWrap table tbody tr td {width: auto !important;}
	/* assign and withdraw */
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dt {width: calc(100%) !important;}
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd {width: calc(100%) !important;}
	.pointsWithdraw .dlBox {margin: 30px 0 0 0; gap: 20px 0;}
	/* points history */
	.pointsHistoryPopup {padding: 10px 0;}
	.pointsHistoryPopup .pointHistory .historyBox .body .opt.custom input[type=radio]+label {flex-wrap: wrap;}
	.pointsHistoryPopup .pointHistory .historyBox .body .opt.custom {display: flex; flex-wrap: wrap;}
	.pointsHistoryPopup .pointHistory .historyBox .body .dateBox {margin-top: 10px; flex-wrap: wrap;}
	.pointsHistoryPopup .pointHistory .historyBox .body .dateBox .column_50 .dateBox {display: flex; flex-direction: row; width: 157px;}
	.pointsHistoryPopup .pointHistory .historyBox .footer {width: calc(100%);}
	.pointsHistoryPopup .pointHistory .historyBox .footer button {width: calc(100%);}

	/* partner center more  */
	.partnerCenterBox .Box .smallBox .boxCardWrap .btnMore {top: 54px; right: 24px;}
	.partnerCenterBox .Box .smallBox .boxCardWrap .btnMore .layerNavi {top: 42px;}
	.deviceManagementFour .acMenu .tableBoard .tableHead {display: flex; flex-direction: column; gap: 20px;}
	.deviceManagementFour .acMenu .tableBoard .tableHead .fb_e {display: flex; flex-direction: column; width: 100%;}
	.deviceManagementFour .acMenu .tableBoard .tableHead .fb_e .button {width: 100%; display: flex; align-items: center; justify-content: center;}
	.deviceManagementFour .acMenu .tableBoard .tableHead .fb_e .buttonBox {width: calc(100%); padding: 10px 0; display: flex; flex-direction: column;}
	.deviceManagementFour .acMenu .tableBoard .tableHead .fb_e .buttonBox::before {top: 0; width: calc(100%); height: 1px;}
	.deviceManagementFour .acMenu .tools {flex-direction: column; display: flex; align-items: flex-start;}
	.deviceManagementFour .acMenu .tools .inputWrap {width: 100% !important;}
	.deviceManagementFour .acMenu .tools .btnFilter {width: 100% !important;}
	.deviceManagementFour .acMenu .licenseSolution {display: flex; gap: 10px; flex-direction: column;}
	.deviceManagementFour .acMenu .licenseSolution .tags {max-width: unset;}
	/* device management four */
	.deviceManagementFour .acMenu .tableBoard {height: auto !important;}
	.deviceManagementFour .acMenu .tableBoard .tableWrap {height: auto !important;}
	.deviceManagementFour .acMenu {padding: 20px;}

	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tools.fb_y {display: flex; flex-direction: column; gap: 10px 0;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tools.fb_y > .inputWrap {width: 100% !important;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tools.fb_y > .button {width: 100%;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .tableHead {display: flex; flex-direction: column; width: 100%; gap: 10px 0;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .tableHead .fb_e {width: calc(100%);}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .tableHead .fb_e .button {width: calc(100%);}

	/* assgn role */
	/* two  */
	.assignRoleModal .mbBody .mbBodyContents .roleAssignment {padding: 30px 0;}
	.assignRoleModal .mbBody .mbBodyContents .emailToAssign strong {line-height: 1.3;}
	.assignRoleModal .mbBody .mbBodyContents .article .dlBoxGroup.acManagement {padding: 0;}

	/* proxy server setting  */
	.proxyServerSetting .dlBox dl {display: flex; gap: 30px;}
	.proxyServerSetting .dlBox dl {display: flex; gap: 10px; flex-direction: column;}
	.proxyServerSetting .dlBox dl dt {width: 100%; display: flex;}
	.proxyServerSetting .dlBox dl dd {width: 100%; display: flex;}
	.proxyServerSetting .exceptionAdd .urlDiv {flex-direction: column; height: auto; gap: 12px;}
	.proxyServerSetting .exceptionAdd .urlDiv input {width: calc(100%);}

	
	/* device management profile  */
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .tableHead {gap: 30px;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .checkSelectWrap.active {flex-direction: column; height: auto; top: 7px; margin: 0; width: calc(100%); padding: 11px 10px;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .checkSelectWrap.active .tools {flex-direction: column; height: auto; gap: 13px;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .checkSelectWrap.active .tools .selectNum {text-align: left; width: 100%;}
	.container .body .contents .contentBox.deviceManagementProfile .detailView .detailVeiwBody .moreBoxInfo .tableBoard .checkSelectWrap.active .tools .buttonWrap {flex-direction: column;}

	/* request approval my request app */
	.customBody .contents .dcBody .detailView .requestMenu .snbWrap {margin: 0 0 20px 0;}
	/* device management three */
	.deviceManagementThree .acMenu .buttonWrap {width: calc(100%);}
	.deviceManagementThree .acMenu .buttonWrap button {width: calc(100%); min-width: 30%; display: flex; align-items: center; justify-content: center;}

	/* approval history */
	.container .body .contents .dcBody .detailView .dcBodyContetnt.license .checkboxDiv {display: flex; flex-direction: column; gap: 16px; margin: 20px 0 10px 0;}

	/* create profile popup device management */
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .radioDiv {display: flex; flex-direction: column; gap: 16px;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y {width: 100%;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting {gap: 32px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y dl.playUrl {display: flex; flex-direction: column; gap: 14px; margin: 6px 0 0 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y dl.playUrl dd {padding: 0; display: flex;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl {display: flex; flex-direction: column; gap: 14px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl dt {display: flex; width: 100%;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl dd {display: flex; width: 100%; padding: 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl.domainName {gap: 8px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl.proxyServer {gap: 8px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl.proxyServer dd .gap14 {gap: 10px;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .addScheduleButton {width: calc(100%); max-width: unset; padding: 9px 21px;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable .jsmartable-row .jsmartable-col .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol:first-child {display: none;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable .jsmartable-row .jsmartable-col .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol {padding: 16px 18px 16px 70px; box-sizing: border-box;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl dd .gap14 {display: flex; flex-direction: column; align-items: start; width: calc(100%); gap: 14px;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl dd .gap14 button {display: block; max-width: none;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .settingTable .body .tableWrap .jsmartable tbody tr td .fb_dir_y.serverSetting dl dd .gap14 .button.big {padding: 10px 15px; max-height: 33px; display: flex; align-items: center;}
	/* requet license step 1 */
	.modalBox .mbBody .mbBodyContents .article .dlBox.licensingPopOne {padding: 0;}
	
	/* request license step 3 */
	.modalBox .mbBody.requestLicenseThree {padding: 20px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox {display: flex; flex-direction: column; gap: 30px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl {margin: 0;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .subsidiry {display: flex; flex-direction: column; gap: 10px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .subsidiry .selectWrap {width: calc(100%) !important; margin: 0;}

	/* stepOne */
	.modalBox .mbBody .mbBodyContents .article .dlBox.licensingPopOne {gap: 12px;}
	.modalBox .mbBody .mbBodyContents .article .dlBox.licensingPopOne dl dt {margin: 0;}
	/* request license four */
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload {width: 100%;}
	.requestLicenseFour.mbBody .mbBodyContents .article .dlBox dl dd .fileDownload .buttonWrap {width: calc(100%) !important;}
	.approvalLicense.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm > dl > dt {margin: 20px 0 0 0;}

	/* modalBox button  */
	.modalBox .buttonWrap {flex-direction:column; width: 100%; box-sizing: border-box;}
	.modalBox .buttonWrap button {width: 100%;}
	.modalBox .mbHeader {padding: 12px 20px;}
	.modalBox .buttonWrap span {display:block; width:100%;}
	/* .modalBox .buttonWrap button {display:block; width:100%; margin:10px 0 !important;} */
	/* register my app one */
	.registerMyAppOne .article .dlBoxGroup .dlBox {width: calc(100%);}
	.createdAppTapOneTable .tableHead {flex-direction: row;}
	.createdAppTapTwoTable .tableHead {flex-direction: row;}

	/* device management */
	.deviceManagementFour .acMenu .licenseSolution .head {width: auto; min-width: unset;}
	
	/* request for device management two */
	.requestForDeviceManagementTwo .mbBody {padding: 30px 20px;}
	.requestForDeviceManagementTwo .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm > dl > dt {font-size: 14px; margin: 0 !important;}
	.requestForDeviceManagementTwo .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm > dl > dd {font-size: 14px;}

	/* popup device assign  */
	/* .profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd { */
	/* view body */
	.modalBox .mbBody.viewBody .mbBodyContents {overflow-y: scroll;}
	/* device management three  */
	/* .deviceManagementThree .acMenu .acMenuContent .click {margin-top: 40px;} */
	/* .deviceManagementFour .checkSelectWrap.active {top: 128px;} */
	.deviceManagementFour .acMenu .tableBoard .tableHead {gap: 0;}
	/* add device two */
	.modalBox .addDeviceTwo .mbBodyContents .article .dlBox dl dd .multipleDevice .bottom .dlBox dl {display: flex; flex-direction: column;}

	/* device management three  */
	.deviceManagementThree .acMenu .deviceManagementMenu {padding: 0; width: 100%; box-sizing: border-box;}
	/* .deviceManagementThree .acMenu .acMenuContent.acMenuContentBoxThree {max-width: unset;} */
}

@media (max-width:764px) {
	.deviceManagementFour .checkSelectWrap.active {top: 117px;}
	.propertyList .checkSelectWrap.active {top: 36px !important;}

	
	.container .body .contents .dcHeader .title h3 {min-width: 100px;}
	.container .body .contents .dcHeader .title .titleTools {justify-content: space-between; width: 100%;}
	.container .body .contents .dcHeader .title .titleTools dl {flex-direction: column;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox {display: flex; flex-direction: column; justify-content: flex-start; gap: 32px; margin-bottom:32px;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv {width: 100%; max-width: unset;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv > div {width: 100%; max-width: unset;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName {display: flex;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName > dl {display: flex; flex-direction: column;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName > dl > dt {width: 100%;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .greetBoxDiv .memberName > dl > dd {width: 100%;}
	.container .body .contents.homeContainer .dcBody .detailView .greetBox .selectWrap {width: 100%; max-width: unset;}

	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne .sectionBody {flex-wrap: wrap;}
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne .sectionBody > .boxOne,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerOne .sectionBody > .boxTwo {min-height: 232px;}
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo .sectionBody {flex-wrap: wrap;}
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo .sectionBody > .boxOne,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerTwo .sectionBody > .boxTwo {min-height: 232px;}
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody {flex-wrap: wrap;}
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody > .boxOne,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody > .boxTwo,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody > .boxThree,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody > .boxFour,
	.container .body .contents.homeContainer .dcBody .detailView .sectionContainerThree .sectionBody > .boxFive {min-height: 232px; width: 100%; max-width: unset;}
	.wrapPro.homePage::after {content: ""; height: 320px; width: 175px; background-size: contain; background: url(../img/common/home_bg.png) no-repeat; top: 175px;}
	.container .body .contents .dcBody .viewBox .contentBoard.deviceContentBoard{padding:16px;}
	.container .body .contents .dcBody .viewBox .contentBoard.deviceContentBoard .tableBoard .tbHeader > div .toolBox > button{width:100%;}
	.container .body .contents .dcBody .viewBox .contentBoard .tableBoard .tbHeader > div .toolBox:nth-child(2) > .totalBox{order:3; justify-content:flex-end; width:100%;}
	.container .body .contents .dcBody .viewBox .contentBoard.deviceContentBoard  .tableBoard .tbHeader > div .toolBox:nth-child(1) > .divider{width:100%; height:1px;}
	.container .body .contents .dcBody .viewBox .contentBoard.deviceContentBoard .boardTitle{flex-direction:column; align-items:unset; gap:12px;}
	.contents.deviceList .contentBox .fb_x .bottom .tabBoard > .tabsView.advance .advanceContent .cardBox .thumbBox {display: flex; width: 100%; height: auto; aspect-ratio: 1;}
}	

@media (max-width:670px) {
	/* member modal */
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .dlBox dl {flex-direction:column; gap:12px; position:relative;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .dlBox dl dt{width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .dlBox dl dd{width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .dlBox dl dd .ssoBox .ssoInfo dl{flex-direction:row;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .dlBox dl dd .ssoBox > button{position:absolute; top:6px; right:0px;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabs{display:none;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabMobileView{display:block;} 
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader{flex-direction:column; gap:12px;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .buttonBox{flex-direction:column; width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .buttonBox > button{width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader > button{width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox .infoBody.membersBody .tabBox .tabsContent .tableHeader .totalBox{width:100%; justify-content:flex-end;}
	.modalBox .mbBody .mbBodyContents .infoBox.grantBox .dlBox{gap:14px;}
	.modalBox .mbBody .mbBodyContents .infoBox.grantBox .dlBox dl{flex-direction:column; gap:12px;}
	.modalBox .mbBody .mbBodyContents .infoBox.grantBox .dlBox dl dt{width:100%;}
	.modalBox .mbBody .mbBodyContents .infoBox.grantBox .dlBox dl dd{width:100%;}
	/* home */
	.container .body .contents.homeContainer .dcBody .detailView > .cardHolder{flex-direction:column;}
	.container .body .contents.homeContainer .dcBody .detailView > .cardHolder > .cardWrap{width:100%; box-sizing:border-box;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .startBox{width:100%;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter{padding:24px 0px;}
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .startBox .button{width:100%;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbBody > .cardHolder{flex-direction:column; align-items:center;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbHeader .userInfo > .user{flex-direction:column; display:flex;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbBody > .descriptionBox > h4{font-size:24px; width:73%; margin:auto;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard.waitingBoard > .cbBody > .imageBox{height:199px;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbFooter.fmFooter > .badgeBox{flex-direction:column;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbFooter.fmFooter > .infoBox > .tertiary{width:100%; text-align:center;}
	/* request board */
	.container .body .contents .dcBody .requestView .partnerCenterBox{padding:16px;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tableHead{flex-direction:column-reverse; align-items:flex-end;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tableHead > *{width:100%;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tableHead > * > *{width:100% !important;}
	.container .body .contents .dcBody .requestView .partnerCenterBox .tableHead > .tools{width:100%; flex-direction:column; gap:8px}
	.container .body .contents .dcBody .requestView .partnerCenterBox .radioBox{flex-direction:column; width:100%; gap:16px; align-items:unset; padding:8px 0px;}
	/* workspace */
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(1){flex-direction:column; gap:8px;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(1) > *{width:100%;}
	.container .body .contents .dcBody .viewBox .wsBoard .tableBoard .tbHeader > div .toolBox:nth-child(1) > .divider{height:1px; width:100%;}
	/* points board */
	.container .body .contents .dcBody .viewBox .pointsBoard{padding:16px !important;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(1) .tbHeader > div{flex-direction:column; gap:8px; justify-content:unset;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(1) .tbHeader > div .toolBox{gap:8px; flex-direction:column;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(1) .tbHeader > div .toolBox > *{width:100%;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBoard .tbHeader > div .toolBox:nth-child(1) > .divider{height:1px;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(1) .tbHeader > div .toolBox > .totalBox{justify-content:flex-end; margin-top:8px;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(2) .tbHeader > div{flex-direction:column; gap:8px; justify-content:unset;}
	.container .body .contents .dcBody .viewBox .pointsBoard .tableBox .tableBoard:nth-child(2) .tbHeader > div .toolBox > .totalBox{justify-content:flex-end; margin-top:8px; width:100%;}

	/* approval board */
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader{flex-direction:column; gap:8px; align-items:flex-end;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader form{order:1;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader form,
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader > button{width:100%;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader > button{order:2;}
	.container .body .contents .dcBody .viewBox .approvalBoard > .tabsView > .tableboard > .tbHeader > .totalBox{width:100%; margin:8px 0 0; text-align: right; order:3;}
	/* proxy setting popup */
	.proxyServerSetting .exceptionAdd .tableWrap table tbody tr td.jsmartable-row-append-td,
	.proxyServerSetting .exceptionAdd .tableWrap table thead tr th:nth-child(3){border-left:0px !important;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox {margin:0; flex-direction:column; align-items:flex-start;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .icon {margin-top:66px;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .info {margin:20px 0 0; width:100%;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup {margin:20px 0 0 !important; flex-direction:column; align-items:flex-start;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup .status {margin:0 0 10px;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup .buttonWrap {display:flex; flex-direction:column; width:100%;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .buttonGroup .buttonWrap button {margin:4px 0; width:100%;}
	.container .body .contents .dcBody .dcBodyDetail .sideDetail {padding:16px;}

	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .info dl {display:block;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .info dl dt {display:unset;}
	.container .body .contents .dcBody .dcBodyDetail .detailView .detailVeiwHeader .infoBox .info dl dd {display:unset;}

	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader {flex-direction:column;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader .buttonWrap {width:100%; margin-bottom:10px;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader .buttonWrap button {width:100%;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader .selectWrap {width:100%;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader .selectWrap .ui-selectmenu-button.ui-button {width:100%;}
	.container .body .contents .dcBody .dcBodyScroll .tableBoard .tableBoardHeader .searchFilterBox {width:100%;}
	/* licensing */
	.licensingBody .contents .dcBody .detailView .requestMenu .dl {margin: 0px; display: block; width: 100%;}
	.licensingBody .contents .dcBody .detailView .requestMenu .dl .dt {display: block; width: 100%; margin-bottom: 30px;}
	.licensingBody .contents .dcBody .detailView .requestMenu .dl .dd {display: block; width: 100%; margin-bottom: 30px;}
    .LGsolutionBox .solutionContainer .solutionBox .bottom .buttonWrap {margin: 5px auto;}
	.customBody .contents .dcBody .detailView .requestMenu.requestLicensing .dl .dd button {width: 100%;}
	/* support */
	.supportBody .dlBox {width: 100%;}
	.supportBody .dlBox .dl {display: flex; flex-direction: column; align-items: flex-start; margin: auto; width: 95%;}
	.supportBody .dlBox .dl .dd {margin: 20px 0 5px 0px; padding: 0; display: flex; justify-content: flex-start;}
	.supportBody .dlBox .dl .dt {margin: 20px 0 5px 0px; padding: 0; display: flex; justify-content: flex-start;}
	.supportBody .dlBox .dl .dd .content {height: 300px; width: 100%;}
	.supportBody .dlBox .comment dl {display: block;}
	.supportBody .dlBox .comment dl dd .acDiv {height: auto;}
	.supportBody .dlBox .comment dl dd .acDiv div {height: auto; width: auto;}
	.supportBody .dlBox .comment dl dd .buttonWrap {width: 100%;}
	.supportBody .dlBox dl dd .buttonWrap button {width: 100%;}
	/* .supportBody .dlBox dl dd div {width: 100% !important; height: auto !important;} */
	.supportBody .dlBox .comment dl dd .buttonWrap button {width: 100%;}
	.registerQuestion .dlBox .filesDiv .fileSection {height: auto !important;}
	.registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox {display: flex; height: auto; flex-wrap: wrap;}
	.registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox > div {margin: 10px; width: calc(100% - 40px);}
	.registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .fileDelete {margin: 10px; width: auto;}
	.registerQuestion .dlBox .filesDiv .attachedFileBigBox .attachedFileBox .button {margin: 0; width: auto !important;}
	.supportBody .dlBox .comment dl dd .acDiv {width: calc(100%) !important; word-break: break-all;}
	.supportBody .dlBox .comment dl dd .acDiv .div {width: calc(100% - 40px); word-break: break-all; box-sizing: border-box;}
	.supportBody .dlBox .comment dl dd .acDiv .acInfo {width: calc(100% - 80px);}

	/* view popup */
	.modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo {display: flex; flex-direction: column;}
	.modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .compDetails {max-width: calc(100%); padding: 10px;}
	.modalBox .mbBody .mbBodyContents .article .viewPopup .serverInfo .serverContent {display: block;}
	/* .modalBox .mbBody .mbBodyContents .article .viewPopup .serverInfo .serverContent > div {width: 100%;} */
	.modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .thumbBox {margin: 20px 20px 20px; padding: 0; width: 60px; height: 60px; position: absolute;}
	.modalBox .mbBody .mbBodyContents .article .viewPopup .partnerCompanyInfo .contentPartneCompanyInfo .compDetails .companyName {margin-left: 90px; margin-top: 10px;}
	.accountManagement .contents .dcHeader {flex-direction: column; margin: 0 0 20px 0;}
	.accountManagement .contents .dcHeader .tools {flex-direction: column; width: calc(100% - 40px); margin: auto; padding: 0;}
	.accountManagement .contents .dcHeader .tools .button {width: 100%; margin: 5px 0;}

	/*  popup license management */
	.licenseManagementPopup .mbBody .mbBodyContents .article .dlBoxGroup .basicInfo .issueDate dd .licensingDatepick {display: block; width: 100%;}
	.licenseManagementPopup .mbBody .mbBodyContents .article .dlBoxGroup .basicInfo .issueDate dd .licensingDatepick div, .licenseManagementPopup .mbBody .mbBodyContents .article .dlBoxGroup .basicInfo .issueDate dd .licensingDatepick div:first-child , .licenseManagementPopup .mbBody .mbBodyContents .article .dlBoxGroup .basicInfo .issueDate dd .licensingDatepick div:last-child {display: block; width: 100%;}

	/* lg solution */
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .infoBox {padding-left: 0;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .buttonGroup {width: 100%; height: 33px;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .infoBox {padding: 0;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .infoBox .appName {margin: 62px 0 30px 0;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwHeader .buttonGroup .button.iconPopup {width: 100%; height: 33px;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo dl.rNote dd {margin: 18px 0; padding: 0;}
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo dl.rNote dd .button.iconPopup {width: 100%; height: 33px;}

	/* thumb image app details */
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img:nth-child(2) {display: none;}
	/* account managemente */
	.accountManagement .contents .dcBody .detailView .acMenu {min-height: calc(100vh - 280px);}

	/* request approval */
	.customBody .contents .dcBody .detailView .requestMenu .requestApproval.newRequest {width: 100%; padding: 10px;}
	.customBody .contents .dcBody .detailView .requestMenu .requestApproval.newRequest div .buttonWrap .button {height: auto; min-height: 42px; width: calc(100%); word-break: break-word;}
	/* how to edit popup */
	.howToEditPopup .siteManagementIcon {width: 100%; height: 250px;}
	/* points history  */
	.detailView.pointsHistory .historyBox .body .dateBox {display: flex; flex-direction: column; width: calc(100%); gap: 10px;}
	.detailView.pointsHistory .historyBox .body .dateBox .column_50 .dateBox {display: flex; flex-direction: row;}
	/* new request */
	.customBody .contents .dcBody .detailView .requestMenu .requestApproval.newRequest div .buttonWrap .button {white-space: normal; padding: 4px 41px; box-sizing: border-box; word-break: keep-all;}
	.customBody .contents .dcBody .detailView .requestMenu .requestApproval.newRequest div {margin: 0 0 40px 0;}
	/* webOs apps */
	/* .webOSApp .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl:nth-child(1) dd > div {margin: 14px 0 0 0;} */
	/* devive view popup */
	.modalBox.deviceViewModal .mbBody .mbBodyContents .article.deviceView {padding: 0;}

	/* assign device popup */
	.profileNamePop .settingVal .body ul {padding: 0 0 0 10px;}
	.profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap .bigTable {display: none;}
	.profileNamePop .settingVal .body ul li .powerOnOffSchedule dl dd .tableWrap .mobileTable {display: block;}

	/* add device popup  */
	/* one  */
	.modalBox .addDeviceOne .mbBodyContents .article .dlBox dl dd .addDeviceOTP {flex-direction: column; align-items: flex-start; gap: 16px;}
	/* two */
	.modalBox .addDeviceTwo .mbBodyContents .article .dlBox dl dd .addDeviceOTP {flex-direction: column; align-items: flex-start; gap: 16px;}
	.modalBox .addDeviceTwo .mbBodyContents .article .dlBox dl dd .multipleDevice .top {flex-direction: column;}
	.modalBox .mbBody .mbBodyContents .licenseService .infoBody .dlBox > dl > dd > .validPeriod {display: flex; flex-direction: column;}
	.dateBox.customDate > .inputWrap {width: 100%;}
}


/* 576px ===================================================================== */
@media (max-width:576px) {
	.container .body .contents.homeContainer .dcBody{margin:0 16px;}
	/* home */
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card{flex-direction:column; align-items:flex-start; padding:16px; white-space:normal;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.quickMenu > .sectionBody > .card > .infoBox > span{text-align:left;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbFooter.fmFooter{padding:24px 0px;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbFooter.fmFooter > .startBox{width:100%;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbBody > .cardHolder > .cardWrap{width:100%; box-sizing:border-box;}
	.container .body .contents .dcBody .homeView .viewBox .homeBoard > .cbFooter.fmFooter > .startBox > button{width:100%;}
	/* member modal */
	.modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepHeader{flex-direction:column; height:auto; gap:8px;}
	.modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepHeader > *{width:100%;}
	.modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepHeader > .stepContainer{justify-content:flex-end;}
	.modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepBody .assignmentSection dl{flex-direction:column; gap:8px;}
	.modalBox .mbBody.stepModal .mbBodyContents .stepBox > .stepBody .assignmentSection dl > *{width:100% !important;}

	.smSize {display:none;}
	.container .body .snb {width:100%;}
	.container .body .snb .snbHeader {height:40px;}
	.container .body .snb .snbHeader .backTitle {margin:0 10px;}
	.container .body .snb .title,
	.container .body .snb .total {padding:0 20px;}
	.container .body .snb .groupList > ul > li.group > a {padding:0 20px;}
	.container .body .snb .search::before {left:20px;}
	.container .body .snb .search input {padding:0 46px;}
	.container .body .snb .groupList {height:calc(100% - 208px);}
	.container .body .snb .groupList ul li a {margin:0 40px 0 14px;}
	.container .body .snb .groupList > ul > li.group.active ul li.active::before {left:6px;}
	.container .body .userToolBox {top:0; z-index:80;}
	.container .body .userToolBox .userInfo .close {top:56px;}
	.container .body.rightSideOn .userToolBox {width:100%;}
	.container .body.rightSideOn .userToolBox .userInfo .close {top:0;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail .tableBoard .tbHeader {flex-direction:column;}
	.container .body .contents .contentBox .detailView .VeiwBody .viewDetail .tableBoard .tbHeader .tools {width:100%; margin-top:10px;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tools {flex-direction:column; height:auto; align-items:flex-start;}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tools .listType {}
	.container .body .contents .contentBody .contentBox .contentBoxHeader .tools .selectWrap {order:-1; width:100%;	margin:10px 0;}
	.container .body .contents .dcSearch .inputWrap {width:calc(100% - 20px); margin:10px 0 20px 0;}
	/* modalBox */
	.modalBox .mbBody.newMBBody {padding: 20px !important;}
	.modalBox .mbBody {padding:20px;}
	.modalBox .mbBody.propertyAdministratorBody {padding:20px;}
	.modalBox .mbBody .mbBodyContents .article .regionGroup .regionList .opt {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools {flex-direction:column; align-items:flex-start;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools.mgb20 {margin-bottom:0 !important;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools .buttonBox {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools .buttonBox button {width:100%; margin-bottom:10px;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools .selected {font-size:16px; margin-bottom:6px;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnHeader .tools .inputWrap {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnBody .listBox {height:auto; overflow:hidden; border-radius:10px !important;}
	.modalBox .mbBody .mbBodyContents .article .columnWrap .columnBox .columnBody .listBox ul li .item {margin:0 16px;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article {flex-direction:column;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap.column_70 {width:calc(100% - 4px); margin-bottom:30px;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap.selectedBox {width:calc(100% - 4px);}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap.selectedBox .columnHeader {height:auto;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnBody .selectListBox {height:auto;}
	.accountManagement .contents .dcBody .detailView .acMenu .headerTopacM {display: flex; flex-direction: column; height: auto; width: 100%; padding: 0;}
	.accountManagement .contents .dcBody .detailView .acMenu .headerTopacM button {height: 31px; margin: 10px 0;}
	.accountManagement .contents .dcBody .detailView .acMenu .headerTopacM .tableHead {margin: 10px 0;}
	/* account Managemenent  */
	.assignRoleModal .mbBody .mbBodyContents .tools {flex-direction: column;}
	.assignRoleModal .mbBody .mbBodyContents .tools .inputWrap {margin: 5px 0; width: 100% !important;}
	.assignRoleModal .mbBody .mbBodyContents .tools.props .inputWrap {margin: 5px 0; width: 100% !important;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .title {width: 100% !important;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .tools button:first-child {margin: 0 5px !important;}
	.container .body .contents .contentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .tools button:last-child {margin: 0 5px !important;}
	.registerMyAppOne .article .dlBoxGroup .dlBox .scope dd .uploaded {height: auto;}
	/* license management */
	.licenseBox {padding: 20px;}
	.licenseBox .rangeWrap {order: 1;}
	.licenseBox .statusWrap {order: 2; margin: 0;}
	.licenseBox .statusWrap dl {width: 100%; display: flex;}
	.licenseBox .statusWrap dl dt {width: 120px; padding-right: 20px; display: flex; justify-content: flex-start;}
	.licenseManagementTableWrap {display: block; margin: 40px 0 20px 0; height: auto;}
	.licenseManagementTableWrap strong {display: block; margin-bottom: 20px;}
	.licenseManagementTableWrap button {width: 100%; height: 33px;}
	/* partner center */
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags {flex-direction: column;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag {margin: 5px 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:first-child {margin: 5px 0;}
	.partnerCenterBox .Box .smallBox .boxCard .cardBody .tagBox .tags .tag:last-child {margin: 5px 0;}

	/* support */
	.supportBody .dlBox .dl .dd .downloadFileBox {height: auto; padding: 12px 15px;}
	/* view popup  */
	.modalBox .viewBody {height: auto;}
	.modalBox .viewBody .mbBodyContents {max-height: max-content !important; height: auto;}
	.modalBox .mbBody .mbBodyContents .article .viewPopup .waitingBox {margin: 16px auto 14px auto;}
	/* popup */
	.assignRoleModal .buttonWrap .button {margin-bottom: 10px; width: 100%;}
	.assignRoleModal .mbBody .mbBodyContents .listBox {height: auto;}
	.assignRoleModal .mbBody .mbBodyContents .listBox ul {height: auto;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox  {height: auto;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox .one {height: auto;}
	.modalBox .mbBody .mbBodyContents .article .dlBox {word-wrap: break-word;}
	.assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dd button {width: auto;}
	.assignRoleModal .mbBody .mbBodyContents .summaryDivOne p {width: auto;}
	.assignRoleModal .propertyAdministratorBody .mbBodyContents .bigBox .one {display: none;}
	.assignRoleModal .propertyAdministratorBody .mbBodyContents .bigBox .two {width: 100%;}
	.mobileContentInstallUninstall.popupACM {display: block;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox .two ul {height: 592px; overflow-y: scroll;}

	/* view popup with comment box  */
	.modalBox.viewCommentPopup .mbBody .mbBodyContents .article .dlBox {gap: 10px 0px !important;}
	.modalBox.viewCommentPopup .mbBody .mbBodyContents .article {padding: 0px;}

	/* register my app  */
    .modalBox .mbBody.regMA {padding: 20px; box-sizing: border-box;}
	.modalBox .mbBody.regMA .mbBodyContents {padding: 0px;}
	.modalBox .mbBody.regMA .registerMyApp .article .dlBox dl.resolution {margin:0 !important; width: calc(100%);}
	.modalBox .mbBody.regMA .mbBodyContents .article .dlBox dl.appFileUpload {margin: 0; width: 100%;}

	/* sitemap */
	.assignRoleModal .mbBody .mbBodyContents .tools.props .inputWrap:last-child {margin: 0;}


	.assignRoleModal .mbBody .mbBodyContents .bigBox {margin-top: 60px;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox .two .inputWrap {position: absolute; left: 20px; width: calc(100% - 40px) !important; top: 235px;}

	/* install uninstall popup  */
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .inputWrap {position: absolute; top: 275px; left: 20px; width: calc(100% - 40px) !important;}
	.partnerPopup .modalBox .mbBody .mbBodyContents .article .head h3 {margin: 0;}
	/* points hIstory */
	.detailView.pointsHistory .historyBox .footer .button {width: 100%;}

	/* file upload */
	.fileUpload .dlBox dl {flex-direction: column;}
	.fileUpload .dlBox dl dt {justify-content: flex-start; width: 100%; margin: 0 0 10px 0;}
	.fileUpload .dlBox dl dd {justify-content: flex-start; width: 100%; padding: 0; margin-bottom: 20px;}

	/* .deviceManagementOne  */
	.deviceManagementOne .deviceBox .textBox p {line-height: 1.5; text-align: center; font-size: 18px;}
	.deviceManagementOne .deviceBox .buttonWrap button {height: auto; padding: 4px 41px; word-break: keep-all; max-width: 100%; line-height: 1.2; white-space: normal !important;} 

	/* view request two */
	.popupLicense .modalBox.viewRequestTwo .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm {padding: 0;}
	.popupLicense .modalBox.viewRequestTwo .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .confirmBox .sectionConfirm .dlBox dl {width: 100%;}

	/* reqyest fir devuce management one */
	.requestForDeviceManagementOne .mbBody {padding: 14px 20px;}
	.requestForDeviceManagementOne .mbBody .mbBodyContents .article .dlBoxGroup .dlBox {padding: 30px 0; gap: 30px;}
	.requestForDeviceManagementOne .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl {gap: 10px;}
	.requestForDeviceManagementOne .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dt {margin: 0;}
	/* device management three  */
	.deviceManagementThree .acMenu .acMenuContent .click {margin-top: 10px;}
	/* main */
	.container .body.customBody.layoutTwoWrapper {height: calc(100% - 200px);}

	/* dcFooter */
	.dcFooter {justify-content: center;}

	/* approval modal */
	.modalBox .mbBody .mbBodyContents .infoBox.aprroveInfoBox .infoBody .basicInfoBox .dlBox dl{flex-direction:column;}
	.modalBox .mbBody .mbBodyContents .infoBox.aprroveInfoBox .infoBody .basicInfoBox .dlBox dl dt,
	.modalBox .mbBody .mbBodyContents .infoBox.aprroveInfoBox .infoBody .basicInfoBox .dlBox dl dd{width:100%; padding:0px;}
	
	/* hstep */
	.hStep .stepBox .sheparator {width: 32px;}


	.popupLicense .modalBox .mbBody .mbBodyContents.registerMyApp {padding: 0px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox {padding: 12px 16px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .ssThumb {width: 66px; height: 40px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox .ssName {margin: 0 2px;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .screenshotUpload .ssBox  {}
	
	/* new license board UI  */
	.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;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .assignedDevice .assignedLicenseBox {display: flex; flex-direction: column; gap: 20px;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .assignedDevice .assignedLicenseBox > span {width: 100%;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .assignedDevice .assignedLicenseBox > button {width: 100%;}
	/* license connected care  */
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox {flex-direction: column;}
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .leftContent, 
	.container .body.licenseBody .contents .dcBody .viewBox .lmBoard .tabBoard .licensedCloud > .bottom .bottomCardDetails .cardContentBox.connectedcareSelect > .topBox .rightContent {width: 100%;}
}


/* 480px ===================================================================== */
@media (max-width:480px) {
	/* home page */
	.container .body .contents.homeContainer .dcBody .detailView > .fmFooter > .badgeBox{flex-direction:column;}
	.container .body .contents.homeContainer .dcBody .detailView .block:nth-child(2){margin-bottom:32px;}
	.container .body .contents.homeContainer .dcBody .detailView .block{gap:32px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody{min-height:unset;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chart{width:180px; height:180px;}
	.container .body .contents.homeContainer .dcBody .detailView .block > .section.graphBox > .sectionBody > .chartInfo{width:100%; min-width:unset;}
	.xsSize {display:none;}
	/* page */
	.container .body .contents .itemWrap .itemBox .item .infoBox {flex-direction:column;}
	.container .body .contents .itemWrap .itemBox .item .infoBox .icon {margin-bottom:10px;}
	.container .body .contents .itemWrap .itemBox .item .infoBox .info {width:calc(100% - 0px); margin:0;}
	.container .body .contents .itemWrap .itemBox .item .buttonGroup {flex-direction:column;}
	.container .body .contents .itemWrap .itemBox .item .buttonWrap {margin:4px 0; padding:0; width: 100%;}
	.container .body .contents .itemWrap .itemBox .item .buttonWrap button {width: 100%; margin: 4px 0;}
	.container .body .contents .itemWrap .itemBox .item .buttonWrap button[data-icon="warning"]::before {display:none;}
	.container .body .contents .itemWrap .itemBox .item .buttonWrap button[data-icon="warning"]::after {content: ''; display:inline-block; vertical-align:middle; margin: 0 4px; width:19px; height:18px; background:url(../img/page/icon_exclamationMark.png)no-repeat;}
	/* modalBox */
	.modalBox .mbBody .mbBodyContents .article .dlBox dl dd .dubleAddBox .inputBox {width:calc(40% - 30px);}
	.modalBox .mbBody .mbBodyContents .article .tabs ul {flex-direction:column;}
	.modalBox .mbBody .mbBodyContents .article .tabs ul li {width:100%;}
	.modalBox .mbBody.selectSiteWrap .mbBodyContents .article .columnWrap .columnBox.columnPartnerRight .columnBody .selectListBox .selectListBody .group .optList .opt {width:100%;}
	.modalBox .mbBody .mbBodyContents .article .sectionGroup .roleList button {width:calc(50% - 10px); margin: 3px;}
	/* table  */
	.licensingBody .contents .dcBody .detailView .approveMenu .tableWrap .table {width: calc(100%); margin: auto;}
	.licensingBody .contents .dcBody .detailView .approveMenu .tableWrap.supportTableNotice {overflow: auto;}

	/* input box  */
	.customInputBox {height: auto; display: block;}
	.customInputBox input {width: 100%; border-bottom: 1px solid #929292;}
	.customInputBox button {width: 100%; margin: 5px 0 !important;}
	/* licensing  */
	.customBody {margin-top: 0 !important;}
	.customBody .contents .dcBody .detailView .requestMenu .dl .dd .button{width: 100%;}
	.customBody .contents .dcBody .detailView .requestMenu.requestLicensing .dl .dt{width: auto !important;}
	.licensingBody .contents .dcBody .detailView .approveMenu .snbWrap{display: block; width: 100%;}
	.approveMenu .tools {width: 100%; margin: 20px 0 20px 0; padding: 0; display: block !important; height: auto !important;}
	.approveMenu .tools > button {width: calc(100%); margin: 0 0 10px 0 !important; padding: 0;}
	.approveMenu .tools > fieldset .inputWrap {width: calc(100% - 10px) !important; margin:5px 5px;}
	.partnerCenterBox .tools {width: 100%; margin: 20px 0 20px 0; padding: 0; display: block;}
	.partnerCenterBox .tools > button {width: calc(100% - 10px); margin: 5px;}
	.partnerCenterBox .tools > fieldset .inputWrap {width: calc(100% - 10px); margin:5px;}
	.partnerCenterBox .topSection {margin: 0; width: 100%;}
	.partnerCenterBox {padding:16px; margin:auto;}
	.container .body .contents .dcBody .requestView .partnerCenterBox{padding:16px; margin:auto;}
	.approveMenu .supportTableNotice .jsmartable tbody tr td:first-child {text-align: left; padding-left: 0px}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox dl dd .checkInput {width: calc(100%);}
	/* step2 popup */
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .fb_ew {display: block;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType {display: flex; width: auto; height: auto; flex-direction: column;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table {width: 95% !important; margin: 10px auto;}
	.popupLicense .modalBox .mbBody .mbBodyContents .article .dlBoxGroup .dlBox .dl .dd .serviceBox .serviceType > table > tr > td {width: auto; height: auto; display: flex;word-wrap: break-word; padding: 5px; box-sizing: border-box;}
	.licensingBody .contents .dcBody .detailView .approveMenu .tools {margin: 0; width: 100%;}
	.licensingBody .contents .dcBody .detailView .approveMenu .tools form {margin: 5px 0;}
	.licensingBody .contents .dcBody .detailView .approveMenu.supportApproveMenu .tools {margin: 0 !important;}
	.licensingBody .contents .dcBody .detailView .approveMenu.supportApproveMenu .tools button {margin: 0 !important;}
	/* reject popup licensing */
	.issueViewRequest .modalBox .mbBody .mbBodyContent .article .dlBoxGroup .dlBox .inputBoxIssue .dl .dd .inputBox textarea {height: auto;width: auto;}
	/* popup step */
	.popupLicense .modalBox .popupStep {height: auto; padding: 16px 20px; box-sizing: border-box; display: block;}
	.popupLicense .modalBox .popupStep .popTitle {text-align: left;}
	.popupLicense .modalBox .popupStep .stepButton {width: auto; margin-left: auto; justify-content: flex-end;}
	.popupStep .stepButton .popStep {margin: 15px 5px 0 0 !important;}
	/* app details partner center */
	.appDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup {display: block; height: auto; width: 100%;}
	.appDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup > button {width: 100%; margin: 5px auto;}
	.appDetails .contentBox .one .detailView .detailVeiwHeader .infoBox .tagBox {display: block; height: auto;}
	.appDetails .contentBox .two {margin: 0;}
	.unapprovedAppDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup .firstgroup {flex-direction: column; border: none; margin: 0; padding: 0; width: 100%;}
	.unapprovedAppDetails .contentBox .one .detailView .detailVeiwHeader .buttonGroup .firstgroup > button {width: 100%; margin: 0 0 5px  0;}
	.unapprovedAppDetails .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox {flex-direction: column;}
	.unapprovedAppDetails .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox .icon {margin: 0 65% 20px 0;}
	.unapprovedAppDetails .contentBox .detailView .detailVeiwHeader .infoBox .thumbBox .appName {margin-right: 55% !important; display: block;}
	.partnerCenterBox .topSection {margin: 0;width: 100%;}
	.partnerCenterBox .topSection > button {margin: 5px;width: calc(100% - 5px);}
	/* before sign in */
	.accountBox2 .desc {width: 100%; height: auto; position: relative; margin: auto; top: 141px;}
	.accountBox2 .desc h2 {margin-bottom: 106px !important;}
	.accountBox2 .solutionContainer {width: 100%; padding: auto; margin: auto; margin-top: 126px; box-sizing: border-box;}
	.accountBox2 .solutionContainer .solutionBox .bottom {width: auto; height: auto;}
	.accountBox2 .solutionContainer .solutionBox {height: auto; width: calc(100% - 30px);}
	.LGsolutionBox .solutionContainer {margin-top: auto;}
	/* support  */
	.approveMenu .fb_ewy {flex-direction: column;}
	.approveMenu .fb_ewy .tableHead {text-align: center !important;}
	.approveMenu.supportApproveMenu .fb_ewy .tableHead {text-align: right !important; padding: 0 !important;}
	.container .body .contents .dcHeader .title {height: auto; word-break: break-all; width: 100%;}
	.approveMenu .fb_ewy .buttonWrap {width: 100%;}
	.approveMenu .fb_ewy .buttonWrap > button {width: 100%; height: 33px !important; display: flex; align-items: center; justify-content: center;}
	.licensingBody .contents .dcBody .detailView .approveMenu .tools > button  {height: 33px !important;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item {display: block;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item > div {display: block; width: 100%;}
	.customContentBox .detailView .VeiwBody .siteManagement .columnWrap .columnBox .columnBody .listBox ul li .item .tools {display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;}
	/* account section  */
	.assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dd button {width: 100%;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox {width: calc(100% - 4px); height: auto; display: flex; flex-direction: column;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox .one {width: 100%;}
	.assignRoleModal .mbBody .mbBodyContents .bigBox .two {width: 100%;}
	/* partner center */
	/* .no-content {margin: 30px 0;} */
	/* app details thumb control buttons */
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imagePreviousWrap{position:absolute; left: 12px; z-index: 12;}
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb .imageNextWrap{position:absolute; right: 12px;z-index: 12;}
	/* partner center app details */
	.appDetails .contentBox .two {margin:0;width:100%; height: auto; max-height: unset;}
	.container .body .contents.appDetails .contentBox .detailView .detailVeiwBody .moreBoxInfo .appDetailsDlBox {width: 100%;}
	.container .body .contents.appDetails{margin: auto; width:calc(100% - 40px); padding: 0 16px;}
	.container .body .contents.appDetails.unapprovedAppDetails{margin: auto; width:calc(100%)}
	.partnerCenterBox .tableHead{flex-direction: column; margin-right: 0; text-align: right;}
	.partnerCenterBox .tableHead .totalNo {margin: 20px 0 0 auto;}

	/* filter  */
	.filterWrap.active {width: 100%; top: 0; height: 100%;}
	.filterWrap .filterBody {height: calc(100%);}
	.filterWrap.active .filterButton {height: auto; flex-direction: column; padding: 10px; box-sizing: border-box;}
	.filterWrap .filterButton button {width: 100%; margin: 5px 0;}

	/* account management */
	.assignRoleModal .mbBody .mbBodyContents .stepTwo .dlBox dl dt {margin: 0 0 10px 0px;}
	.assignRoleModal .mbBody .mbBodyContents .article .dlBox .email dt {width: 100% !important;}

	/* app details  */
	.container .body .contents .contentBox .detailView .detailVeiwBody .moreBoxInfo .thumb img {margin: 0; height: 156px; width: 256px;}
	.container .body .contents.appDetails .dcHeader .title {flex-direction: column; width: 100%; justify-content: flex-start; align-items: flex-start; gap: 12px;}
	.container .body .contents.appDetails .dcHeader .title h1 {width: auto; max-width: calc(50%  - 10.5px);}
	.container .body .contents.appDetails .dcHeader .title span {width: auto; max-width: calc(50%  - 10.5px);}
	/* solution details */
	.container .body .contents .contentBox.solutionDetails .detailView .detailVeiwBody .moreBoxInfo .thumb img:first-child {margin: 0;}

	.assignRoleModal .mbBody .mbBodyContents .bigBox .two .inputWrap {top: 260px;}

	.partnerPopup .modalBox .mbBody .mbBodyContents .article .boxContainer .firstBox .inputWrap {top: 295px;}
	
	/* how to edit popup */
	.howToEditPopup .siteManagementIcon {width: 100%; height: 200px;}
	/*  */
	.tools.appsTools {display: flex; gap: 10px; flex-direction: column;}
	.tools.appsTools > .inputWrap {width: calc(100%) !important;}
	.tools.appsTools > .button {width: calc(100%); margin: 0 !important;}

	/* device management assign profile  */
	.assignProfilePopup .profileBox .body {margin: 41px 0 0 0;}
	.assignProfilePopup .profileBox .body .textBox {margin: 0; text-align: center;}
	.assignProfilePopup .profileBox .body .buttonWrap {margin: 0; padding: 28px 0;}
	/* device management profile */
	.modalBox .mbBody .mbBodyContents.createProfilePopup .dlBox {display: flex; flex-direction: column; gap: 30px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .dlBox dl {display: flex; flex-direction: column; gap: 10px 0;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .dlBox dl dt {width: 100%;}
	.modalBox .mbBody .mbBodyContents.createProfilePopup .dlBox dl dd {width: 100%;}

	/* add schedule */
	.addSchedulePopup .scheduleType {display: flex; margin: 60px 0 30px 0;}
	.addSchedulePopup .scheduleType dl {display: flex; flex-direction: column; gap: 16px;}
	.addSchedulePopup .scheduleType dl dd .fb_e {display: flex; flex-direction: column; gap: 16px;}
	.addSchedulePopup .dlBox {display: flex; flex-direction: column; gap: 30px 0;}
	.addSchedulePopup .dlBox dl {display: flex; flex-direction: column; gap: 16px 0; align-items: flex-start;}
	.addSchedulePopup .dlBox dl dt {align-items: flex-start; padding: 0;}
	.addSchedulePopup .dlBox dl dd {align-items: flex-start;}
	.addSchedulePopup .dlBox dl dd > .weekBox {flex-wrap: wrap;}

	/* account management */
	.accountManagement .contents .dcBody .detailView .acMenu .acHeader .tools {margin: 0 8px 20px 8px;}

	/* .checkSelectWrap.active  */
	.accountManagementTableTwo .checkSelectWrap.active {flex-direction: column; height: auto; top: -55px; margin: 0; width: calc(100%); padding: 11px 10px;}
	.accountManagementTableTwo .checkSelectWrap.active .tools {flex-direction: column; height: auto; gap: 13px;}
	.accountManagementTableTwo .checkSelectWrap.active .tools .selectNum {text-align: left; width: 100%;}
	.accountManagementTableTwo .checkSelectWrap.active .tools .buttonWrap {flex-direction: column;}

	/* license management */
	.licenseBox .statusWrap dl dd strong {font-size: 40px; display: block; height: 40px; margin: 0;}
	.licenseBox .statusWrap dl {display: flex; padding: 20px; width: 100%; text-align: left;}
	.licenseBox .statusWrap dl dd {display: flex; gap: 4px; flex-direction: column; width: 100%; min-height: 60px;}
	.licenseBox .statusWrap dl:last-child {border: none;}

	/* created app view */
	.createdAppView.viewPopup .advInfo .body .appSS .appScreen .thumb img {height: 120px; width: 200px;}
	.createdAppView.viewPopup .advInfo .body .appSS .appScreen .thumb {gap: 0;}
	/* proxy server  */
	.proxyServerSetting .exceptionAdd .tableWrap .tableHead {display: flex; flex-direction: column; padding: 0 0 10px 0; gap: 20px;}
	.proxyServerSetting .exceptionAdd .tableWrap .tableHead > .buttonWrap {width: calc(100%); margin: 0; padding: 0;}
	.proxyServerSetting .exceptionAdd .tableWrap .tableHead > .buttonWrap > button {width: calc(100%); margin: 0 !important; padding: 9px 38px; height: auto;}
	/* device four  */
	
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox {display: flex; flex-direction: column;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox > button {width: 100%;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox .sheparator {display: flex; align-items: center; height: 1px; width: 100%; background: #000; opacity: 0.1;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox .buttonDiv {display: flex;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .buttonBox .buttonDiv > button {width: 100%;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox {display: flex; flex-direction: column; width: 100%; padding: 8px 0 0 0; box-sizing: border-box; text-align: right;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox > .totalBox {order: 3; display: flex; width: 100%;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox > form {order: 1; width: 100%;}
	.deviceBoard.deviceFour .bottom .tableBoard .tbHeader .fb_ew .toolBox > button {order: 2; width: 100%;}
	.deviceBoard.deviceFour .top {width: 100%; flex-direction: column;}
	.deviceBoard.deviceFour .top .left {background: rgba(23, 44, 232, 0.10);}
	.deviceBoard.deviceFour .top .left .contentName {order: 2;}
	.deviceBoard.deviceFour .top .left .contentPath {order: 1;}
	.deviceBoard.deviceFour .top .left .contentPath dl {display: flex; flex-direction: column;}
	.deviceBoard.deviceFour .top .left .contentPath dl dt .mobileDivSNB {margin: 0; display: flex; width: auto; min-width: unset;}
	
	/* device profile */
	.contents.deviceProfile .contentBox .fb_x .tableBoard .tbHeader .fb_ew .buttonBox {width: 100%;} 
	.contents.deviceProfile .contentBox .fb_x .tableBoard .tbHeader .fb_ew .buttonBox > button {width: 100%;} 
	
	.contents.deviceProfile .contentBox .fb_x .tableBoard .tbHeader .fb_ew .toolBox > .totalBox {order: 3; display: flex; width: 100%; padding: 8px 0 0 0; text-align: right; box-sizing: border-box;}
	.contents.deviceProfile .contentBox .fb_x .tableBoard .tbHeader .fb_ew .toolBox > form {order: 1; width: 100%;}
	.contents.deviceProfile .contentBox .fb_x .tableBoard .tbHeader .fb_ew .toolBox > button {order: 2; width: 100%;}
	.contents.deviceProfile .contentBox .fb_x {padding: 0;}
	/* add device */
	.addDevice.multiple .mbBodyContents .deviceContentBox .uploadBox .top {flex-direction: column;}
	.addDevice.multiple .mbBodyContents .deviceContentBox .uploadBox .bottom dl {flex-direction: column; justify-content: flex-start; align-items: flex-start;}

	.assignProfilePopup .profileBox {min-height: unset;}
	.assignProfilePopup .profileBox .body {display: flex; flex-direction: column; gap: 12px; margin: 20px 0 0 0;}
	.assignProfilePopup .profileBox .body .createProfileBox {margin: 0; flex-direction: column;}
	.assignProfilePopup .profileBox .body .createProfileBox .button {width: 100%;}

	/* home Ui  */
	.container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox {display: flex; flex-direction: column; width: 100%;}
	.container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox > strong,
	.container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox > div,
	.container .body .contents.homeContainer .dcBody .detailView .block.tableSection .tableBoard .tbHeader .toolBox > a {width: 100%;}
}

@media (max-height: 650px){
	
	/* device management three  */
	/* .deviceManagementThree .acMenu .acMenuContent {height: calc(100% - 90px);} */
	
}

@media (max-height: 610px){	
	/* device management three  */
	/* .deviceManagementThree .acMenu .acMenuContent {height: calc(100% - 150px);} */
}
@media (max-height: 450px){
	/* calendar popup */
	.b-calendar .b-calendar-grid-body .col[data-date] .btn { width: 25px; height: 25px; font-size: 14px;  margin: 3px auto; padding: 4px;}
	.b-calendar-grid-body {height:188px !important;}
	/* how to edit popup */
	.howToEditPopup .siteManagementIcon {width: 100%; height: 100px;}
	/* dcFooter */
	/* .container .body {height: calc(100% - 260px);} */

}

@media (max-width: 498px){
}

@media (max-width: 385px){
	/* .checkSelectWrap .tools .buttonWrap .btnMore .layerNavi {left: 0;} */
}

@media (max-width: 400px){
	/* create profile edit shcedule */
	.createProfileEditPopup .tableWrap .jsmartable .jsmartable-row .jsmartable-col .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol {padding: 16px 16px 16px 65px; box-sizing: border-box;}
	.createProfileEditPopup .tableWrap .jsmartable .jsmartable-row .jsmartable-col .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .addDeleteViewButtonWrap {padding: 0; margin: 0; display: flex; gap: 10px 0;}
	.createProfileEditPopup .tableWrap .jsmartable .jsmartable-row .jsmartable-col .jsmartable-subtable .jsmartable-subrow .jsmartable-subcol .addDeleteViewButtonWrap > button {display: flex; justify-content: center; align-items: center; padding: 0; margin: 0 !important; height: 30px; min-width: 144px;}
}

@media (max-height:900px){
	/* device management three  */
	/* .deviceManagementThree .acMenu .deviceManagementMenu {padding: 100px 0; width: 100%; box-sizing: border-box;} */
}
@media (max-height:1029px){
	/* device management three  */
	/* .deviceManagementThree .acMenu .deviceManagementMenu {padding: 50px 0; width: 100%; box-sizing: border-box; height: -webkit-fill-available;} */
}
@media (max-height: 420px){
	/* how to edit popup */
	.howToEditPopup .siteManagementIcon {width: 100%; height: 188px !important;}
	.checkSelectWrap .tools .buttonWrap .btnMore .layerNavi {}
}