.main-wrap {
	position: relative;
	width: 100%;
	min-width: 1300px;
	background-color: #fafbff;
}

.main-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 465px;
	background-color: #00d291;
	z-index: 0;
}

.viewer-wrap {
	position: relative;
	box-sizing: border-box;
	padding: 24px 25px;
	z-index: 1;
}

.report-title {
	margin-top: 70px;
}

.report-title img {
	margin: auto;
	display: block;
}

.report-title span {
	margin-top: 20px;
	display: block;
	font-size: 60px;
	text-align: center;
	font-family: 'Kaleko205-Bold';
	color: #fff;
}

.contents-wrap {
	margin: auto;
	margin-top: 55px;
	margin-bottom:55px;
	width: 1130px;
}

.contents-wrap section {
	margin-bottom: 24px;
	box-shadow: 0px 2px 6px rgba(67, 77, 113, 0.15);
	border-radius: 3px;
	background-color: #fff;
}

#dashboardSection {
	position: relative;
	box-sizing: border-box;
	padding: 80px 80px 63px 80px;
}

.dashboard-head {
	box-sizing: border-box;
	padding-bottom: 27px;
	border-bottom: 1px solid #DFE1E4;
}

.dashboard-head .car-brand {
	font-size: 0;
	text-align: center;
}

