@charset "UTF-8";


/* reset */
@import url(lib/reset.css?t=1);
@import url(_reset_2024.css?t=1);
/* library */
@import url(lib/aos.css?t=1);
@import url(lib/jquery-ui.css?t=1);
@import url(lib/jquery-ui-custom.css?t=1);
/* common css */
@import url(_var.css?t=1);
@import url(_font_2024.css?t=1);
@import url(_global_2024.css?t=1);
@import url(_button_2024.css?t=1);
@import url(_form_2024.css?t=1);
@import url(_layout_2024.css?t=1);

/* defult */
html, body{width:100%; height:100%;}

/* LOGIN */
.content-wrap .title{padding-top: 36px; padding-bottom: 36px; font-size: 48px; font-weight: 700; color: #000;}
.login-wrap{
	display: -webkit-flex; display: flex;
	-webkit-justify-content: space-between; justify-content: space-between;
}
.login-wrap .box-wrap{width: calc(50% - 16px);}
.login-wrap .box{height: 464px;padding: 60px 30px 63px;border-radius: 17px;background-color: #fafafa;box-sizing: border-box;-webkit-box-sizing: border-box;}
.auth .login-wrap .box{height: 590px;}
.login-wrap .box h2{font-size: 30px;font-weight: 700;color: #000;}
.login-wrap .box h2 + .text{padding-top: 28px;font-size: 20px;font-family: 'SamsungOne';color: #000;}
.login-wrap .field{-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;padding-top: 42px;}
.auth .login-wrap .field{padding-top: 26px;}
.login-wrap .field .insert{width: 65.7%;}
.auth .login-wrap .box .field .insert{width: 100%;}
.auth .login-wrap .box .field .insert .input-text{width: 65.7%;}
.login-wrap .box .field .insert + .insert{width: 30.7%;margin-top: 0;}
.login-wrap .box .check{padding-top: 12px;padding-left: 24px;padding-bottom: 22px;}
.login-wrap .box .btn-wrap{padding-top: 32px;text-align: center;}
.login-wrap .box .btn-wrap .btn.text{display: inline-block;font-size: 14px;font-weight: 500;color: #444;}
.login-wrap .box .btn-wrap .btn.text + .btn.text{margin-left: 20px;}
.auth .login-wrap .box .btn.medium{min-width: 172px;}
.login-wrap .box .btn-wrap .btn.text + .btn.text::before{content: '';display: inline-block;width: 2px;height: 14px;margin-right: 20px;background-color: #d1d0d1;vertical-align: middle;}
.login-wrap .box-wrap + .box-wrap .btn.large{margin-top: 170px;}
.auth .login-wrap .box-wrap + .box-wrap .btn.large{margin-top: 175px;}
.auth .login-wrap .box-wrap h3{padding-top: 40px;font-size: 20px;line-height: 26px;font-weight: 700;color: #000;}
.auth .login-wrap .box-wrap h3 + .text{padding-top: 9px;font-size: 14px;line-height: 24px;font-family: 'SamsungOne';color: #333;}
.auth .login-wrap .box-wrap .data-list{padding-top: 20px;}
.auth .login-wrap .box-wrap .data-list li{padding-top: 13px;font-size: 14px;line-height: 24px;font-family: 'SamsungOne';color: #333;}
.auth .login-wrap .box-wrap .data-list li .btn-link{margin-left: 12px;font-family: SamsungOne;color: #000;text-decoration: underline;}

.auth2 .login-wrap .box{height: 550px;}
.auth2 .login-wrap .box-wrap + .box-wrap .btn.large{margin-top: 196px;}
.auth2 .login-wrap .box-wrap h3 {padding: 20px 0 10px;font-size: 20px;font-weight: 700;color: #000;}
.auth2 .login-wrap .box-wrap h4 {padding: 30px 0 20px;} .auth2 .login-wrap .box-wrap h4 strong{font-weight: 700;}
.auth2 .login-wrap .btn + .btn.bdr {margin-left: 10px;}
.auth2 .login-wrap .btn.full {width: 100%;}

.auth3 .login-wrap .box{height: 730px;}
.auth3 .login-wrap .box-wrap{margin: 0 auto;}
.auth3 .login-wrap h4{padding-top: 40px;padding-bottom: 9px;font-size: 20px;line-height: 26px;font-weight: 700;color: #000;}
.auth3 .login-wrap h5{padding: 20px 0 10px;font-weight: 700;}
.auth3 .login-wrap .qr-code{margin: 20px 0 20px;text-align: center;}
.auth3 .login-wrap dl{margin-top: 30px;}
.auth3 .login-wrap dl dt{font-weight: 700;}
.auth3 .login-wrap .btn.full{width: 100%;}

.login.additional .login-wrap .box{min-width: 792px;}
.login.additional .login-wrap .box h2{padding-bottom: 60px;}
.login.additional .login-wrap .box h2 span{display: inline-block;
    padding-left: 22px;
    font-weight: 400;
    font-family: SamsungOne;
    font-size: 20px;
    color: #333;}
.login.additional .login-wrap .box h4{padding-top: 40px;
    padding-left: 28px;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000;}
.login.additional .login-wrap .box-wrap{padding-top: 76px;margin: 0 auto;}
.login.additional .login-wrap .box{height: auto;}
.login.additional .rules-check {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #444;
    text-align: center;
}
.login.additional .select-wrap .select {
    width: calc(50% - 4px);
    background-position: calc(100% - 20px) 50%;
}

.login-wrap .summary{padding-top: 43px;padding-left: 62px;}
.login-wrap .summary h3{font-size: 20px;font-weight: 700;line-height: 1.3;color: #000;}
.login-wrap .summary p{padding-top: 21px;font-family: SamsungOne;font-size: 14px;line-height: 24px;color: #333;}

.pop-additional .popup-body{padding-top: 60px;}
.pop-additional h4,
.pop-join h4{padding-top: 40px;padding-left: 28px;padding-bottom: 10px;font-size: 20px;line-height: 26px;font-weight: 700;color: #000;}
.pop-additional .select-wrap,
.pop-join .select-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;}
.pop-additional .select-wrap .select{width: calc(50% - 4px);}
.pop-join .select-wrap .select{width: calc(55% - 25px);}
.pop-join .select-wrap .select + .select{width: calc(45% - 25px);}
.pop-additional .rules-check,
.pop-join .rules-check{padding-top: 50px;padding-bottom: 20px;font-size: 14px;line-height: 18px;color: #444;text-align: center;}
.pop-join .rules-check a{text-decoration: underline;}
/*.pop-join  .input-text.large{padding: 0 20px;}
.pop-join .insert.with2 .btn-link{right: 16px;font-size: 14px;}*/

.pop-change .btn-area{padding-top: 50px;}
.pop-change .text{padding-bottom: 54px;text-align: left;}
.pop-change .insert.tooltip .tooltip-wrap{position: absolute;left: 28.72%;}
.pop-change .insert.tooltip .tooltip-wrap .btn.tooltip{width: 40px;height: 40px;}
.pop-change .insert.tooltip .tooltip-wrap .btn.tooltip .ico.question{margin-top: 10px;}
.pop-change .insert.tooltip .tooltip-wrap .data-list{display: none;position: absolute;left: 40px;top: 0;width: 350px;padding: 24px 30px;border: solid 2px #707070;background-color: #fff;}
.pop-change .insert.tooltip .tooltip-wrap.active .data-list{display: block;}
.pop-change .insert.tooltip .tooltip-wrap .data-list li{padding: 6px 0 6px 11px;font-size: 14px;line-height: 14px;color: #444;text-indent: -11px;}

.pop-pw .insert.with .btn-verify{float: right;}

/* 로그인 인증 팝업 */
.pop-auth .popup-header .text{padding-bottom: 50px;font-size: 20px;line-height: 30px;font-family: 'SamsungOne';text-align: left;}
.pop-auth .popup-header .text strong{font-weight: 700;}

/* 회원가입 팝업 */
.pop-join .popup{max-width: 1170px;width: 1170px;}
.pop-join .insert-wrap{position: relative;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;margin-top: 20px;}
.pop-join .insert-wrap .insert{width: calc(55% - 25px)}
.pop-join .insert-wrap .insert + .insert{width: calc(45% - 25px)}
.pop-join .insert-wrap .insert + .insert{margin-top: 0;}
.pop-join .btn-area + .text{padding-top: 22px;text-align: center;font-size: 14px;color: #444;font-weight: 500;}
.pop-join .btn-area + .text a{font-weight: 700;color: #444;}

/* overlay.history */
.pop-level-history .popup-header + .popup-body,
.pop-status-history .popup-header + .popup-body{padding-top: 48px;}
.pop-level-history .popup-body .data-table tbody tr,
.pop-status-history .popup-body .data-table tbody tr{background: #fff;}
.pop-level-history .data-table + .pagination,
.pop-status-history .data-table + .pagination{padding-top: 22px;}

.pop-level-history .popup,
.pop-status-history .popup,
.pop-settings .popup{background: #fafafa;}

/* .pop-settings */
.pop-settings .popup-header + .popup-body{padding-top: 50px;}
.pop-settings .field-wrap{
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.pop-settings .field{width: calc(50% - 6px);
	-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.pop-settings .field > .label{width: 100%; font-size: 20px; font-weight: bold; color: #000;}
.pop-settings .field .label + div{margin-top: 14px;}
.pop-settings .field .select-wrap,
.pop-settings .field .select,
.pop-settings .field .checkbox-wrap{width: 100%;}

.pop-settings .field .checkbox-wrap{padding: 20px 41px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px;}
.pop-settings .field .checkbox.checked-1,
.pop-settings .field .checkbox.checked-2{width: 17px; height: 17px;}
.pop-settings .field .checkbox.checked-1::before,
.pop-settings .field .checkbox.checked-2::before{border: 1px solid #ccc; border-radius: 0;}

.pop-settings .field .checkbox.checked-1::after{width: 9px; height: 9px; background: #000;}
.pop-settings .field .checkbox.checked-1:checked::after{
	-webkit-animation: toggleOnCheckbox2 0.2s ease forwards;
	animation: toggleOnCheckbox2 0.2s ease forwards;
}
.pop-settings .field .checkbox.checked-1:checked::before,
.pop-settings .field .checkbox.checked-2:checked::before{background: #fff; border-radius: 0;}
.pop-settings .field .checkbox.checked-2:checked::after{-webkit-box-shadow: 1.5px 1.5px 0px 0px #000;box-shadow: 1.5px 1.5px 0px 0px #000;}
@-webkit-keyframes toggleOnCheckbox2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.9);
				transform: translate(-50%, -50%) scale(0.9);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(0.8);
				transform: translate(-50%, -50%) scale(0.8);
	}
}
@keyframes toggleOnCheckbox2 {
	0% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(0);
				transform: translate(-50%, -50%) scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.9);
				transform: translate(-50%, -50%) scale(0.9);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(0.8);
				transform: translate(-50%, -50%) scale(0.8);
	}
}
.pop-settings .field .checkbox-list{
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
.pop-settings .field .checkbox-list.active{display: none;}
.pop-settings .field .checkbox-list + .checkbox-list{margin-top: 43px;}
.pop-settings .field .checkbox-list dt{width: 130px;}
.pop-settings .field .checkbox-list dt .label{position: relative; top: 1.4px; font-size: 20px; font-weight: 500; color: #000; line-height: normal;}
.pop-settings .field .checkbox-list .checkbox + label{margin-left: 20px;}
.pop-settings .field .checkbox-list dd .label{font-size: 15px; font-weight: 600; color: #000;}
.pop-settings .field .checkbox-list	.insert + .insert{margin-top: 15px;}
.pop-settings .field .checkbox-wrap .text-wrap{display: none;}
.pop-settings .field .checkbox-wrap .text-wrap .text{font-size: 20px; font-weight: 500; color: #000;}
.pop-settings .field .checkbox-wrap .text-wrap.active{display: block;}
.pop-settings .field-wrap + .btn-area{margin-top: 50px;}
.pop-settings .btn-area{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pop-settings .btn-area .btn + .btn{margin-left: 32px;}

/* 이용약관 및 개인정보 처리방침 */
.overlay .popup-body .term-wrap{padding-top: 59px;}
.overlay .popup-body .term-wrap .title{font-size: 20px; font-weight: bold; color: #000;}
.overlay .popup-body .term-wrap .text{font-size: 14px; line-height: 1.43; color: #000;}
.overlay .popup-body .term-wrap .title + .text{margin-top: 12px;}
.overlay .popup-body .term-wrap .text + .title{margin-top: 43px;}
.overlay .popup-body .term-wrap .text-wrap{max-height: 573px;overflow-y: auto;}
.overlay.pop-policy2 .popup-body .term-wrap .text-wrap{max-height: 375px;margin-top: 30px;}
.overlay.pop-policy2 .popup-body .term-wrap{padding-top: 50px;}

/* popup-device & popup-content */
.overlay.pop-device .popup,
.overlay.pop-content .popup{background: #f5f5f5;}
.overlay.pop-device .popup{max-width: 772px; padding: 60px;}
.overlay.pop-device .chart-wrap{margin-top: 40px;}

.overlay.pop-content .popup{max-width: 596px; padding: 60px;}
.overlay.pop-content .popup-body{padding-top: 48px;}
.overlay.pop-content .img-wrap,
.overlay.pop-content .btn-area{padding-left: 50px; padding-right: 50px;}
.overlay.pop-content .img-wrap{min-height: 552px;}
.overlay.pop-content .img-wrap img{box-sizing: border-box;border-radius: 8px;}
.overlay.pop-content .img-wrap.product img{border: 3px solid #2c2e97;}
.overlay.pop-content .img-wrap.purchase img{border: 3px solid var(--old-mint);}
.overlay.pop-content .btn-area{padding-top: 32px;}
.overlay.pop-content .popup-body + .btn-area{padding-top: 32px;}

.overlay.pop-content .img-wrap.video {position: relative;}
.overlay.pop-content .img-wrap.video::after{content: '';display: inline-block;width: 100px;height: 100px;position:absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;background: url('../images/common/ico_play.svg') 50% 50% no-repeat;background-size: 100px auto;}
.overlay.pop-content .time {display: block; text-align: center; color: #000;}

.overlay .swiper-button-prev:after,
.overlay .swiper-button-next:after{content: "";
	background-image: url('../images/common/ico_left.svg'); background-repeat: no-repeat; width: 19px; height: 39px; background-size: cover; background-position: center center;
}
.overlay .swiper-button-prev:after{
	-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);
}

/* member, account */
.wrap.member #content .content-wrap,
/*.wrap.account #content .content-wrap,*/
.wrap.manage #content .content-wrap{
	display: -webkit-flex; display: flex;
	padding-top: 34px;
}
.wrap.manage.list .detail-wrap .title,
.wrap.member.list .detail-wrap .title{border-bottom: 0;}

/* member */
.wrap.member #content .content-wrap,
.wrap.manage #content .content-wrap{padding-bottom: 123px;}

/* member detail */
.wrap.member.detail #content .content-wrap{padding-bottom: 216px;}
.wrap.member.detail .text-wrap .btn{font-size: 20px; font-weight: bold; line-height: 1.3;}
.wrap.member.detail .text-wrap .text + .text{margin-left: 18px;}
.wrap.member.detail .text-wrap .text + .btn{margin-left: 35px;}
.wrap.member.detail .field > .insert{width: auto;}
.wrap.member.detail .insert + .insert{margin-top: 0; margin-left: 10px;}
.wrap.member.detail .field-radio .insert + .insert{margin-left: 38px;}

/* account */
.wrap.account .account-detail{width: 100%; gap: 10%;
	display: -webkit-flex; display: flex;
}
.wrap.account .notice-wrap{width: 45%;}
.wrap.account .notice-wrap .text{font-family: 'SamsungOne'; font-size: 14px; line-height: 1.93; color: #444; font-weight: normal;}
.wrap.account .notice-wrap ul li{padding-left: 10px; position: relative;}
.wrap.account .notice-wrap ul li::before{content: "-"; position: absolute; left: 0;}
.wrap.account .notice-wrap .text + .text{margin-top: 35px;}

.wrap.account .account-detail .form{width: calc(100% - 466px);}
.wrap.account .account-detail .form .input-text{background: #f5f5f5;}
.wrap.account .account-detail .form .input-text::-webkit-input-placeholder{color: #c9c9c9;}
.wrap.account .account-detail .form .input-text::-moz-placeholder{color: #c9c9c9;}
.wrap.account .account-detail .form .input-text:-ms-input-placeholder{color: #c9c9c9;}
.wrap.account .account-detail .form .input-text::-ms-input-placeholder{color: #c9c9c9;}
.wrap.account .account-detail .form .input-text::placeholder{color: #c9c9c9;}

/* account detail */
.wrap.account.detail #content .content-wrap{}

/* dpop > list */
.dashboard .insert.search .input-text,
.dashboard .select {font-weight: 600;}
.dashboard .checkbox:checked:before {border-color: #2c2e97; background-color: #2c2e97;}
/*
.dashboard #content .content-wrap{padding-bottom: 175px;}
*/
.dashboard .content-primary{width: 100%; margin: 0 auto; margin-left: auto;margin-right: auto; padding: 20px 0;}
.dashboard .content-primary .form .fieldset{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flexbox-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;}
/* .dashboard .content-primary .form .fieldset > .legend{padding-bottom: 20px;} */
.dashboard .legend + .select-wrap {margin-left: 42px;}
.dashboard .content-primary .sort-wrap,
.dashboard .content-primary .radio-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
	-webkit-justify-content: flex-start; -ms-flex-pack: start;justify-content: flex-start;
	-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;
	-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.dashboard .content-primary .sort-wrap .select.small{background: #fff url('../images/common/select_small.svg') calc(100% - 12px) 50% no-repeat;background-size: 16px auto;font-size: 16px;color: #000;padding-left: 12px;}
.dashboard .content-primary .form .select + .select{margin-left: 12px;}
.dashboard .content-primary .radio-wrap h3{padding-left: 20px;font-size: 14px;color: #000;font-weight: 700;}
.dashboard .content-primary .radio-wrap .checkbox{margin-left: 12px;}
.dashboard .content-primary .btn .ico.download{margin-right: 4px;}
.dashboard .content-primary .flex{display: flex;justify-content: flex-end;}
.dashboard .content-primary .flex .btn-area{font-size: 0;}
.dashboard .content-primary .flex .btn-area button + button{margin-left: 12px;}
.dashboard .content-primary .flex .insert.search{margin-left: 12px;}

.dashboard .content-primary .btn.bdr {border-color: #2c2e97; color: #2c2e97;}
.dashboard .content-primary .btn.bdr,
.dashboard .insert.search .input-text {font-family: 'SamsungOne'; font-weight: 700; font-size: 14px;}
.dashboard .insert.search .ico.search {margin-top: 4px;}
.dashboard .ico.download-b {background-image: url('../images/common/ico_download-b_2.svg');}
.dashboard .content-primary .btn.bdr .ico.download-b{margin-left: 8px;}

.dashboard .title-area{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flexbox-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	padding-top: 28px;}
.dashboard .title-area .text-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;
	position: relative;text-align: left;}
.dashboard .title-area .text-wrap .device{position: absolute;left: 0;top: 0;width: 90px;height: 90px;background-color: transparent;border-radius: 6px;text-align: center;}
.dashboard .title-area .text-wrap .device .ico{margin-top: 30px;}
.dashboard .title-area .text-wrap h2{font-size: 22px;font-weight: 500;color: #000;}
.dashboard .title-area .text-wrap .tooltip-wrap{/*display: inline-block;*/ margin-top: 4px;}
.dashboard .title-area .text-wrap .tooltip-wrap .btn.tooltip{display: inline-block;width: 26px;}
.dashboard .title-area .text-wrap .title-wrap + .state {margin-left: 12px;}
.dashboard .title-area .text-wrap .state{text-align: left;font-size: 0;}
.dashboard .title-area .text-wrap .state .percent{margin: 14px 0 0 12px;font-size: 16px;line-height: 1.31;color: #2e81f8;font-weight: 700;}
.dashboard .title-area .text-wrap .state > div{display: inline-block;font-size: 35px;line-height: 1.17;color: #8898aa;font-weight: 500;}
.dashboard .title-area .text-wrap .state > div strong{font-size: 37px;font-weight: 500;line-height: 1.25;color: #000;}
/* .dashboard .title-area .btn.x-small{margin-top: 40px;} */

.dashboard.table .table-wrap {/*width: calc(100% + 40px);*/ border-radius: 10px;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16); overflow-x: visible; /*margin-left: -20px;*/}
.dashboard.table.detail .table-wrap{padding: 30px; box-sizing: border-box; background-color: #fff; box-shadow: 0 1px 4px 0 rgba(21, 34, 50, 0.08); border-radius: 6px;}
.dashboard.table .table-wrap th {background-color: transparent; line-height: 1.19;}
.dashboard.table.detail .table-wrap th{background-color: #f5f6fa;}
.dashboard.table .data-table tbody {border-top: 0; border-bottom: 0;}
.dashboard.table .data-table:not(.rows-1) tbody tr + tr {border-top: 1px dashed #c5c5c5;}
.dashboard.table.detail .data-table.col-1 tbody tr + tr td {border-top: 1px solid #e6e9f4;}

.dashboard .title-area .title-wrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-box-wrap: nowrap; -webkit-box-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flexbox-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-align-content: flex-start; -webkit-align-content: flex-start; -ms-flex-align-content: flex-start; align-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.dashboard .data-table.col-1 th{color: #000;}

.dashboard .data-table.col-1 tr th {font-weight: 700; padding-top: 30px; padding-bottom: 30px; vertical-align: top;}
.dashboard .data-table.col-1 tr td{padding-top: 32px; padding-bottom: 32px; font-size: 18px;}
.dashboard .table-wrap.type-2 .data-table.col-1 tr td{font-size: 14px;font-weight: 500;}
.dashboard .data-table.col-1 tr td .corporate {line-height: 1.43;color: #000;font-weight: 700;}
.dashboard .table-wrap.type-2 .data-table.col-1 tr td .corporate{font-weight: 500;}
.dashboard .data-table.col-1 tr td .store{font-size: 14px;color: #aaa;font-weight: 600;line-height: 1.14;margin-top: 4px;}
.dashboard .data-table.col-1 tr td .select.x-small{margin-top: 16px;}
.dashboard .data-table.col-1 tr td .state{margin-top: 12px;font-weight: 400;}
.dashboard .data-table.col-1 tr td .state .current{font-weight: 500;}
.dashboard .data-table.col-1 tr td .number {display: block;}
.dashboard .data-table.col-1 tr td .number,
.dashboard .data-table.col-1 tr td .percent{margin-top: 4px; font-weight: 600; font-size: 14px; line-height: 1314;color: #aaa;line-height: 1.17;font-weight: 500;}

.dashboard.table .data-table.col-1 tr td .select.x-small{ width: 100%; height: 33px; line-height: 33px; border-color: #c5c5c5; font-size: 12px; color: #000; margin-top: 0;background: #fff url('../images/common/select_xmedium.svg') calc(100% - 8px) 50% no-repeat; background-size: 10px 10px; padding: 0 12px;}
/*.dashboard.table .pie {width: 50px; height: 50px; background-image: linear-gradient(to left, transparent 50%, #2e81f8 0);}*/
.dashboard .data-table.col-1 .title-tooltip {position: relative; gap: 8px;
	display: -webkit-inline-flex; display: inline-flex;
	-webkit-justify-content: center; justify-content: center;
	-webkit-align-items: center; align-items: center;
}
.dashboard .data-table.col-1 .title-tooltip > div {width: min-content;}
.dashboard .data-table.col-1 .title-tooltip .tooltip-wrap{width: 16px; height: 16px; overflow: visible;}
/*.dashboard .data-table.col-1 .title-tooltip .tooltip-wrap {margin-left: 8px;}*/

/*.dashboard .data-table.col-1 .title-tooltip .tooltip-wrap .tooltip-text{top: auto;bottom: -70px;}*/

.dashboard .data-table th .tooltip-wrap.active .tooltip-text {display: none;}
.dashboard .data-table.col-1 .title-tooltip .ico.question2 {background-image: url('../images/common/ico_tooltip3.svg');}
/*
.dashboard.table .table-wrap:not(.type-2):not(.type-3) .data-table.col-1 tr th:nth-child(6) .title-tooltip .tooltip-wrap {position: absolute; top: 10px; right: 45px;}
.dashboard.table .table-wrap.type-2 .data-table.col-1 tr th:nth-child(6) .title-tooltip .tooltip-wrap {position: absolute; top: 10px; right: 7px;}
.dashboard.table .table-wrap.type-2 .data-table.col-1 tr th:nth-child(7) .title-tooltip .tooltip-wrap {position: absolute; top: 10px; right: 23px;}
*/
.tooltip-text .chart-legend				{margin-bottom: 5px;
}
.tooltip-text .chart-legend > span		{font-size: 12px;}
.tooltip-text .chart-legend > span:nth-child(1)::before {background-color: var(--old-mint);}
.tooltip-text .chart-legend > span:nth-child(2)::before {background-color: #2c2e97;}
.tooltip-text .chart-legend > span:nth-child(3)::before {background-color: #a5a5a5;}


.dashboard.table .pie{background: var(--old-mint);
    background-image: linear-gradient(to right, transparent 50%, #2c2e97 0);
    border-radius: 50%;
    color: transparent;
    display: inline-block;
    line-height: 50px;
    position: relative;
    text-align: center;
    width: 50px;
    height: 50px;
    transform: scaleX(-1);
}

.dashboard.table .pie::before{animation: spin 50s linear infinite, bg 100s step-end infinite;
    animation-delay: inherit;
    animation-play-state: paused;
    background-color: inherit;
    border-radius: 0 100% 100% 0 / 50%;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    transform-origin: left;
    top: 0;
    width: 50%;}

@-webkit-keyframes spin {
	 to {
		 transform: rotate(0.5turn);
	}
}
 @-moz-keyframes spin {
	 to {
		 transform: rotate(0.5turn);
	}
}
 @-ms-keyframes spin {
	 to {
		 transform: rotate(0.5turn);
	}
}
 @keyframes spin {
	 to {
		 transform: rotate(0.5turn);
	}
}
 @-webkit-keyframes bg {
	 50% {
		 background: #2c2e97;
	}
}
 @-moz-keyframes bg {
	 50% {
		 background: #2c2e97;
	}
}
 @-ms-keyframes bg {
	 50% {
		 background: #2c2e97;
	}
}
 @keyframes bg {
	 50% {
		 background: #2c2e97;
	}
}

.dashboard .data-table th {font-size: 16px;}
.dashboard .data-table.type-2 th{font-size: 14px;font-family: 'SamsungSharpSans';}
.dashboard .data-table th .text.small {font-size: 12px;}
.dashboard .data-table.type-2 th .text.small{font-size: 12px;color: #5a607f;font-weight: 500;}
.dashboard .item-list{font-size: 0;display: flex;align-items: stretch;}
.dashboard .item-list li{width: 88px;
	display: flex; flex-direction: column; justify-content: center;}
.dashboard.table .item-list li{width: 65px; }
/* .dashboard.table .item-list li .img-wrap.horizontal{position: relative;height: 58px;width: 65px;margin-top: 21px;}
.dashboard.table .item-list li .img-wrap.horizontal img{position: absolute;left: 50%;transform: translateX(-50%);width: auto;height: 100%;} */
.dashboard .item-list li.more{width: auto;vertical-align: top;}
.dashboard .item-list li.more span{display: inline-block;width: 3px;height: 3px;margin-top: 75px;background-color: #8898aa;vertical-align: top;}
.dashboard .item-list li.more span + span{margin-left: 3px;}
.dashboard .item-list li + li{margin-left: 12px;}
.dashboard .item-list li .img-wrap{display: block;position: relative; width: 88px;}
.dashboard .item-list li .img-wrap.video{}
.dashboard .item-list li .img-wrap.video::after{content: ''; display: inline-block; width: 24px; height: 24px;position: absolute; left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	background: url('../images/common/ico_play.svg') 50% 50% no-repeat; background-size: 24px auto;
}
.dashboard .item-list li .tag.x-small{position: absolute;left: -1px;top: 2px;font-weight: 500;}
.dashboard .item-list li .time{margin-top: 8px;font-size: 10px;font-weight: 500;color: #8898aa;text-align: center;}
/* .dashboard .item-list li .img-wrap.horizontal + .time{margin-top: 29px;} */
.dashboard.table .item-list li.more {position: relative;}
.dashboard.table .item-list li.more::before {content: ''; display: inline-block; position: absolute; top: calc(50% - 26px);
	width: 24px; height: 24px; background: url('../images/common/ico_plus.svg') no-repeat 0 0; background-size: cover;}
.dashboard.table .item-list li > .img-wrap,
.pop-contents-list .data-list .data-img .img-wrap	{width: 100%; aspect-ratio: 22 / 35;
	display: -webkit-flex; display: flex;
	-webkit-align-items: center; align-items: center;
}
.dashboard.table .item-list li > .img-wrap .img,
.pop-contents-list .data-list .data-img .img-wrap img {width: 100%; height: fit-content; object-fit: contain;}
.dashboard.table .item-list li > .img-wrap .img,
.pop-contents-list .data-list .data-img .img-wrap img {border-width: 3px; border-style: solid; border-radius: 8px;}
.dashboard.table .item-list li.product > .img-wrap .img,
.pop-contents-list .data-list li.product .img-wrap .data-img img {border-color: #2c2e97;}
.dashboard.table .item-list li.purchase > .img-wrap .img,
.pop-contents-list .data-list li.purchase .img-wrap .data-img img {border-color: var(--old-mint);}
.dashboard.table .item-list li.normal > .img-wrap .img
.pop-contents-list .data-list  li.normal .img-wrap .data-img img {border-color: #fff;}
.dashboard .data-table .sort {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin-top: 8px;
}
.dashboard .data-table .sort > li {position: relative; font-weight: 700; font-size: 12px; color: #aaa;}
.dashboard .data-table .sort > li::before {content: ''; position: relative; display: inline-block; width: 12px; height: 12px; border-radius: 50%; vertical-align: -1px; margin-right: 4px;}
.dashboard .data-table .sort > li.product::before {background-color: #2c2e97;}
.dashboard .data-table .sort > li.purchase::before {background-color: var(--old-mint);}
.dashboard .data-table .sort > li + li {margin-left: 14px;}
.dashboard .data-table.col-1 tr td .date{/*font-size: 12px;line-height: 14px;color: #8898aa;*/font-weight: 500;}
.dashboard .data-table.col-1 tr td .period + .date{margin-top: 12px;}
.dashboard .data-table.col-1 tr td .pie + div{font-size: 14px; margin-top: 8px;}
.dashboard.table .item-list li .img-wrap {width: 65px; margin: 0 auto;}
.dashboard .register-device {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	margin-top: 45px;
}
.dashboard.table .item-list li .img-wrap{width: auto;/* height: 100%; */}
.dashboard .register-device .sub-title {font-weight: 700; font-size: 20px; color: #000; }
.dashboard .register-device .data {font-weight: 700; font-size: 24px; color: #aaa;}
.dashboard .register-device .data .value {font-size: 46px; color: #000;}
.dashboard .register-device .data .rate {display: inline-block; font-size: 16px; color: #000; vertical-align: 3px; margin-left: 3px;}

.dashboard.grid .content-wrap h3{padding-top: 60px;padding-bottom: 24px;font-size: 30px;font-weight: bold;color: #000;}
.dashboard.grid .content-wrap .box-wrap,
.dashboard.grid .box .progress,
.dashboard.grid .box .graph-wrap .title-wrap{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between;}

.dashboard.detail.new .view-type{padding-bottom: 16px;
	display: -webkit-flex; display: flex;
	-webkit-justify-content: flex-end; justify-content: flex-end;
	-webkit-align-items: center; align-items: center;
}
.dashboard.grid.detail .content-wrap h3{padding-top: 80px;padding-bottom: 40px;line-height: 1;}
.dashboard.grid.detail .content-wrap .box-wrap{justify-content: flex-start;}
.dashboard.grid.detail section{padding: 30px;border-radius: 6px;border: solid 1px #d7dbec;}
.dashboard.grid.detail section + section{margin-top: 20px;}
.dashboard.grid.detail section .box{height: 468px;}
.dashboard.grid.detail section .box + .box{margin-left: 12px;}
.dashboard.grid.detail section .box:nth-child(3){display: flex;justify-content: space-between;}
.dashboard.grid.detail section > h4{padding-bottom: 30px;font-size: 18px;line-height: 1.33;color: #171725;font-weight: bold;}
.dashboard.grid.detail section .ico.state-2{width: 32px;height: 32px;background-color: #2c2e97;border-radius: 50%;-webkit-border-radius: 50%;}
.dashboard.grid.detail section .box .progress{flex-direction: column;}
.dashboard.grid.detail section .box .progress li{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 200px;height: 146px;padding: 20px;box-shadow: 0 1px 4px 0 rgba(38, 51, 77, 0.03);border-radius: 6px;-webkit-border-radius: 6px;}
.dashboard.grid.detail section .box .progress li + li{margin-top: 15px;}
.dashboard.grid.detail section .box .progress li .text{padding-top: 3px;line-height: 1.3;padding-left: 8px;}
.dashboard.grid.detail section .box .progress li:first-child .text{padding-top: 8px;}
.dashboard.grid.detail section .box .progress li .number{width: 100%;margin-top: 12px;padding-bottom: 2px;line-height: 1;}
.dashboard.grid.detail section .pie-wrap{width: 230px;height: 230px;margin: 42px auto 0;}
.dashboard.grid.detail section .pie-wrap .pie::after{left: 47px;top: 47px;width: 136px;height: 136px;}
.dashboard.grid.detail section .pie-wrap .ratio{top: 261px;font-size: 38px;}
.dashboard.grid.detail section .pie-wrap .time{top: 307px;}
.dashboard.grid.detail section .graph-wrap .select.x-small{min-width: 120px;height: 40px;line-height: 40px;font-size: 13px;font-weight: 500;color: #131523;border: solid 1px #d7dbec;background: #fff url('../images/common/select_small.svg') calc(100% - 12px) 50% no-repeat;background-size: 16px auto;-webkit-background-size: 16px auto;}
.dashboard.grid.detail section .item-list-wrap{border-left: 1px solid #f1f1f5;padding-top: 30px;padding-right: 10px;}
.dashboard.grid.detail section .item-list{display: flex;flex-wrap: wrap;max-height: 415px;overflow-y: auto;}
.dashboard.grid.detail section .item-list li{width: 65px;margin-bottom: 25px;margin-left: 14px;}
.dashboard.grid.detail section .item-list li .img-wrap{width: 65px;height: 100px;}
.dashboard.grid.detail section .graph-wrap{padding-bottom: 0;}
.dashboard.grid.detail section .graph-wrap h5{padding-bottom: 0;}

.dashboard.grid:not(.detail) .content-wrap .box-wrap .box{width: calc(50% - 10px);}
.dashboard.grid .content-wrap .box-wrap .box + .box{background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;}

.dashboard.grid .box .progress{overflow: visible; height: fit-content; background-color: transparent;}
.dashboard.grid .box .progress li{width: 218px;padding: 30px 20px 25px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.dashboard.grid .box .progress li .ico.state{width: 50px;height: 50px;}
.dashboard.grid .box .progress li .text{padding-top: 20px;font-size: 10px;font-weight: 500;color: #8898aa;}
.dashboard.grid .box .progress li .number{font-size: 38px;font-weight: bold;color: #000;}
.dashboard.grid .box .progress li .score{display: inline-block;font-size: 12px;color: #4d4f5c;font-weight: 500;}
.dashboard.grid .box .progress li .score strong{font-size: 16px;font-weight: 500;color: #000;}

.dashboard.grid .graph-wrap .select.x-small{height: 45px;line-height: 45px;font-size: 13px;font-weight: 500;}
.dashboard.grid .graph-wrap{padding: 30px;background-color: #fff;border-radius: 10px;-webkit-border-radius: 10px;}
.dashboard.grid .graph-wrap h4{line-height: 1;font-size: 12px;font-weight: 500;color: #8898aa;}
.dashboard.grid .graph-wrap h5{padding-top: 7px;padding-bottom: 35px;font-size: 16px;color: #000;font-weight: 700;}
.dashboard.grid .graph-wrap .label-list{padding-bottom: 30px;text-align: center;}
.dashboard.grid .graph-wrap .label-list li{display: inline-block;padding: 0 10px;font-size: 13px;font-weight: 500;color: #4d4f5c;}
.dashboard.grid .graph-wrap .label-list li::before{content: '';display: inline-block;width: 18px;height: 10px;margin-right: 9px;border-radius: 5px;}
.dashboard.grid .graph-wrap .label-list li.label-1::before{background-color: #2e81f8;}
.dashboard.grid .graph-wrap .label-list li.label-2::before{background-color: #7764e4;}
.dashboard.grid .graph-wrap .label-list li.label-3::before{background-color: #2dce98;}

.dashboard.grid .dpop-swiper{margin-top: 113px;padding-top: 40px;padding-bottom: 45px;border-top: 2px solid #f3f4f6;}
.dashboard .swiper-container-horizontal>.swiper-scrollbar{border-radius: 0;background-color: #e7eaee;}
.dashboard .swiper-scrollbar-drag{background-color: #2e81f8;border-radius: 0;}
.dashboard.grid .dpop-swiper .item-list li + li{margin-left: 0;}

.dashboard.grid .pie-wrap{position: relative;width: 270px;height: 270px;margin: 78px auto 0;}
.dashboard.grid .pie-wrap .ratio{position: absolute;top: 113px;left: 0; right: 0; text-align: center;font-size: 38px;font-weight: bold;color: #000;line-height: 1;}
.dashboard.grid .pie-wrap .time{position: absolute;top: 158px;left: 0; right: 0; text-align: center;font-size: 12px;font-weight: 500;color: #8898aa;line-height: 1;}

.dashboard.grid .pie-wrap .pie{position: relative;width: 100%;height: 100%;}
.dashboard.grid .pie-wrap .pie::after{content: '';display: inline-block;position: absolute;left: 55px;top: 55px;width: 160px;height: 160px;border-radius: 50%;-webkit-border-radius: 50%;background-color: #fff;}



.dashboard.table.list .data-table.col-1 tr td {padding-top: 15px; padding-bottom: 10px; font-size: 14px;}
.dashboard.table.list .table-wrap .data-table.col-1 tr th:nth-child(3),
.dashboard.table.list .table-wrap .data-table.col-1 tr th:nth-child(4),
.dashboard.table.list .table-wrap .data-table.col-1 tr th:nth-child(5),
.dashboard.table.list .table-wrap .data-table.col-1 tr th:nth-child(6),
.dashboard.table.list:not(.detail) .table-wrap .data-table.col-1 tr td:nth-child(3),
.dashboard.table.list:not(.detail) .table-wrap .data-table.col-1 tr td:nth-child(4),
.dashboard.table.list:not(.detail) .table-wrap .data-table.col-1 tr td:nth-child(5),
.dashboard.table.list:not(.detail) .table-wrap .data-table.col-1 tr td:nth-child(6) {background-color: #f4f4fa;}

.dashboard.table.list:not(.detail) .table-wrap .data-table.col-1 tr th:nth-child(6)::after {content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #fff;}




/* .dashboard.device */
.dashboard.device #content .content-wrap{}
.dashboard.device .content-primary{}
.dashboard.device .content-primary .legend{font-size: 24px;}
.dashboard.device .content-primary .fieldset{ -webkit-box-align: end;-ms-flex-align: end;align-items: flex-end; }
.dashboard.device .content-primary .sort-wrap .select,
.dashboard.device .content-primary .btn-wrap .btn{font-size: 14px; font-weight: 500;}
.dashboard.device .content-primary .btn + .btn{margin-left: 5px;}
.dashboard.device .content-primary .btn-wrap .btn.save,
.dashboard.device .content-primary .btn-wrap .btn.cancle{padding: 0 30px; background-color: transparent; font-family:'SamsungSharpSans' !important;}

.dashboard.device .content-primary .btn-wrap .btn.save:hover,
.dashboard.device .content-primary .btn-wrap .btn.cancle:hover{background-color: #2c2e97; color: #fff;}

.dashboard.device .table-wrap{padding: 30px; box-sizing: border-box; background-color: #fff; box-shadow: 0 1px 4px 0 rgba(21, 34, 50, 0.08); border-radius: 6px;}
.dashboard.device .table-wrap thead tr th{padding-top: 0 !important; padding-bottom: 0 !important; height: 63px;line-height: 63px;}
.dashboard.device .table-wrap .data-table *{font-family:'SamsungSharpSans' !important; color: #131523 !important;}
.dashboard.device .data-table thead tr{display: flex; width: 100%;}
.dashboard.device .table-wrap .data-table:not(.rows-1) tbody tr + tr{border-top: 1px solid #e6e9f4 !important;}
.dashboard.device .table-wrap .data-table tr th{background-color: #f5f6fa; font-weight: bold;}
.dashboard.device .table-wrap .data-table  tr td{background-color: #fff !important;}
.dashboard.device .table-wrap .data-table .input-text,
.dashboard.device .table-wrap .data-table .select,
.dashboard.device .table-wrap .data-table .textarea{border-radius: 6px; border: 1px solid #d7dbec; box-sizing: border-box;}
.dashboard.device .table-wrap .data-table .select{background: #fff url('../images/common/select_small.svg') calc(100% - 20px) 50% no-repeat;}

/* .dashboard.device.model */
.ico.add-model{width: 24px; height: 24px; background-image: url("../images/ico/ico_add_model.svg"); background-size: cover;}

.dashboard.model .error-txt.red{color: red;}
.dashboard.model .error-txt.green{color: green;}
.dashboard.model .error-txt{font-family: 'SamsungOne'; font-size: 14px; font-weight: 500; line-height: 1.52; margin-top: 15px;}

.dashboard.model section.device-type .table-wrap{width: 100%; margin: 0 auto !important;}
.dashboard.model .data-table.col-1 tbody{max-height: 522px !important;}
.dashboard.model .table-wrap .data-table:not(.rows-1) tbody tr + tr{border: none !important;}
.dashboard.model .data-table.col-1 tr th,
.dashboard.model .data-table.col-1 tr td,
.dashboard.model .data-table.col-1 tr .select{font-size: 14px; font-weight: 500;}
.dashboard.model .data-table.col-1 tr td{padding-top: 30px !important; padding-bottom: 0 !important;}
.dashboard.model .data-table.col-1 tr th:nth-child(1),
.dashboard.model .data-table.col-1 tr td:nth-child(1){width: 32% !important; padding-left: 40px !important; text-align: left;}
.dashboard.model .data-table.col-1 tr th:nth-child(2),
.dashboard.model .data-table.col-1 tr td:nth-child(2){width: 68% !important; padding-right: 50px !important;}
.dashboard.model .data-table.col-1 tr .select{width: 100%;}

.dashboard.model section.device-model{}
.dashboard.model .model-area{}
.dashboard.model .model-area .btn.add-model{margin-top: 20px; margin-left: auto; width: 40px; height: 40px; border-radius: 6px; border: 1px solid #7e84a3;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

.dashboard.model .model-wrap{padding: 40px; background-color: #fff; border-radius: 6px; box-shadow: 0 1px 4px 0 rgba(21, 34, 50, 0.08);}
.dashboard.model .model-wrap + .model-wrap{margin-top: 20px;}
.dashboard.model .model-wrap .field:nth-child(1){padding-bottom: 26px;}
.dashboard.model .model-wrap .insert,
.dashboard.model .model-wrap .insert label{width: 100%;}
.dashboard.model .model-wrap .insert .title{padding-top: 0; padding-bottom: 13px; font-size: 18px; font-weight: 500; line-height: 1.33;}
.dashboard.model .model-wrap .input-text{ min-width: auto; font-size: 14px;}
.dashboard.model .model-wrap .insert .input-wrap{position: relative; width: 100%; border-radius: 6px; border: 1px solid #d7dbec; box-sizing: border-box; padding: 0 20px; }
.dashboard.model .model-wrap .input-wrap .input-text{padding: 0; width: calc(100% - 160px);}
.dashboard.model .model-wrap .input-wrap .btn{position: absolute; top: 50%; transform: translateY(-50%); right: 20px; padding: 10px 12px; cursor: pointer; background-color: #a5a5a5; color: #fff; border-radius: 6px; font-size: 14px; font-weight: 500;}
.dashboard.model .model-wrap .field:nth-child(2) .input-text{width: 100%; border-radius: 6px; border: 1px solid #d7dbec; box-sizing: border-box; padding: 0 20px; }

/* .dashboard.device.store */
.ico.excel-download,
.ico.excel-upload{width: 18px; height: 18px; background-size: cover;}
.ico.excel-download{background-image: url('../images/ico/ico_excel_download.svg');}
.ico.excel-upload{background-image: url('../images/ico/ico_excel_upload.svg');}

/* 230719 추가 */
.dashboard.store .sort-wrap .select-wrap select{width: 170px;}
.dashboard.store .sort-wrap .select-wrap select + select{margin-left: 5px !important;}
.dashboard.store .sort-wrap .select-wrap + div{margin-left: 10px;}
/* // 230719 추가 */
.dashboard.store .btn.excel,
.dashboard.store .btn.bdr{border-radius: 6px; font-size: 14px; font-weight: 500; background-color: transparent; font-family:'SamsungSharpSans' !important;}
.dashboard.store .btn.excel{padding: 0 12px; border-color: #7e84a3 !important; color: #7e84a3 !important;
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.dashboard.store .btn.excel .ico{margin-left: 8px;}

.dashboard.store .data-table.col-1 tr th:nth-child(1),
.dashboard.store .data-table.col-1 tr td:nth-child(1){width: 16% !important; padding-left: 40px !important; text-align: left;}
.dashboard.store .data-table.col-1 tr th:nth-child(2),
.dashboard.store .data-table.col-1 tr td:nth-child(2){width: 34% !important;}
.dashboard.store .data-table.col-1 tr th:nth-child(3),
.dashboard.store .data-table.col-1 tr td:nth-child(3){width: 50% !important; padding-right: 40px !important;}

.dashboard.store .data-table.col-1 *{font-size: 14px; font-weight: 500;}
.dashboard.store .data-table.col-1 tbody{max-height: 522px !important;}
.dashboard.store .data-table.col-1 tbody td{padding: 30px 20px 0 !important;}
.dashboard.store .table-wrap .data-table:not(.rows-1) tbody tr + tr{border: none !important;}

.dashboard.store .data-table.col-1 tr td .select,
.dashboard.store .data-table.col-1 tr td .textarea{width: 100%; height: 57px;}
.dashboard.store .data-table.col-1 tr td .textarea{resize: none;}

/* .dashboard.device.store.detail */
.dashboard.store.detail .table-wrap tbody tr th,
.dashboard.store.detail .table-wrap tbody tr td{padding-top: 20px !important; padding-bottom: 20px !important;}
.dashboard.store.detail .table-wrap tbody tr.sample-data td{background-color: #dbdbdb !important;}

/* .dashboard.device.shipped */
.dashboard.shipped .sort-wrap .select.small{ color: #131523;}
.dashboard.shipped .content-primary .form select + span{margin-left: 12px; font-size: 14px; font-weight: 500; line-height: 1.21; color: #7e84a3;}

.dashboard.shipped .data-table.col-1 tbody{max-height: 530px !important;}
.dashboard.shipped .data-table.col-1 tbody td span{display: inline-block; width: 96px; text-align: left;}
.dashboard.shipped .data-table.col-1 tr th,
.dashboard.shipped .data-table.col-1 tr td{font-size: 14px;}
.dashboard.shipped .data-table.col-1 tr td{padding: 30px 5px !important;  font-weight: 500;}
.dashboard.shipped .data-table.col-1 tr td .insert .label + .label{padding-top: 12px;}
.dashboard.shipped .data-table.col-1 tr th:nth-child(6)::after{display: none !important;}

.dashboard.shipped .data-table.col-1 tr th:nth-child(1),
.dashboard.shipped .data-table.col-1 tr td:nth-child(1){width: 16% !important; padding-left: 40px !important; text-align: left;}
.dashboard.shipped .data-table.col-1 tr th:nth-child(2),
.dashboard.shipped .data-table.col-1 tr th:nth-child(3),
.dashboard.shipped .data-table.col-1 tr th:nth-child(4),
.dashboard.shipped .data-table.col-1 tr th:nth-child(5),
.dashboard.shipped .data-table.col-1 tr td:nth-child(2),
.dashboard.shipped .data-table.col-1 tr td:nth-child(3),
.dashboard.shipped .data-table.col-1 tr td:nth-child(4),
.dashboard.shipped .data-table.col-1 tr td:nth-child(5){width: 17% !important;}
.dashboard.shipped .data-table.col-1 tr th:nth-child(6),
.dashboard.shipped .data-table.col-1 tr td:nth-child(6){width: 16% !important;}

.dashboard.shipped .data-table.col-1 .input-text{width: 114px; height: 57px; }
.dashboard.shipped .data-table.col-1 .textarea{width: 190px; height: 125px; resize: none;}

.dashboard.table.list.detail-type *	{ font-family: "SamsungSharpSans" !important;}
.dashboard.table.list.detail-type .row-title	{vertical-align: middle; border-top: 2px solid #fff;}
.dashboard.table.list .data-table.col-1 tr td{font-size: 14px;}
.dashboard.table.list.detail-type .data-table.col-1 tr td .number,
.dashboard.table.list.detail-type .item-list li .time,
.dashboard.table.list.detail-type .data-table.col-1 tr td .percent{font-size: 12px;}
.dashboard.table.list.detail-type .data-table.col-1 tr td .number{margin-top: 6px;}
.dashboard.table.list.detail-type .data-table.col-1 tr td .state{font-weight: 500;}
.dashboard.table.list.detail-type .data-table.col-1 tr .line-graph.type-2 .current{background-color: #0062ff;}


.dashboard.table.list.detail-type .table-wrap.type-2 tbody th.row-title{width: 10% !important; vertical-align: middle;}
.dashboard.table.list.detail-type .table-wrap.type-2 tbody th.row-title .corporate{line-height: 1.43; color: #000; font-weight: 700; }
.dashboard.table.list.detail-type .table-wrap.type-2 tbody th.row-title .store{font-size: 14px; color: #aaa; font-weight: 600; line-height: 1.14; margin-top: 4px; }


/* input-text */
.detail-wrap.list .board-wrap{padding: 16px 32px; background: #fafafa;}
.detail-wrap.list .board .field-wrap{
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.detail-wrap.list .board .label{width: auto; padding-left: 0; font-family: 'SamsungOne'; font-size: 15px; line-height: 1.2; color: #444;}
.detail-wrap.list .board .insert{width: auto;}
.detail-wrap.list .board .select.x-small{
	width: 80px; height: 32px; line-height: 32px; font-family: 'SamsungOne';
	font-size: 15px; font-weight: normal; border-color: #c9c9c9; border-radius: 8px;
	background: #fff url(../images/common/select_x-small.svg) calc(100% - 10px) 50% no-repeat; background-size: 10px 8px; color: #c9c9c9;
}

.detail-wrap.list .board .field-wrap + .field-wrap{margin-top: 16px;}
.detail-wrap.list .board .label + .insert{ padding-left: 22px;}
.detail-wrap.list .board .select.x-small + .select.x-small{width: 72px; margin-left: 8px;}
.detail-wrap.list .board .input-text,
.detail-wrap.list .board .input-text::placeholder{font-family: 'SamsungOne';}

.detail-wrap.list .board .field-wrap.data{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.detail-wrap.list .board .field-wrap.data .input-text{background:#fff url("../images/common/ico_calendar-b.svg") calc(100% - 7px) 50% no-repeat; background-size: 24px 24px;}
.detail-wrap.list .board .field-wrap.data .input-text.small{width: 176px; font-size: 15px; color: #c9c9c9;}
.detail-wrap.list .board .field-wrap.data .wave{padding-right: 16px; padding-left: 16px; line-height: 32px;}
.detail-wrap.list .board .field-wrap.data .field + .field{padding-left: 64px;}

.detail-wrap.list .board .field-wrap.search .select.x-small{min-width: 290px;}
.detail-wrap.list .board .field-wrap.search .input-text.small{min-width: 647px;}
.detail-wrap.list .board .field-wrap.search .btn.x-small{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 32px; line-height: 32px; font-size: 15px; font-weight: bold;}
.detail-wrap.list .board .field-wrap.search .select.x-small + .input-text{margin-left: 16px;}
.detail-wrap.list .board .field-wrap.search .input-text + .btn{margin-left: 8px;}

/* 221011 add 테이블 툴팁 */
.tooltip-table{position: relative;background-color: #f53c56;border-radius: 8px;}
.tooltip-table::before{content: ''; position: absolute; top: 50%; left: -10px;
	transform: translateY(-50%);
	display: inline-block; width: 0; height: 0; border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #f53c56 transparent transparent;
}
.tooltip-table tr th{color: #fff;padding-left: 16px;padding-right: 16px; font-size: 14px;}
.tooltip-table tr td{color: #fff;padding-left: 16px;padding-right: 16px; }
.tooltip-table tr:first-child th{padding-top: 16px;}
.tooltip-table tr:last-child td{padding-bottom: 16px;}

/* 240702 메인 툴팁 */
.tooltip-table.weekly {padding: 18px 20px; color: #fff;
	background: rgb(168,150,195);
	background: linear-gradient(110deg, rgba(168,150,195,1) 0%, rgba(92,139,209,1) 100%);
	transform: translateY(-25%);
}
.tooltip-table.weekly::before{left: 100%;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent var(--mblue);
}
.tooltip-table.weekly .title-weekly		{font-size: 20px; font-weight: 700;}
.tooltip-table.weekly .value			{font-weight: 700; font-size: 18px;}
.tooltip-table.weekly .tooltip-body.pack-down	{margin-top: 16px;}
.tooltip-table.weekly .tooltip-body dl			{gap: 4px;}
.tooltip-table.weekly .tooltip-body dt			{font-size: 12px;}
.tooltip-table.weekly .tag.change				{min-width: 51px; margin-top: 4px; text-align: center;}



.table-wrap.type-3 .thead{
	display: flex; align-items: center;
}
.table-wrap.type-3 .thead{padding-top: 18px; padding-bottom: 18px; box-sizing: border-box; background-color: #f5f6fa;}
.table-wrap.type-3 .thead li{font-size: 14px; line-height: 1.29;}
.table-wrap.type-3 .thead li:nth-child(1){width: 10%;}
.table-wrap.type-3 .thead li:nth-child(2){width: 8%;}
.table-wrap.type-3 .thead li:nth-child(3){width: 6%;}
.table-wrap.type-3 .thead li:nth-child(4){width: 10%;}
.table-wrap.type-3 .thead li:nth-child(5){width: 30%;}
.table-wrap.type-3 .thead li:nth-child(6),
.table-wrap.type-3 .thead li:nth-child(7),
.table-wrap.type-3 .thead li:nth-child(8),
.table-wrap.type-3 .thead li:nth-child(9){width: 9%;}


/* 230725 pop-contents-list */
.pop-contents-list *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.pop-contents-list .data-list .data-timer,
.pop-contents-list .data-list .btn.download{
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}

.pop-contents-list .popup{max-width: 670px; max-height: 758px; height: 100%; padding: 40px 30px; border-radius: 6px;}

.pop-contents-list .popup-header{position: relative; padding-bottom: 36px;}
.pop-contents-list .popup-header .btn-close{top: 0; right: 0; width: 24px; height: 24px; background-size: 15px; background-position: 50% 50% !important;}
.pop-contents-list .popup-header h3{font-size: 22px; font-weight: bold; line-height: 1.27; color: #131523;}
.pop-contents-list .popup-body{height: calc(100% - 60px)}
.pop-contents-list .data-list{width: 100%; gap: 52px 30px;
	display: flex; flex-wrap: wrap;
}
.pop-contents-list .data-list li{width: calc((100% - 90px) / 4);}
.pop-contents-list .data-list .title{display: block; overflow: hidden; text-overflow: ellipsis; height: 30px; font-size: 12px; font-weight: bold; line-height: 15px; color: #131523; margin-bottom: 10px; word-break: break-all;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.pop-contents-list .data-list .data-img{position: relative;}
.pop-contents-list .data-list .data-img .img-wrap img{}

.pop-contents-list .data-list .data-img .btn.play{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); border-radius: 8px;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.pop-contents-list .data-list .data-img .btn.play .ico.play{width: 24px; height: 24px; background-image: url("../images/common/ico_play.svg"); background-size: cover;}

.pop-contents-list .data-list .data-timer{ height: 34px; }
.pop-contents-list .data-list .data-timer .timer{font-size: 12px; font-weight: 400; line-height: 1.17; color: #7e84a3;}
.pop-contents-list .data-list .btn.download{max-width: 130px; width: 100%; height: 30px;
	border: 1px solid #2c2e97; border-radius: 6px; font-size: 10px; font-weight: 400;
	color: #2c2e97;
}
.pop-contents-list .data-list .btn.download:hover{color: #fff; background-color: #2c2e97;}




/*
#content.overview
*/
#content.overview .card									{position: relative;}
#content.overview .card:not(.small)						{padding: 16px;}
#content.overview .card .dimmed.active					{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 2}
#content.overview .card .dimmed:not(.active)			{display: none;}
#content.overview > .overview-wrap.pack-wrap,
#content.overview > .overview-wrap > .pack-down			{gap: 6px;}
#content.overview > .overview-wrap > .pack-down:not(.card),
#content.overview > .overview-wrap > .card.trend-chart		{width: calc(50% - 6px);}
#content.overview > .overview-wrap > .card.analysis-world {width: 100%; gap: 4%;}
#content.overview > .overview-wrap > .card.analysis-world > .col-left		{width: 50%;}
#content.overview > .overview-wrap > .card.analysis-world > .analysis-table	{width: 46%; border-radius: 4px;}
#content.overview .card-title-wrap						{padding-bottom: 8px;}
/* #content.overview .card.registration*/
#content.overview .card.registration 					{padding: 8px 16px;}
#content.overview .card.registration .card-wrap			{gap: 4px; overflow-x: auto;}
#content.overview .card.registration .card.bg-mblue		{width: calc((100% - 8px) / 3); min-width: 190px; gap: 8px; padding: 12px;}
#content.overview .card.registration .card.bg-mblue .card-small-title	{
	align-self: flex-start;
}
#content.overview .card.bg-mblue							{text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
	background-repeat: no-repeat; background-position: 95% 120%;
}
#content.overview .card.bg-mblue:nth-child(1)			{background-image: url("../images/new/bg_blue01.png");  background-size: auto 85%;}
#content.overview .card.bg-mblue:nth-child(2)			{background-image: url("../images/new/bg_blue02.png"); background-size: auto 95%;}
#content.overview .card.bg-mblue:nth-child(3)			{background-image: url("../images/new/bg_blue03.png"); background-size: auto 80%;}

#content.overview .card.bg-mblue .data-wrap.pack-left	{gap: 20px;}
#content.overview .big-num								{font-size: 35px; font-weight: 700; line-height: 34px; letter-spacing: -1px;}
/* #content.overview .card.content-operation*/
#content.overview .card.content-operation				{}
#content.overview .card.content-operation > .pack-left	{gap: 1px; margin-top: -4px;}
.chart-container.pack-both-top							{width: 100%; padding: 0; gap: 2.5%;
	-webkit-align-items: stretch; align-items: stretch;
}
.chart-container .bdr									{width: 1px; background-color: #EAF0F9;}
.chart-container .chart-wrap							{flex: calc((100% - 61px)/2);}
.chart-container .chart-wrap.pack-down					{
	-webkit-justify-content: space-between; justify-content: space-between;
}
.chart-container .chart-title							{color: var(--bold2); font-size: 14px; font-weight: 700;}
.chart-container .chart-title-wrap						{gap: 0;}
.chart-container .chart-title-wrap .btn.action			{width: 40px; height: 17px; line-height: 17px; font-size: 10px; font-weight: bold; color: #FFF; background: #a5a5a5}
.chart-container .chart-title-wrap .btn.view			{width: fit-content; padding: 0;}
.chart-container .chart-target p						{width: 42px;  height: 17px; padding: 0 4px;font-size: 10px;  background-color: #a5a5a5; color: #fff; font-weight: 600; border-radius: 2px;
	display: -webkit-flex; display: flex;
	-webkit-align-items: center; align-items: center;
}
.chart-container .chart-target ul						{width: calc(100% - 50px); list-style-type: revert; list-style-position: inside; color: #282E37; font-size: 12px; font-weight: 500; line-height: 1.4;
}
.chart-container .time-wrap.pack-down-center			{position: absolute; top: 50%; left: 50%; gap: 0;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.chart-container .time-wrap .time						{position: relative; display: block; font-size: 32px; line-height: 1.2; font-weight: 700; color: #000; letter-spacing: -1px;}
.chart-container .time-wrap em							{font-size: 12px; font-weight: 500; line-height: 1.2; color: #aaa;}
.chart-container .legend-wrap.pack-both .canvas-wrap	{position: relative; margin: 0 auto; width: 176px;}
.chart-container .legend-wrap.pack-both .chart-legend	{width: calc(100% - 176px - 8px); max-width: 160px; font-size: 12px; margin-bottom: 8px;
	-webkit-align-self: flex-end; align-self: flex-end;
}
.chart-container .percent-bar							{height: 30px;}
.chart-container .percent-bar .bar:first-child			{border-radius: 4px 0 0 4px;}
.chart-container .percent-bar .bar:last-child			{border-radius: 0 4px 4px 0;}
.chart-container .percent-bar .bar .label				{font-family: 'SamsungOne'; font-size: 12px; font-weight: 600}
.chart-container .percent-bar .bar .ratio				{color: #fff; font-size: 13px;}
.chart-container .chart-legend div .type::before	{content: ''; display: inline-block; position: relative; width: 8px; height: 8px; margin-right: 4px; border-radius: 50px;}
.chart-container .chart-legend div:nth-of-type(1) .type::before {background-color: #2c2e97;}
.chart-container .chart-legend div:nth-of-type(2) .type::before {background-color: #69bfb0;}
.chart-container .chart-legend div:nth-of-type(3) .type::before {background-color: #a5a5a5;}
.chart-container .chart-legend .percents						{font-size: 13px; color: #131523; font-weight: bold;}

/* lfd main */
.card-title-wrap > .select.small								{height: 22px; line-height: 22px; font-size: 12px; padding-left: 12px; background-position: calc(100% - 12px) 50%;}
.chart-container.lfd-chart-table .chart-title					{font-size: 12px;}
.chart-container.lfd-chart-table .chart-table thead th			{padding: 12px 0 6px;}
.chart-container.lfd-chart-table .chart-table tbody th,
.chart-container.lfd-chart-table .chart-table tbody td		{padding: 8px 0; vertical-align: middle;}
.chart-container.lfd-chart-table .chart-table tbody th	{color: #454444; font-size: 16px; font-weight: 700;
	line-height: 1.75; text-align: left;}
.chart-container.lfd-chart-table .chart-table .rate		{text-align: center; color: #000; font-size: 25px; font-weight: 700; line-height: 1;}
.chart-container.lfd-chart-table .bar-wrap.pack-both .rate	{width: 50px; text-align: right;}
.chart-container.lfd-chart-table .percent-bar			{margin: 0; height: 12px;}
.chart-container.lfd-chart-table .percent-bar .bar		{width: calc(100% - 58px); border-radius: 0;}
.chart-container.lfd-chart-table .chart-legend.pack-center	{font-size: 10px; margin-right: calc(45px + 9px);}
.chart-container.lfd-chart-table .color1,
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(1) .type::before	{background-color: var(--my-color1);}
.chart-container.lfd-chart-table .color2,
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(2) .type::before	{background-color: var(--my-color2);}
.chart-container.lfd-chart-table .color3,
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(3) .type::before	{background-color: var(--my-color3);}
{background-color: var(--my-color1);}
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(1) .type{color: var(--my-color1);}
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(2) .type{color: var(--my-color2);}
.chart-container.lfd-chart-table .chart-legend div:nth-of-type(3) .type{color: var(--my-color3);}

/* #content.overview .card.trend-chart*/
#content.overview .before-control .input-text + .btn	{margin-left: revert;}
#content.overview .card.trend-chart .canvas-wrap		{height: 289px;}
#content.overview .after-control .label.fc-dark			{color: #212B36; font-size: 12px; font-weight: 700;}
#content.overview .after-control .recent			{gap: 5px; max-width: 300px; overflow-x: auto;}
#content.overview .after-control .recent .pack-left		{width: fit-content;}
#content.overview .after-control > .pack-right		{gap: 12px;}
#content.overview .after-control .btn.xx-small		{padding: 0 10px}
#content.overview .tooltip-wrap.active .tooltip-text	{}
#content.overview .tooltip-wrap .tooltip-text			{left: -10px; width: 140px; transform: translateX(0);}
#content.overview .tooltip-wrap .tooltip-text::before	{left: 18px;;}
/* #content.overview .card.analysis-world*/
#content.overview .card.analysis-world				{}
#content.overview .map-area							{position: relative; height: 328px; overflow: hidden;}
#content.overview .map-area .img-wrap				{margin: 0 auto; max-height: 328px;}
#content.overview .map-area .map-bubble				{position: absolute;
	top: 50%; left: 50%;
	width: 240px; padding: 16px;
	border-radius: 12px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); background: #FFF;
	z-index: 2;
}
#content.overview .map-area .map-bubble .btn-bubble-close{position:absolute; top: 16px;right: 16px;width: 20px;height: 20px;background: url('../images/common/pop_close.svg') 0 0 no-repeat;background-size: 20px auto;-webkit-background-size: 20px auto;}
#content.overview .map-area .map-bubble:after		{content: ''; position: absolute; width: 0;
	height: 0; top: 20px; left: -40px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
	border-right: 30px solid white;
}
#content.overview .map-area .canvas-wrap.doughnut	{width: 144px; height: 144px; margin: 0 auto;}
#content.overview .map-area .average				{width: fit-content; gap: 0; line-height: 1;}
#content.overview .map-area .average strong			{font-size: 40px; font-weight: 700; letter-spacing: -0.8px; color: #333;}
#content.overview .map-area .average span,
#content.overview .map-area .average sup			{letter-spacing: -0.32px;}
#content.overview .map-area .average sup			{
	-webkit-align-self: flex-start; align-self: flex-start;
}
#content.overview .map-area .name					{font-size: 12px; font-weight: 700; letter-spacing: -0.24px; color: #333;}
#content.overview .map-area .progress-group								{margin-top: 10px;}
#content.overview .map-area .progress-wrap.pack-both .progress-label	{width: 44px;}
#content.overview .map-area .progress-wrap.pack-both .progress			{width: 116px;}
#content.overview .map-area .progress-wrap.pack-both .progress-data		{width: 28px;}
#content.overview .map-btns.pack-down									{position: absolute;
	top: 50%; right: 0; z-index: 2; gap: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#content.overview .map-btns .btn										{width: 85px; height: 85px; border-radius: 80px; font-size: 10px; font-weight: 700; background-color: #FFF;
	-webkit-flex-direction: column; flex-direction: column;
	gap: 2px;
}
#content.overview .map-btns .btn:hover									{color: #fff; background: var(--chart-blue); box-shadow: 0 0 0 1px var(--chart-blue) inset;}
#content.overview .map-btns .btn:hover .fill-30							{fill: #fff;}

/* #content.overview .card.analysis-table */
#content.overview .table-wrap.table-scroll	{height: fit-content; max-height: 338px; margin: 0 0 8px;}
#content.overview .data-table			{min-width: 100%; font-weight: 700;}
#content.overview .data-table thead th	{background: #f4f4f4;}
#content.overview .data-table tbody		{max-height: 240px; color: var(--bold2); border: 0 none;}
#content.overview .data-table thead th,
#content.overview .data-table tfoot td	{padding: 5px 7px;}
#content.overview .data-table td		{padding: 3px 7px 2px;}
#content.overview .data-table th		{font-size: 13px;}
#content.overview .data-table td		{text-align: center; font-size: 13px; font-weight: 400;}
#content.overview .data-table .td-playtime .pack-left	{gap: 6px; width: fit-content; margin: 0 auto}
#content.overview .data-table thead tr:first-child th:first-child,
#content.overview .data-table tfoot tr:first-child td:first-child,
#content.overview .data-table tbody tr:nth-child(2n) td:first-child	{border-top-left-radius: 4px;}
#content.overview .data-table thead tr:first-child th:last-child,
#content.overview .data-table tfoot tr:first-child td:last-child,
#content.overview .data-table tbody tr:nth-child(2n) td:last-child	{border-top-right-radius: 4px;}
#content.overview .data-table thead tr:last-child th:first-child,
#content.overview .data-table tfoot tr:last-child td:first-child,
#content.overview .data-table tbody tr:nth-child(2n) td:first-child	{border-bottom-left-radius: 4px;}
#content.overview .data-table thead tr:last-child th:last-child,
#content.overview .data-table tfoot tr:last-child td:last-child,
#content.overview .data-table tbody tr:nth-child(2n) td:last-child	{border-bottom-right-radius: 4px;}
#content.overview .data-table tbody tr:nth-child(2n)				{background-color: #e5f1ff;}




.th-tooltip{position: fixed; z-index: 100;}