.dashboard-head .car-brand img {
	margin-right: 12px;
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.dashboard-head .car-brand span {
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	line-height: 130%;
	color: #303841;
}
.dashboard-head .care-notice{
	margin-top: 28px;
	position: relative;
	color: var(--color-red-700, #E85B45);
	text-align: center;
	font-size: var(--font-size-xs, 15px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 22.5px */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	display: none;
}
.dashboard-head .care-notice::before{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-size: auto;	
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00065 1.83337C11.6825 1.83337 14.6673 4.81814 14.6673 8.50004C14.6673 12.1819 11.6825 15.1667 8.00065 15.1667C4.31875 15.1667 1.33398 12.1819 1.33398 8.50004C1.33398 4.81814 4.31875 1.83337 8.00065 1.83337ZM7.99479 11.2572C7.85026 11.2572 7.71354 11.2943 7.58464 11.3685C7.45573 11.4388 7.35417 11.5385 7.27995 11.6674C7.20573 11.7963 7.16862 11.933 7.16862 12.0775C7.16862 12.226 7.20573 12.3646 7.27995 12.4935C7.35417 12.6185 7.45573 12.7201 7.58464 12.7982C7.71354 12.8763 7.85026 12.9154 7.99479 12.9154C8.14323 12.9154 8.27995 12.8763 8.40495 12.7982C8.53385 12.7201 8.63542 12.6185 8.70963 12.4935C8.78776 12.3646 8.82682 12.226 8.82682 12.0775C8.82682 11.933 8.78776 11.7963 8.70963 11.6674C8.63542 11.5385 8.53385 11.4388 8.40495 11.3685C8.27995 11.2943 8.14323 11.2572 7.99479 11.2572ZM7.42057 10.3959H8.57487L8.68034 4.349H7.30924L7.42057 10.3959Z' fill='%23FF644C'/%3E%3C/svg%3E");
}
.dashboard-head .car-information {
	margin-top: 48px;
}

.dashboard-head .car-information ul {
	font-size: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:40px;
}

.dashboard-head .information-li{
	box-sizing: border-box;
	position: relative;
}
.dashboard-head .information-li::after{
	content:'';
	width: 1px;
	height: 18px;
	background-color: #dee1e4;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
}
.dashboard-head .information-li:last-of-type::after{
	display: none;
}
.dashboard-head .information-li span {
	display: inline-block;
	vertical-align: middle;
	line-height: 150%;
}
.dashboard-head .information-li #car_number{
	font-family: 'Kaleko205-Bold', 'Noto Sans KR-Bold';
	font-weight: 500;
	font-size: 18px;
	color:#303841;
	box-shadow: 0px 0.800000011920929px 1.600000023841858px 0px #10182040;
	border:1px solid #dee1e4;
	border-radius:4px;
	padding: 0 8px;
	box-sizing: border-box;
	height:25px;
	line-height:25px;
	letter-spacing: 0px;
}
.dashboard-head #car_number b{
	font-family: 'Noto Sans KR';
	padding: 0px 2px 0 0;
	font-size: 15px;
	font-weight: 700;
	position: relative;
	top: -1.5px;
}
.dashboard-head .information-li .information-title {
	margin-right: 20px;
	font-weight: 300;
	font-size:16px;
	color: #626974;
}

.dashboard-comment {
	margin-top: 64px;
	font-size: 0;
	text-align: left;
}




.total-comment .comment-title {
	font-size: 20px;
	font-weight: 500;
}

.total-comment p {
	margin-top: 32px;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	color: #303841;
	overflow-x: auto;
}

.dashboard-standard {
	margin-top: 56px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.dashboard-standard .dashboard-grade {
	overflow: visible;
	padding-right:39px;
	position: relative;
}
.dashboard-standard .dashboard-grade::before{
	content:'';
	width:1px;
	background:#DFE1E4;
	position:absolute;
	top:0;
	bottom: 0;
	right:0;
}
.dashboard-grade .dashboard-inner{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
}

.dashboard-standard .grade-wrap{
	position: relative;
    width: 203px;
    height: 153px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-standard .grade-wrap .score-title{
	position: absolute;
	color: var(--Color-Text-black, #11151C);
	text-align: center;
	font-size: var(--size-font-body-body-1, 14px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	left: 50%;
	transform: translateX(-50%);
	top: 58px;
}
.dashboard-standard .grade-wrap .percentile_score{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: #11151C;
	text-align: center;
	font-size: var(--size-font-heading-heading-1, 28px);
	font-style: normal;
	font-weight: 800;
	line-height: 150%; /* 42px */
	top: 79px;
}
.dashboard-standard.poor .dashboard-grade .comment-wrap{
	
}
.dashboard-standard .dashboard-grade .comment-wrap h4,
.dashboard-standard .dashboard-grade .comment-wrap h4 span{
	color: var(--Color-Text-black, #11151C);
	font-size: var(--size-font-heading-heading-2, 20px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 30px */
}
.dashboard-standard .dashboard-grade .comment-wrap h4{
	padding-bottom: 24px;
}
.dashboard-standard .dashboard-grade .comment-wrap li{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 12px;
	padding-bottom: 12px;
	position: relative;
}
.dashboard-standard .dashboard-grade .comment-wrap li:last-of-type{
	padding-bottom: 0;
}
.dashboard-standard .dashboard-grade .comment-wrap li span,
.dashboard-standard .dashboard-grade .comment-wrap li span em{
	color: var(--color-static-black, #11151C);
	font-size: var(--font-size-md, 16px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}
.dashboard-standard .dashboard-grade .comment-wrap li span em{
	font-weight: 700;
}

.dashboard-standard.excellent .dashboard-grade h4 span,
.dashboard-standard.excellent .grade-wrap .percentile_score,
.dashboard-standard.excellent .dashboard-grade .comment-wrap li span em{
	color:#2C90E0;
}
.dashboard-standard.good .dashboard-grade h4 span,
.dashboard-standard.good .grade-wrap .percentile_score,
.dashboard-standard.good .dashboard-grade .comment-wrap li span em{
	color:#00B277;
}
.dashboard-standard.average .dashboard-grade h4 span,
.dashboard-standard.average .grade-wrap .percentile_score,
.dashboard-standard.average .dashboard-grade .comment-wrap li span em{
	color:#E8A100;
}
.dashboard-standard.poor .dashboard-grade h4 span,
.dashboard-standard.poor .grade-wrap .percentile_score,
.dashboard-standard.poor .dashboard-grade .comment-wrap li span em{
	color:#E85B45;
}
.dashboard-standard .report-notice{
	margin-top: 16px;
	background:#F7F7F7;
	color:#878c95;
	font-size:12px;
	font-weight:400;
	padding:8px 12px;
	word-break: keep-all;
}
.dashboard-standard .standard-contents{
	position:relative;
	flex: 0 0 250px;
	padding-left:39px;
}

.standard-contents .insurance-btn{
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: #576375;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	border-radius: 8px;
	margin-top: 24px;
	display: none;
}
.dashboard-grade p{
	padding: 8px 12px;
	background: var(--color-neutral-100, #EDF4FC);
	color: var(--color-neutral-600, #717D8E);
	font-size: var(--font-size-2xs, 12px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 18px */
	text-align: left;
	margin-top: 24px;
}
/* 보험조회모달 */
.insure-modal-wrap{
	position: fixed;
    z-index: 999;
}

.insure-modal-wrap .modal-bg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 21, 28, 0.70);
    display: none;
    z-index: 10;
}
.insure-modal-wrap.on .modal-bg{
	display: block;	
}
#insureModal{
	position: fixed;
	overflow: auto;
	width: 420px;
	height: 80%;
	background-color: #fff;
	z-index: 10;
	border: none;
	border-radius: 8px;
	transition: 0.5s;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.insure-modal-wrap.on #insureModal{
	display: block;
}
/* !보험조회모달 */


.dashboard-standard .standard-contents  .contents-title{
	color: var(--Primary-900, #101820);
	font-size: var(--font-size-xl, 20px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 30px */
	padding-bottom:24px;
}
.dashboard-standard .standard-contents .standard-lists{
	/* display:flex; */
	justify-content: space-between;
	align-items: center;
}
.contents-title button {
	display: block;
	font-size: 0;
}

.contents-title span {
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	font-weight: 500;
	color: #101820;
}

.contents-title img {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
}

.standard-contents .standard-lists {
	font-size: 0;
}

.standard-contents .standard-lists ul {
	font-size: 0;
	box-sizing: border-box;
	width: 100%;
}
.standard-contents .standard-lists ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 24px;
}
.standard-contents .standard-lists ul li:last-of-type{
	padding-bottom: 0;
}
.standard-lists .standard-first .lists-title {
	color: var(--Gray-700, #444E5A);
	font-size: var(--font-size-md, 16px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
}

.standard-lists .lists-result {
	text-align: right;
	font-size: var(--font-size-md, 16px);
	font-style: normal;
	font-weight: 600;
	line-height: 150%; /* 24px */
}

.standard-lists .green-text {
	color: #00cc83;
}

.standard-lists .red-text {
	color: #FF786E;
}

.report-images {
	margin-top: 64px;
}
.report-images .images-title{
	font-size:20px;
	font-weight:500;
	padding-bottom:32px;
	color:#101820;
}
.report-images ul {
	font-size: 0;
}

.report-images li {
	margin-right: 9px;
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 18px) / 3);
	height: 238px;
}

.report-images li:nth-child(3n) {
	margin-right: 0;
}

.report-images li:nth-child(4),
.report-images li:nth-child(5),
.report-images li:last-child {
	margin-top: 9px;
}

.report-images .report-img {
	height: 100%;
	background-color: #dee1e4;
	cursor:pointer;
}

.report-images .report-img img{
	display: none;
}

.consumable-box {
	margin-top: 60px;
}
.consumable-box .contents-title{
	font-size: 20px;
	text-align: center;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.toggle-button{
	position: relative;
	width: 214px;
	height: 47px;
	overflow: hidden;
	background:#f7f7f7;
	border-radius:24px;
}

.toggle-button .checkbox{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 4;
}

.knobs{
	z-index: 2;
}

.layer{
	width: 103px;
	height:39px;
	background-color: #fff;
	z-index: 1;
	position:absolute;
	top:4px;
	margin-left:4px;
	border-radius:24px;
	transition: 0.3s;
}

.toggle-button .knobs:before, 
.toggle-button .knobs:after{
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 103px;
	height: 39px;
	color: #00BB71;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 39px;
	border-radius: 20px;
	z-index:3;
}

.toggle-button .knobs:before{
	content: '현재일 기준';
}

.toggle-button .knobs:after{
	content: '검수일 기준';
}

.toggle-button .knobs:after{
	right: 4px;
	left: auto;
	color:#878C95;
	font-weight:500;
}

.toggle-button .checkbox:checked + .knobs:before{
	color:#878C95;
	font-weight:500;
}

.toggle-button .checkbox:checked + .knobs:after{
	color:#00BB71;
	font-weight:700;
}

.toggle-button .checkbox:checked ~ .layer{
	margin-left:107px;
}

.consumable-box .consumable-lists {
	margin-top: 56px;
	box-sizing: border-box;
	padding:0 78px;
}

.consumable-box .consumable-lists ul {
	font-size: 0;
	text-align: center;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.consumable-box .consumable-lists li {
	vertical-align: top;
	border-radius: 10px;
}

.consumable-box .consumable-lists li:last-child {
	margin-right: 0;
}

.consumable-box .consumable-contents .consumable-chart {
	position: relative;
	margin: auto;
  margin-top: 20px;
  box-sizing: border-box;
  padding: 30px 0;
  width: 130px;
  height: 130px;
  text-align: center;
  color: #00cc83;
  font-size: 14px;
	line-height: 120%;
}

.consumable-box .consumable-contents .consumable-chart span {
	font-size: 20px;
	font-family: 'Kaleko205-Bold', 'Noto Sans KR-Bold';
	/* font-weight: bold; */
	color: #0fae6f;
}

/* .slide-section .section-contents .content-block .total-score .graph{
	display:inline-block;
	 padding:30px;
	 margin-right: 30px;

} */

.dashboard-notice {
	margin-top: 70px;
}

.dashboard-notice .reporting-date {
	font-size: 20px;
	text-align: center;
	letter-spacing: -1px;
	font-family: 'Kaleko205-Book';
	position: relative;
}

.dashboard-notice p {
	margin-top: 45px;
	box-sizing: border-box;
	padding-top: 40px;
	border-top: 1px solid #dee1e4;
}

.dashboard-notice .notice-1 {
	font-weight: 300;
	letter-spacing: -0.5px;
	color: #303841;
}

.dashboard-notice .notice-2 {
	font-size: 20px;
	letter-spacing: -0.5px;
	position: relative;
}

.cav-sign{
	position:relative;
	text-align: center;
	font-size:21px;
}
.cav-sign::after{
	position: absolute;
	display:block;
	content: " ";
	width:70px;
	height:70px;
	right: 305px;
	top: -37px;
	opacity: 0.7;
	background-image:url('https://d1te5yk8k75ngw.cloudfront.net/frontend/sign.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}

.contents-wrap .slide-section {
	box-sizing: border-box;
	padding: 24px 80px;
}

.slide-section .section-title {
	position: relative;
	display: block;
	cursor: pointer;
}

.slide-section .section-title span {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
}

.slide-section .section-title .section-info {
	margin-left: 5px;
	display: inline-block;
	width: 30px;
}

.slide-section .section-title .section-arrow {
	position: absolute;
	top: 20px;
	right: 0;
	transform: rotate(180deg);
	transition: all 500ms ease;
}

.slide-section .section-title .show {
	transform: rotate(0);
}

.slide-section .section-title .section-arrow button {
	display: block;
}

.slide-section .section-contents {
	margin-top: 45px;
	display: block;
	text-align: left;
	display: none;
}

.slide-section .main-img-wrap {
	margin-bottom: 20px;
}

.slide-section .main-img-wrap .section-main-img {
	position: relative;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.slide-section .main-img-wrap .external_condition_img {
	width: 692px;
	height: 460px;
}

.slide-section .main-img-wrap .internal_function_img {
	width: 520px;
	height: 548px;
}

.slide-section .main-img-wrap .engine_room_powertrain_img {
	width: 755px;
	height: 485px;
}

.slide-section .main-img-wrap .bottom_img {
	width: 758px;
	height: 380px;
}

.main-img-wrap .spot-wrap {
	position: absolute;
	/* top: 30px;
	left: 75px; */
}

.main-img-wrap .external_condition_img .spot1 {
	top: 75px;
	left: 345px;
}

.main-img-wrap .external_condition_img .spot2 {
	top: 215px;
	left: 70px;
}

.main-img-wrap .external_condition_img .spot3 {
	top: 215px;
	left: 365px;
}

.main-img-wrap .external_condition_img .spot4 {
	top: 215px;
	left: 580px;
}

.main-img-wrap .external_condition_img .spot5 {
	top: 350px;
	left: 345px;
}

.main-img-wrap .internal_function_img .spot1 {
	top: 150px;
	left: 250px;
}

.main-img-wrap .internal_function_img .spot2 {
	top: 255px;
	left: 175px;
}

.main-img-wrap .internal_function_img .spot3 {
	top: 255px;
	left: 320px;
}

.main-img-wrap .internal_function_img .spot4 {
	top: 400px;
	left: 248px;
}

.main-img-wrap .engine_room_powertrain_img .spot1 {
	top: 235px;
	left: 130px;
}

.main-img-wrap .engine_room_powertrain_img .spot2 {
	top: 285px;
	left: 210px;
}

.main-img-wrap .engine_room_powertrain_img .spot3 {
	top: 285px;
	left: 340px;
}

.main-img-wrap .engine_room_powertrain_img .spot4 {
	top: 230px;
	left: 340px;
}

.main-img-wrap .engine_room_powertrain_img .spot5 {
	top: 200px;
	left: 560px;
}

.main-img-wrap .engine_room_powertrain_img .spot6 {
	top: 295px;
	left: 580px;
}

.main-img-wrap .bottom_img .spot1 {
	top: 78px;
  left: 148px;
}

.main-img-wrap .bottom_img .spot2 {
	top: 168px;
  left: 115px;
}

.main-img-wrap .bottom_img .spot3 {
	top: 260px;
  left: 148px;
}

.main-img-wrap .bottom_img .spot4 {
	top: 168px;
  left: 212px;
}

.main-img-wrap .bottom_img .spot5 {
	top: 165px;
  left: 400px;
}

.main-img-wrap .bottom_img .spot6 {
	top: 62px;
  left: 565px;
}

.main-img-wrap .bottom_img .spot7 {
	top: 278px;
  left: 565px;
}


.main-img-wrap .spot-wrap .image-spot {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #ff786e;
	cursor: pointer;
}

.main-img-wrap .spot-wrap .spot-message {
	position: absolute;
	top: 25px;
	left: 0;
	min-width: 115px;
	box-sizing: border-box;
	padding: 10px 15px;
	border-radius: 10px;
	background: rgba(0,0,0,0.7);
	display: none;
	z-index: 10;
	transition: 0.3s;
}
.main-img-wrap .spot-wrap .image-spot:hover > .spot-message{
	display: block;
}
.main-img-wrap .spot-wrap .spot-message p {
	margin-top: 0;
	font-size: 14px;
	letter-spacing: -1px;
	color: #fff;
	text-align: left;
}

.slide-section .section-contents .content-comment {
	box-sizing: border-box;
	padding-bottom: 35px;
	/* border-bottom: 1px solid #dee1e4; */
}

.slide-section .section-contents .content-block .car-marker{
	display:block;
	text-align: center;
}

.slide-section .section-contents .content-block .car-marker .car-box{
	background-image:url('/hive/template/CARVAZO_IMG/report/car-sample.png');
	background-size:contain;
	background-position: center;
	position:relative;
	display:block;
	margin:0 auto;
	width:691px;
	height:542px;
}

.slide-section .section-contents .content-block .car-marker .car-box i{
	width:20px;
	height:20px;
	border-radius: 50%;
	background-color:#FF786E;
	display:block;
	position: absolute;
}
.slide-section .section-contents .content-block .car-marker .car-box i::after{
	content: "\2713";
	color:#fff;
}

.swiper-container {
	height: 260px;
	overflow: hidden;
	cursor: pointer;
}

.swiper-wrapper {
	font-size: 0;
}

.swiper-wrapper li {
	position: relative;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
	width: 280px;
	height: 260px;
	border-radius: 10px;
	overflow: hidden;
}

.swiper-wrapper li:last-child {
	margin-right: 0;
}

.swiper-wrapper .report-img {
	width: 100%;
	height: 100%;
	background-color: #eceff2;
}
.swiper-wrapper .report-img img{
	display: none;
}
.fancybox-container {
	display: flex; 
}
.fancybox__container {
    flex-direction: column;
  }

:root {
    --f-brand-color: #00CC83;
}

.fancybox__infobar{
	color: #fff;
}
.fancybox__infobar *{
	color: #fff;
}
.f-button{
	color: #dbdbdb !important;
}
.fancybox__content {
	flex: 1;
}

.fancybox__carousel {
	min-width: 0;
	min-height: 0;
}
/* .fancybox__carousel.is-vertical{
	--f-carousel-slide-height: 100%;
	--f-carousel-spacing: 10px;
	width: 100%;
	height: 80%;
} */
/* .fancybox__track{
	width: calc(100% - 230px);
	height: max-content;
	flex-wrap: wrap;
	flex-direction: column;
}
.fancybox__slide{
	flex-direction: column-reverse;
} */
.fancybox__caption {
	padding:0;
	color: #fff;
	font-size: 18px;
	z-index: 20;
	padding-top: 8px;
}


.fancybox-infobar{
	color: #fff;
}
.fancybox-infobar *{
	color: #fff;
}
.fancybox-thumbs{
	background-color: #1e1e1e;
}
.fancybox-thumbs__list a:before{
	border: 2px solid #00cc88;
	
}

/* .f-thumbs.is-classic {
	--f-thumb-width: 120px;
	--f-thumb-height: 80px;
	--f-thumb-gap: 8px;

	--f-thumb-opacity: 0.5;
	--f-thumb-selected-opacity: 1;

	--f-thumb-outline: 2px;
	--f-thumb-outline-color: var(--f-brand-color);

	--f-button-next-pos: 8px;
	--f-button-prev-pos: 8px;
} */

.f-thumbs.is-classic.is-horizontal {
	padding: 0 56px;
}

.f-thumbs.is-classic.is-vertical {
	padding: 56px 0;
}

.f-carousel__nav {
	opacity: 0;
	transition: opacity 0.15s;
}
.f-carousel__nav button{
	background-color: transparent;
}
/* .fancybox__thumbs.is-classic.is-horizontal {
	--f-thumb-width: 75px;
	--f-thumb-height: 55px;
	--f-thumb-gap: 8px;
}

.fancybox__thumbs.is-classic.is-vertical {
	--f-thumb-width: 100%;
	--f-thumb-height: 130px;
	width: 230px;
	outline: 1px solid #333;
}

.fancybox__thumbs.is-classic.is-vertical .f-thumbs__track {
	padding: 0 16px;
} */

.slide-section .section-contents .content-elem {
	margin-top: 50px;
}

.slide-section .section-contents .content-block h2 {
	padding-bottom: 15px;
	font-size: 24px;
	text-align: left;
	color: #626974;
}

.slide-section .section-contents .content-block h2 span {
	display: inline-block;
	margin-left: 10px;
	font-weight: 300;
	color: #a9adb4;
}
.content-block p {
	font-size: 16px;
	display: block;
	line-height: 160%;
	text-align: left;
	color: #303841;
}

.label-caption {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	margin-top: 2px;
	width: 24px;
	height: 24px;
	background-image: url("/hive/template/CARVAZO_IMG/web_main/viewer/info_icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	cursor: pointer;
}

.caption-wrap {
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 10;
	display: none;
}

.label-caption .label-triangle {
	position: absolute;
	top: -15px;
	left: 0;
	border-bottom: 15px solid rgba(0,0,0,0.7);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.label-caption p {
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.7);
	font-size: 14px;
	font-weight: 300;
	word-break: keep-all;
	text-align: left;
	color: #fff;
}


.section-title .label-caption {
	width: 28px;
	height: 28px;
}

.section-title .label-caption .caption-wrap {
	top: 70px;
	max-width: 500px;
}

.slide-section .section-contents .content-block .total-score{
	display:block;
	margin-bottom:75px;
}


.slide-section .section-contents .content-block .total-score .graph{
	display:inline-block;
	 padding:30px;
	 margin-right: 30px;
	 width: 120px;
	 height: 120px;
}

.slide-section .section-contents .content-block .total-score .elem-items{
	display:inline-block;
	width:690px;
	vertical-align: top;
	padding-top:34px;
}


.slide-section .section-contents .content-block .total-score ul,
.slide-section .section-contents .content-block .total-score ul li{
	margin:0;
	padding:0;
	display:inline-block;
}

.slide-section .section-contents .content-block .total-score ul{
	display: flex;
	justify-content: space-between;
}


.slide-section .section-contents .content-block .total-score ul li .count{
	font-size:36px;
	font-weight: bold;
	display:block;
	line-height: 36px;
}

.slide-section .section-contents .content-block .total-score ul li .count-label{
	font-size:24px;
	font-weight: bold;
	display:block;
}


.slide-section .section-contents .content-block .total-score ul li .count-description{
	font-size:14px;
	color:#303841;
}


.slide-section .section-contents .content-block .total-score ul li.good .count,
.slide-section .section-contents .content-block .total-score ul li.good .count-label{
	color:#00CC83;
}

.slide-section .section-contents .content-block .total-score ul li.bad .count,
.slide-section .section-contents .content-block .total-score ul li.bad .count-label{
	color:#FF786E;
}

.slide-section .section-contents .content-block .total-score ul li.check .count,
.slide-section .section-contents .content-block .total-score ul li.check .count-label{
	color:#303841;
}


.slide-section .section-contents .content-block .total-score ul li.na .count,
.slide-section .section-contents .content-block .total-score ul li.na .count-label{
	color:#A9ADB4;
}




.check-table {
	display :flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2%;
}

.check-table .table {
	width: 32%;
	margin-bottom: 60px;
}

.check-table .table:nth-child(3n) {
	margin-right: 0;
}

.check-table .table .table-label {
	position: relative;
	margin-bottom: 20px;
}

.check-table .table .table-label span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
}

.check-table .table .table-rows {
	border: 1px solid #dee1e4;
}

.check-table .table.table-frame {
	width: 100%;
}

.check-table .table-frame .table-rows {
	border: 0;
}

.check-table .table.table-frame .table-rows .row {
	width: calc(100% / 3);
	display: inline-block;
}


.check-table .table .table-rows .row {
	box-sizing: border-box;
	border-bottom: 1px solid #dee1e4;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.check-table .table-frame .table-rows .row {
	margin-top: -1px;
	margin-left: -1px;
	border: 1px solid #dee1e4;
}

.check-table .table .table-rows .row:last-child {
	border-bottom: 0;
}

.check-table .table-frame .table-rows .row:last-child {
	border-bottom: 1px solid #dee1e4;
}

.check-table .table .table-rows .row div{
	display:inline-block;
	font-size:18px;
	height:60px;
	line-height: 60px;
}

.check-table .table .table-rows .row div.label{
}

.check-table .table .table-rows .row div.value{
	font-weight: bold;
}
.check-table .table.table-frame .value{
	float: right;
}


.check-table .table .table-rows .row div.value.good{
	color: #00CC83;
}

.check-table .table .table-rows .row div.value.bad{
	color: #ff786e;
}

.check-table .table .table-rows .row div.value.check{
	color: #303841;
}


.check-table .table .table-rows .row div.value.na{
	color: #a9adb4;
}

/* 직거래 */
/* 메인팝업 */
.main-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	overflow-y: auto;
	z-index: 30;
}

.main-popup::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.popup-box {
	position: relative;
  left: 50%;
  margin-left: -245px;
  display: inline-block;
  vertical-align: middle;
	box-sizing: border-box;
	padding: 60px 40px 45px 40px;
	width: 490px;
	background-color: #fff;
	border-radius: 15px;
}

.header-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
}

.popup-close button {
	display: block;
  width: 100%;
}

.popup-close button img {
	width: 100%;
}

.popup-logo {
	margin-bottom: 30px;
  text-align: center;
}

.popup-logo img {
  display: inline-block;
}

.direct-contents {
	text-align: center;
}

.direct-text {
	letter-spacing: -1px;
	word-break: keep-all;
  color: #303841;
}

.direct-noti {
	margin-top: 25px;
	font-size: 14px;
	letter-spacing: -1px;
	color: #ff786e;
}

.checkbox-wrap {
	position: relative;
	margin-top: 10px;
	display: inline-block;
}

.checkbox-wrap input[type="checkbox"] {
	display: none;
}

.checkbox-wrap input[type="checkbox"] + label {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	padding-left: 30px;
	display: inline-block;
	font-size: 14px;
	letter-spacing: -1px;
	color: #626974;
	cursor: pointer;
}

.checkbox-wrap .today-close {
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url("../../../template/CARVAZO_IMG/mobile_main/report/checkbox_off.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.checkbox-wrap input[type="checkbox"]:checked ~ .today-close {
	background-image: url("../../../template/CARVAZO_IMG/mobile_main/report/checkbox_on.svg");
}

.view-report {
	border-radius: 50px;
	background-color: #0fae6f;
}

.view-report button {
	box-sizing: border-box;
	padding: 15px 0;
	margin-top: 25px;
	display: block;
	width: 100%;
	font-size: 20px;
	font-family: 'Noto Sans KR';
	text-align: center;
	font-weight: bold;
	letter-spacing: -1px;
	color: #fff;
}
/* !메인팝업 */
.url-box {
	position: absolute;
	top: 25px;
	right: 20px;
	overflow: hidden;
}

.url-copy {
	font-size: 0;
}

.url-copy img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

.url-copy button {
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #303841;
}

.url-copy input {
	position: absolute;
	left: 200%;
}

.contents-wrap .direct-section {
	padding-top: 30px;
	margin-bottom: 0;
	box-shadow: none;
}

.direct-slide ul {
  font-size: 0;
}

.direct-lists {
	position: relative;
	margin-right: 35px;
	box-sizing: border-box;
	padding: 26px 35px 32px 35px;
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 35px) / 2);
	background-color: #fff;
	box-shadow: 0 2px 6px 0 rgba(67, 77, 113, 0.15);
}

.direct-lists:last-child {
	margin-right: 0;
}

.direct-lists .direct-title {
	box-sizing: border-box;
	padding-bottom: 20px;
  border-bottom: 2px solid #303841;
}

.direct-lists .direct-title p {
	letter-spacing: -1px;
	word-break: keep-all;
  font-size: 20px;
  font-weight: bold;
  color: #303841;
  text-align: left;
}

.direct-lists .direct-contents {
  margin-top: 25px;
}

.direct-lists .direct-contents li {
  margin-bottom: 30px;
}

.direct-lists .direct-contents li:last-child {
	margin-bottom: 0;
}

.direct-lists .direct-contents .direct-num {
	margin-bottom: 8px;
	letter-spacing: -1px;
	font-family: 'Kaleko205-Book', 'Noto Sans KR';
	text-align: left;
}

.direct-lists .direct-contents .direct-num span {
	color: #0fae6f;
	font-weight: bold;
}

.direct-lists .direct-contents .direct-text p {
	position: relative;
	box-sizing: border-box;
  padding-left: 20px;
	font-size: 14px;
	font-weight: 300;
  text-align: left;
	color: #303841;
	word-break: keep-all;
	letter-spacing: -1px;
}

.direct-lists .direct-contents .direct-text p::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 2px;
	width: 12px;
	height: 12px;
	background-image: url("../../../template/CARVAZO_IMG/mobile_main/report/triangle_symbol.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.direct-lists .direct-contents .direct-notibox {
	margin-top: 30px;
}

.direct-lists .direct-contents .direct-notibox p {
  position: relative;
  box-sizing: border-box;
  padding-top: 15px;
	font-size: 14px;
	letter-spacing: -1px;
	word-break: keep-all;
	text-align: center;
}

.direct-lists .direct-contents .direct-notibox p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 20px;
  height: 1px;
  background-color: #a9adb4;
}

.direct-lists .direct-contents .direct-notibox p span {
	font-weight: bold;
	color: #0fae6f;
}
/* !직거래 */

.contents-wrap.extra-wrap{
	background:#F7F7F7;
	margin: 0;
	width: 100%;
}
.contents-wrap.extra-wrap .inner{
	width: 1130px;
	margin: 0 auto;
	padding:56px 0 80px;
}
.contents-wrap .extra-info {
	margin-bottom: 0;
	box-shadow: none;
	display: block;
	font-size: 0;
	background-color: transparent;
}

.contents-wrap .extra-box {
	vertical-align: top;

	
}

.contents-wrap .limited-box {
	box-sizing: border-box;
}
.contents-wrap .limited-box > div{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #DEE1E4;
	padding-bottom: 32px;
}

.contents-wrap .extra-info h2 {
	font-size: 20px;
	margin-bottom: 32px;
	font-weight: bold;
}
.contents-wrap .limited-box .extra-common{
	flex:1;
	width: 50%;
	
}
.contents-wrap .limited-box .extra-common:first-of-type{
	padding-right:40px;
}
.contents-wrap .limited-box .extra-common:last-of-type{
	padding-left: 40px;
}
.contents-wrap .extra-common {
	width: 100%;
}

.contents-wrap .extra-info h3 {
	font-size: 16px;
	margin-bottom: 12px;
	color: #303841;
	font-weight: 500;
}

.contents-wrap .extra-info .description {
	text-align: left;
	font-weight: 300;
	color: #626974;
}
.warranty-box{
	margin-top: 32px;
}
.warranty-box .warranty-detail {
	margin-top: 30px;
}

.warranty-box .warranty-detail .warranty-btn {
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #00cc83;
	font-size: 16px;
	color: #00cc83;
	letter-spacing: -1px;
	font-weight: 400;
}


.warranty-service {
	margin-top: 50px;
	display: none;
}


.additional-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 12px 0;
	width: 100%;
	text-align: center;
	background-color: #0fae6f;
	z-index: 10;
	display: none;
}

.additional-fixed p {
	display: inline-block;
	vertical-align: middle;
	margin-right: 22px;
	font-size: 20px;
	letter-spacing: -1px;
	color: #fff;
}

.additional-fixed .additional-btn {
	display: inline-block;
	vertical-align: middle;
}

.additional-fixed .additional-btn a {
	box-sizing: border-box;
	padding: 12px 24px;
	border-radius: 35px;
	background: #fff;
	display: block;
  font-weight: bold;
  letter-spacing: -1px;
  color: #00cc83;
}
/* 고전압 배터리 */
/* 캡션 */
.label-caption {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 2px;
    width: 24px;
    height: 24px;
    background-image: url(/hive/template/CARVAZO_IMG/web_main/viewer/info_icon.svg);
    background-size: contain;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.caption-wrap {
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 10;
    display: none;
}
.label-caption .label-triangle {
    position: absolute;
    top: -14px;
    left: 0px;
    border-bottom: 15px solid rgba(0, 0, 0, 0.7);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.label-caption p {
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    font-weight: 300;
    word-break: keep-all;
    text-align: left;
    color: rgb(255, 255, 255);
    padding: 15px;
    border-radius: 5px;
}
/* !캡션 */
#battery .battery-date{
	padding-left: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #878C95;
}
#batteryContent .battery-title{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #626974;
	padding-bottom: 40px;
	text-align: left;
}
#batteryContent .check-table .table{
	width: 48%;
	margin-right:4%;
}
#batteryContent .battery-performance{
	height:100%;
	position: relative;
	margin-top: 40px;
}
#batteryContent .battery-performance .battery-count{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	color: #FFFFFF;
	text-shadow: -1px 0 #444E5A, 0 1px #444E5A, 1px 0 #444E5A, 0 -1px #444E5A;
}
#batteryContent .battery-performance .battery-img{
	position: relative;
	height: 80px;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
}
#batteryContent .battery-performance.battery10 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_10.svg');
}
#batteryContent .battery-performance.battery20 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_20.svg');
}
#batteryContent .battery-performance.battery30 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_30.svg');
}
#batteryContent .battery-performance.battery40 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_40.svg');
}
#batteryContent .battery-performance.battery50 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_50.svg');
}
#batteryContent .battery-performance.battery60 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_60.svg');
}
#batteryContent .battery-performance.battery70 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_70.svg');
}
#batteryContent .battery-performance.battery80 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_80.svg');
}
#batteryContent .battery-performance.battery90 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_90.svg');
}
#batteryContent .battery-performance.battery100 .battery-img{
	background-image:url('https://images.carvazo.com/carvazo/report/W/pc_img_battery_100.svg');
}
#batteryContent .check-table.graph-wrap .table{
	width: 100%;
	margin-right: 0;
}
#batteryContent .category-label-desc{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #626974;
	display: block;
	padding:8px 0 20px;
}
#batteryContent .check-table.graph-wrap #graph{
	width: 1000px;
	height: 311px;
	position: relative;
}
#batteryContent .check-table.graph-wrap #graph::before{
	content:'배터리 성능(%)';
	position: absolute;
	left:20px;
	top:20px;
	color:#626974;
	letter-spacing: -0.5px;
	font-weight: 400;
	font-size: 12px;
}
#batteryContent .check-table.graph-wrap #graph::after{
	content:'주행거리(km)';
	position: absolute;
	right:28px;
	bottom:0;
	color:#626974;
	letter-spacing: -0.5px;
	font-weight: 400;
	font-size: 12px;
}
#batteryContent .battery-info-wrap .title-wrap{
	padding-bottom: 20px;
}
#batteryContent .battery-info-wrap .title-wrap .category-label{
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #000000;
}
#batteryContent .check-table .table:nth-of-type(2n){
	margin-right: 0;
}
#batteryContent .check-table .table-label .category-label{
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #101820;
}
#batteryContent .label.has-desc{
	width: 70%;
}
#batteryContent .label.has-icon{
	padding-left:76px;
	position: relative;
	box-sizing: border-box;
}
#batteryContent .label.has-icon img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:20px;
}
#batteryContent .label span{
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.5px;
	color: #878C95;
	display: inline-block;
	padding-left: 6px;
}
#batteryContent .value{
	color: #444E5A;
}
#batteryContent .value.GOOD{
	color: #00CC83;
}

#batteryContent .value.NORMAL{
	color: #FCC169;
}
#batteryContent .value.BAD{
	color: #FF786E;
}
#batteryContent .battery-notice-list{
	margin-bottom: 56px;
}
#batteryContent .battery-notice-list li{
	font-weight: 350;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: -0.5px;
	color: #626974;
	position: relative;
	padding-left: 16px;
}
#batteryContent .battery-notice-list li::before{
	content:'';
	display: block;
	position: absolute;
	width:4px;
	height: 4px;
	border-radius: 50%;
	background:#626974;
	top:13px;
	left:0;
}
/* !고전압 배터리 */
.arrow-left, 
.arrow-right {
    margin: auto;
    width: 20px;
    height: 20px;
    background-image: url(https://www.carvazo.com/CARVAZO_IMG/web_main/mDetail/slideBtn.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.arrow-left {
    transform: rotate(-180deg);
}
.fancybox-caption{
	background: transparent;
}

/* 로딩중 */
.loading-wrapper{
	position: fixed;
	background:rgba(0, 0, 0, 0.3);
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 100;
}
.loading-wrapper img{
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
}
/* !로딩중 */

/* 리포트 툴팁 */
.report-tooltip-box{
	box-sizing: border-box;
	border-radius: 8px;
	font-size: 12px;
	background: rgba(17, 21, 28, 0.70);
	color: #fff;
	backdrop-filter: blur(15px);
	padding: 18px 14px;
	position: absolute;
	z-index: 1;
	display: none;
}
.report-tooltip-box.on{
	display: block;
}
/* !리포트 툴팁 */
/* 등급안내툴팁 */
.grade-tooltip-button{
	position: relative;
	top: 3px;
	cursor: pointer;
}
.grade-tooltip-box{
	right: -20px;
}
.grade-tooltip-box::before{
	content: '평균 중고차 상태 대비로 판정한 등급입니다.';
	display: block;
	color: var(--Color-Text-white, #FFF);
	font-size: var(--size-font-body-body-2, 12px);
	font-weight: 500;
	line-height: 150%; /* 18px */
	padding-bottom: 10px;
}
.dashboard-standard .dashboard-grade .comment-wrap .grade-tooltip-box.grade-tooltip-box li{
	padding: 4px 0;
	border-bottom: 1px solid #576375;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
}
.dashboard-standard .dashboard-grade .comment-wrap .grade-tooltip-box.grade-tooltip-box li:first-of-type{
	padding-top: 0;
}
.dashboard-standard .dashboard-grade .comment-wrap .grade-tooltip-box.grade-tooltip-box li:last-of-type{
	padding-bottom: 0;
	border-bottom: none;
}
.grade-tooltip-box dt,
.grade-tooltip-box dd{
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
.grade-tooltip-box dt{
	padding-right: 3px;
}
.grade-tooltip-box li:nth-of-type(1) dt{
	color: #249EFF;
}
.grade-tooltip-box li:nth-of-type(2) dt{
	color: #04D260;
}
.grade-tooltip-box li:nth-of-type(3) dt{
	color: #FFB712;
}
.grade-tooltip-box li:nth-of-type(4) dt{
	color: #F45659;
}
/* !등급안내툴팁 */

/* b등급 안내 툴팁 */
.b-grade-tooltip-button{
	position: relative;
	top: 1px;
    left: -8px;
	cursor: pointer;
}
.b-grade-tooltip-box{
	width: 255px;
	top: 24px;
    right: -125px;
}
.b-grade-tooltip-box .b-grade-title{
	padding-bottom: 10px;	
	border-bottom: 1px solid #576375;
}
.b-grade-tooltip-box .b-grade-title h5{
	color: var(--Color-Text-white, #FFF);
	font-size: var(--font-size-2xs, 12px);
	font-weight: 700;
	line-height: 150%; /* 18px */
	padding-bottom:  10px;
}
.b-grade-tooltip-box .b-grade-title p{
	background-color: transparent;
	color: var(--Color-Text-white, #FFF);
	font-size: var(--size-font-body-body-2, 12px);
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	text-align:left;
	margin-top: 0;
	padding: 0;
}
.b-grade-tooltip-box .grade-chart-wrap{
	padding-top:  10px;
}
.b-grade-tooltip-box .grade-chart-wrap h6{
	margin: 0;
	color: var(--color-neutral-400, #A9B4C4);
	font-size: var(--size-font-body-body-2, 12px);
	font-weight: 500;
	line-height: 150%; /* 18px */
	padding-bottom: 10px;
}
.b-grade-tooltip-box .grade-chart-wrap .grade-chart{
	display:flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	text-align: center;
}
.b-grade-tooltip-box  .grade-chart-wrap .grade-chart > li{
    background: none !important;
    padding: 0 !important;
    display: block !important;
    margin-bottom: 0 !important;
}
.b-grade-tooltip-box .grade-bar{
	height: 10px;
	border-radius: 5px;
}
.b-grade-tooltip-box .grade-name{
	text-align: center;
	font-size: var(--font-size-2xs, 12px);
	font-weight: 700;
	line-height: 150%;
}
.b-grade-tooltip-box .grade-num{
	font-size: var(--font-size-2xs, 12px);
	font-weight: 400;
	line-height: 150%;
}
.b-grade-tooltip-box .grade-a{
	width: 19%;
}
.b-grade-tooltip-box .grade-b{
	width: 56%;
}
.b-grade-tooltip-box .grade-c{
	width: 18%;
}
.b-grade-tooltip-box .grade-d{
	width: 7%;
}
.b-grade-tooltip-box .grade-a .grade-bar{
	background-color: #1798FF;	
}
.b-grade-tooltip-box .grade-b .grade-bar{
	background-color: #0c8;	
}
.b-grade-tooltip-box .grade-c .grade-bar{
	background-color: #FFB100;	
}
.b-grade-tooltip-box .grade-d .grade-bar{
	background-color: #FF644C;	
}
.b-grade-tooltip-box .grade-a .grade-name,
.b-grade-tooltip-box .grade-a .grade-num{
	color: #249EFF;	
}
.b-grade-tooltip-box .grade-b .grade-name,
.b-grade-tooltip-box .grade-b .grade-num{
	color: #04D260;	
}
.b-grade-tooltip-box .grade-c .grade-name,
.b-grade-tooltip-box .grade-c .grade-num{
	color: #FFB712;	
}
.b-grade-tooltip-box .grade-d .grade-name,
.b-grade-tooltip-box .grade-d .grade-num{
	color: #F45659;	
}
/* !b등급 안내 툴팁 */
@media print {
	#batteryContent, #batterySection{
		display:none !important;
	}
	.slide-section .section-contents{
		display:block !important;
	}

	.slide-section,
	#dashboardSection,
	.swiper-container{
		page-break-after: always;
	}



	.swiper-container{
		height:auto !important;
	}
	.swiper-wrapper{
		display:block;
		text-align: left;
	}
	.swiper-wrapper li{
		margin-bottom:10px !important;
	}
}