@charset "UTF-8";

#total_container {
	background-color: #F1F7FA;
}

#middle_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #F3F8FB;
	overflow: hidden;
}

#middle_container .info_icon {
	margin-left: 4px;
	cursor: pointer;
	display: inline-table;
	position: relative;
	width: 16px;
	height: 22px;
	background-image: url("/resources/img/common/btn_info_nor.svg");
	background-repeat: no-repeat;
	background-position: center;	
	background-size: 16px 22px;	
}

#middle_container #moveOut_wrapper .info_icon {
	height: 15px;
}

#middle_container .app_detail_head_wrapper {
	width: 1306px;
	display: flex;
	flex-direction: column;
}

#middle_container .page_header_wrapper {
	width: 100%;
	min-height: 32px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper {
	width: 100%;
	margin-top: 28px;
	display: flex;
	flex-direction: column;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .title-view {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .title-view.retail {
	justify-content: space-between;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .title-view .title {
	font-weight: 600;
	font-size: 30px;
	color: rgba(0, 0, 0, 0.80);
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .middle-view {
	width: 100%;
	margin-top: 21px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper :where(.title-view.retail, .middle-view) :where(.topic_change_box, .add_item_box) {
	width: fit-content;
	display: flex;
	align-items: center;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .middle-view .topic_change_box .topic {
	padding: 16px 40px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 2px solid rgba(0, 153, 255, 0);
	cursor: pointer;

	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.8px;
	color: #000000;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .middle-view .topic_change_box .topic.selected {
	border-bottom: 2px solid rgba(0, 153, 255, 1);
	color: #0099FF;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper :where(.title-view.retail, .middle-view) .add_item_box #btn_add_item {
	height: 46px;
	padding: 0 28px 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: #0099FF;
	cursor: pointer;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper :where(.title-view.retail, .middle-view) .add_item_box #btn_add_item.dim {
	opacity: 0.3;
	pointer-events: none;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper :where(.title-view.retail, .middle-view) .add_item_box #btn_add_item .icon {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/ico_plus_medium_dim.svg");
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper :where(.title-view.retail, .middle-view) .add_item_box #btn_add_item .text {
	margin-left: 6px;
	font-weight: 700;
	font-size: 14px;
	color: #FFFFFF;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view {
	width: 100%;
	min-width: 133px;
	margin-top: 12px;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list {
	width: 100%;
	padding: 0 30px;
	display: grid;
	row-gap: 20px;
	column-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
	box-sizing: border-box;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .graph_div .graph_thing .graph_head) {
	/* width: 405px; */
	height: 73px;
	padding: 0 16px;
	display: flex;
	align-items: safe center;
	border-radius: 12px;
	border: 1px solid #D4E0EB;
	box-sizing: border-box;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item {
	background-color: #FFFFFF;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item .icon_group .item_index_icon {
	z-index : 300;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item {
	height: 133px;
	padding: unset;
	flex-direction: column;
	align-items: normal;
	box-sizing: unset;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper:has(.empty) .selected-item-view.publisher .item_list .item {
	flex-direction: row;
	align-items: center;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item.nonClick {
	cursor: default;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .placeholder {
	height: 73px;
	border-radius: 12px;
	background-color: #F6F7F9;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .placeholder {
	height: 135px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list.thick .placeholder {
	height: 183px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view:not(.empty) .item_list .item:hover {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
	cursor: grab;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view:not(.empty) .item_list .item:active {
	cursor: grabbing;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .info_group {
	width: 100%;
	height: 73px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group, .content_view .tabs .criterion_wrapper) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items, .item_group .item_list .item) :where(.icon_group, .icon_box, .icon_crew, .item_left_box) {
	width: 46px;
	height: 45px;
	position: relative;
	float: left;
	display: flex;
    align-items: center;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group, .content_view .tabs .criterion_wrapper) 
:where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items, .item_group .item_list .item) 
:where(.icon_group, .icon_box, .icon_crew, .item_left_box) .item_icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 40px 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/img_app_detail_default.png");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view:where(.retail, .publisher), .content_view .graph_wrapper .graph_group:where(.retail, .publisher), .content_view .tabs .criterion_wrapper) 
:where(.item_list .item, .graph_div .graph_box .graph_thing, .graph_div .graph_box .icon_items, .graph_div .graph_head_box, .top_box) 
:where(.icon_box, .icon_crew, .item_left_box) .item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: #D4E0EB;
	
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, 
.content_view .graph_wrapper .graph_group.retail) :where(.item_list .item, .graph_div :where(.graph_thing, .graph_box, .graph_head_box, .graph_value_box)) :where(.icon_box, .icon_crew, .value_item) .item_icon {
	border-radius: 6px;
}

#middle_container :where(.graph_group.retail) :where(.graph_div :where(.graph_thing)) :where(.icon_crew) .item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: #D4E0EB;
	
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

#middle_container 
:where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .graph_wrapper .graph_group.retail, .item_group) 
:where(.item_list .item, .graph_div :where(.graph_thing, .graph_box, .graph_head_box, .graph_value_box, .top_box)) 
:where(.icon_box, .icon_crew, .value_item, .item_left_box) 
.item_icon.blur {
	width: 38px;
	height: 38px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: #FFF;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	overflow: hidden;
}

#middle_container 
:where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group, .content_view .tabs .criterion_wrapper) 
:where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items, .item_group .item_list .item) 
:where(.icon_group, .icon_box, .icon_crew, .item_left_box) 
.item_index_icon {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1800;
	border-radius: 50%;
	border: 4px solid #FFFFFF;
	background-color: #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_left_box .item_state_icon,
#middle_container .content_view .tabs .graph_wrapper .header_group .cmn_icon_title .cmn_icon_crew .item_state_icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -35%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px 24px;
	z-index: 1899;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon.stat_error,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_left_box .item_state_icon.stat_error,
#middle_container .content_view .tabs .graph_wrapper .header_group .cmn_icon_title .cmn_icon_crew .item_state_icon.stat_error {
	background-image: url("/resources/img/231207/ic_data_error.svg");
}

#middle_container .content_view .tabs #similar_wrapper.graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon.stat_error{
	z-index: 1900;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon.no_data,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_left_box .item_state_icon.no_data,
#middle_container .content_view .tabs .graph_wrapper .header_group .cmn_icon_title .cmn_icon_crew .item_state_icon.no_data {
	background-image: url("/resources/img/231207/ic_data_empty.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon .tooltip,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_left_box .item_state_icon .tooltip,
#middle_container .content_view .tabs .graph_wrapper .header_group .cmn_icon_title .cmn_icon_crew .item_state_icon .tooltip {
	visibility: hidden;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 22px;
	z-index: 2;
	padding: 8px 12px;
	align-items: center;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
	white-space: nowrap;
	color: #707683;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :where(.item_list .item, .graph_div .graph_thing .graph_head, .behavior_graph .graph_box .icon_items, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.icon_box, .icon_crew) .item_state_icon:hover .tooltip,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_left_box .item_state_icon:hover .tooltip {
	visibility: visible;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .graph_wrapper .graph_group.retail) :where(.item_list .item, .graph_div :where(.graph_thing, .graph_box, .graph_head_box, .graph_value_box)) :where(.icon_box, .icon_crew, .value_item) .item_icon.blur + .item_index_icon {
	z-index: 1800;
}

#middle_container 
:where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .graph_wrapper .graph_group.retail, .item_group) 
:where(.item_list .item, .graph_div :where(.graph_thing, .graph_box, .graph_head_box, .graph_value_box, .top_box)) 
:where(.icon_box, .icon_crew, .value_item, .item_left_box) .item_icon.blur .icon_blur {
	width: 140%;
	height: 140%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: lightgray;
	filter: blur(15px);
	-webkit-filter: blur(15px);
	opacity: 0.4
}

#middle_container 
:where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .graph_wrapper .graph_group.retail, .item_group) 
:where(.item_list .item, .graph_div :where(.graph_thing, .graph_box, .graph_head_box, .graph_value_box, .top_box)) 
:where(.icon_box, .icon_crew, .value_item, .item_left_box) .item_icon.blur .icon_img {
	width: 60%;
	height: 60%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 1799;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) {
	width: 299px;
	/* height: 46px; */
	display: flex;
	position: relative;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) .graph_div:where(.installed, .used, .service, .similar, .out, .in) :where(.app_info_group, .app_info_box, .app_info_crew)
{
    flex-direction: column;
    justify-content: center;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) .graph_div:where(.installed, .used, .service, .similar, .out, .in) :where(.app_info_group, .app_info_box, .app_info_crew):has(.app_os) {
    justify-content: center;
}

#middle_container .graph_group.publisher :where(.app_info_crew, .app_info_box),
#middle_container .compare_common_wrapper .selected-item-view :where(.app_info_group, .app_info_box) 
{
    flex-direction: column !important;
    justify-content: space-between !important;
}

#middle_container .compare_common_wrapper .selected-item-view :where(.app_info_group, .app_info_box.no_svc_app) {
	justify-content: center !important;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	display : flex;
	min-height: 22px;
	justify-content: center;
	flex-direction: column;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item .app_info_box .app_name {
	min-height : 30px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item .app_info_box .app_name:has(.app_detail) {
	overflow:unset;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item .app_info_box .app_os {
	min-height : 20px;
	justify-content: unset;
	
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) .graph_div .graph_thing .graph_head .app_info_crew .app_name .android_only_area{
	display : flex;
	align-items: center;
}

#middle_container .compare_common_wrapper .selected-item-view :where(.app_info_group, .app_info_box) .app_name {
    flex-direction: row;
    justify-content: normal;
    align-items: center;
    height : 30px;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .cmn_industy {
	height: 20px;
    width: 100%;
    color: #707683;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name.has_url:hover,
#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .sub_name.has_url:hover,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .sub_name:hover {
	text-decoration: underline !important;
	cursor : pointer;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .sub_name {
	width: 100%;
	color: #707683;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-top: 3px;
	height: 13px;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name .app_detail:hover {
	color: rgba(1, 1, 0, 0.70);
	text-decoration: underline !important;
	cursor: pointer;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name .android_only_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box .android_only_icon{
	margin-left: 4px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item .android_only_area .android_only_icon {
	background-color: #FFF;
}
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item .android_only_area .android_only_icon:hover{
	background-color: #F5F8FA !important;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box:has(.android_only_icon) .app_name {
	width : fit-content;
	flex-direction: column;
	max-width: 248px !important;
}

#middle_container .content_view .tabs#behavior .graph_wrapper .graph_group .item_list .item .app_info_box:has(.android_only_icon) .app_name {
	display : flex;
	flex-direction: row;
	align-items: center;
	max-width: 250px !important;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box:has(.android_only_icon) .app_name.android_only_app {
	width : 100%;
	flex-direction: row;
	max-width: none !important;
}

#middle_container:not(.developer) :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name .app_detail {
	font-weight: 400;
	font-size: 14px;
	color: rgba(1, 1, 0, 0.70);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

#middle_container.developer :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name .app_detail {
	font-weight: 400;
	font-size: 14px;
	color: rgba(1, 1, 0, 0.70);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 230px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 230px;
    line-height: 1.4;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name:has(.android_only_icon) .app_detail {
	max-width : 220px;
	line-height : 20px;
}

#middle_container .compare_common_wrapper .selected-item-view :where(.app_info_group, .app_info_box) .app_name:has(.android_only_icon) .app_detail {
	max-width: 108px;
	font-size : 15px;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name :where(.app_detail:link, .app_detial:visited, .app_detail:focus, .app_detail:active) {
	color: rgba(1, 1, 0, 0.70);
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .graph_div .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_name .app_detail:hover {
	color: rgba(1, 1, 0, 0.70);
	text-decoration: underline !important;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os {
	width: 100%;
	min-height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .tabs .graph_wrapper .graph_group.table) :where(.item_list .item .app_info_box, .graph_div.retail .graph_head_box .app_info_crew) .app_os {
	width: 100%;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 5px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew.none {
	border: none;
	background: #F8F8F8;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew + .app_os_crew {
	margin-left: 4px;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .os_icon {
	width: 10px;
	height: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .os_icon.google {
	background-image: url("/resources/img/app/icon_android.svg");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew.none .os_icon.google {
	background-image: url("/resources/img/common/android_dim.svg");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .os_icon.apple {
	background-image: url("/resources/img/app/icon_ios.svg");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew.none .os_icon.apple {
	background-image: url("/resources/img/common/ios_dim.svg");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .os_icon.plus {
	background-image: url("/resources/img/common/plus_dim.svg");
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .app_os_crew.none .os_icon.plus {
	background-image: url("/resources/img/app/icon_add_none.svg");
}

#middle_container .compare_common_wrapper.publisher .item_list .app_info_box .app_os .os_icon {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view, .content_view .tabs .graph_wrapper .graph_group) :where(.item_list .item, .item_list .item.publisher .info_group, .pop_graph .graph_box .graph_thing .graph_head, .graph_div .graph_head_box, .graph_div .top_box .info_line .this_app_items) :where(.app_info_group, .app_info_box, .app_info_crew) .app_os .os_name {
	margin-left: 2px;
	font-size: 12px;
	font-weight: 300;
	color: #707683;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app_os .os_name.has_url:hover {
	text-decoration: underline !important;
}

#middle_container .compare_common_wrapper.publisher .item_list .app_info_box .app_os .os_name {
	font-size: 12px;
}

#middle_container :where(.app_detail_head_wrapper .compare_common_wrapper .selected-item-view.retail, .content_view .tabs .graph_wrapper .graph_group.table) :where(.item_list .item .app_info_box, .graph_div.retail .graph_head_box .app_info_crew) .app_os .os_name {
	margin-left: unset;
	font-size: 12px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view .item_list .item .btn_remove {
	width: 20px;
	height: 20px;
	margin-left: auto;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/btn_news_close_nor.svg");
	border-radius: 14px;
	border: 1px solid #EEE;
	background-color: #FFF;
	cursor: pointer;
	box-sizing : border-box;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper.app .selected-item-view .item_list .item .btn_remove {
	position: absolute;
	right: -26px;
	bottom: 14px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group {
	width: 100%;
	height: 62px;
	padding: 12px 16px;
	display: grid;
	row-gap: 12px;
	column-gap: 18px;
	grid-template-columns: repeat(auto-fill, minmax(10%, auto));
	border-top: 1px solid #D4E0EB;
	box-sizing: border-box;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 38px 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/img_app_detail_default.png");
	cursor: pointer;
	position: relative;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: #BBD4DC;
	
	font-weight: 400;
	font-size: 13px;
	color: #FFFFFF;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list {
	width: 205px;
	max-height: 280px;
	padding: 4px 0;
	position: absolute;
	top: 46px;
	right: 0;
	display: none;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
	background: #FFFFFF;
	box-sizing: border-box;
	overflow-y: auto;
	z-index: 1;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list.show {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list .inner_app {
	width: 100%;
	height: 32px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list .inner_app:hover {
	background-color: #F8FBFF;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list .inner_app .app_icon {
	width: 24px;
	height: 24px;
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/img_app_detail_default.png");
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list .inner_app .app_name {
	width: fit-content;
    margin-left: 8px;
    margin-right: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	font-size: 12px;
	max-width : 143px;
	color: rgba(0, 0, 0, 0.80);
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.publisher .item_list .item .inner_app_group .inner_app_icon.more .inner_app_list .inner_app:has(.android_only_icon) .app_name {
	max-width: 127px;
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.empty .item_list .item {
	width: 1246px;
	height: 73px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: unset;
	background-size: 1246px 73px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/compare_items_empty.png");
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper:has(.empty) .selected-item-view.publisher .item_list .item {
	width: unset;
	height: 135px;
	background-size: 405px 135px;
	background-image: url("/resources/img/231207/compare_publisher_items_empty.png");
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.empty .item_list .item .icon {
	width: 14px;
	height: 14px;
	background-size: 14px 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/ico_plus_medium_nor.svg");
}

#middle_container .app_detail_head_wrapper .compare_common_wrapper .selected-item-view.empty .item_list .item .text {
	margin-left: 6px;
	font-weight: 400;
	font-size: 15px;
	color: rgba(1, 1, 0, 0.70);
}

#middle_container .tab_wrapper {
	width: 1306px;
	margin-top: 60px;
}

#middle_container .tab_wrapper .tab_items {
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .tab_wrapper .tab_items .tab_item {
	width: 321px;
	height: 50px;
	background-color: rgba(216, 232, 242, 0.8);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	cursor: pointer;
	
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 55px;
	text-align: center;
	color: #353C49;
}

#middle_container .tab_wrapper.retail .tab_items .tab_item {
	width: 648px;
}

#middle_container .tab_wrapper .tab_items .tab_item.tab_three {
	width: 432px;
}

#middle_container .tab_wrapper .tab_items li + li {
	margin-left: 9.3px;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: rgba(216, 232, 242, 0.8);
}

#middle_container .tab_wrapper .tab_items .has_inner_tab .tab_item:first-child {
	border-top-left-radius: 6px;
	border-top-right-radius: unset;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab .tab_item:last-child {
	border-top-left-radius: unset;
	border-top-right-radius: 6px;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab .line {
	width: 1px;
	height: 24px;
	background-color: #AEC6D6;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab:has(.tab_item.active) .line {
    display: none;
}

#middle_container .tab_wrapper .tab_items .active,
#middle_container .tab_wrapper .tab_items .has_inner_tab .tab_item.active {
	background-color: #0099FF;
	font-weight: 700;
	color: #FFFFFF;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab .tab_item.active:first-child {
	border-top-left-radius: 6px;
}

#middle_container .tab_wrapper .tab_items .has_inner_tab .tab_item.active:last-child {
	border-top-right-radius: 6px;
}

#middle_container .content_view {
	width: 100%;
	padding-bottom: 80px;
	display: flex;
	justify-content: center;
	background-color: #F3F8FB;
}

#middle_container:has(.tab_wrapper) .content_view {
	border-top: 1px solid #0099FF;
}

#middle_container .content_view .tabs {
	width: 1306px;
	display: none;
}

#middle_container .content_view .tabs.show {
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .date_filter {
	height: 46px;
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view #movement.tabs .date_filter {
	margin-bottom: 40px;
}

#middle_container .content_view .tabs .date_filter .filter_content,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew {
	height: 100%;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .date_filter .filter_content #baseDT {
	font-weight: 300;
	font-size: 26px;
	color: #000000;
}

#middle_container .content_view .tabs .date_filter .filter_content #baseDTSelecter,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #baseDTSelecter {
	width: 30px;
	height: 30px;
	margin-left: 8px;
	background-size: 30px 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/btn_calander_open_nor.png");
	cursor: pointer;
}

#middle_container .content_view .tabs .date_filter .filter_content #baseDTSelecter:hover,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #baseDTSelecter:hover {
	background-image: url("/resources/img/common/btn_calander_open_pre.png");
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType {
	width: fit-content;
	height: 44px;
	display: flex;
	/* position: relative; */
	border-radius: 6px;
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	/* overflow: hidden; */
}

/* 
#middle_container .content_view .tabs .date_filter .filter_content #dateType:hover,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box :where(.period_filter:hover, .btn_excel:hover, .btn_detail:hover),
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType:hover {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
 */
 
#middle_container .content_view .tabs .date_filter .filter_content #dateType > div,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div {
	padding: 15px 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType > div.selected,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item.selected,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div.selected {
	box-shadow: 0 0 0 1px #0099FF;
	border-radius: 6px;
	background-color: #F8FBFF;
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType > div + div,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item + .item,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div + div {
	border-left: 1px solid rgba(212, 224, 235, 0.30);
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType > div.selected + div,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item.selected + .item,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div.selected + div {
	border-left: unset;
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType > div p,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .item p {
	font-weight: 400;
	font-size: 14px;
	color: #353C49;
}

#middle_container .content_view .tabs .date_filter .filter_content #dateType > div.selected p,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item.selected p,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div.selected > p {
	font-weight: 700;
	color: #0099FF;
}

#middle_container .content_view .tabs .date_filter .filter_content .integrate_excel,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew .integrate_excel {
	width: 144px;
	height: 44px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #185C37;
	background-color: #E4FAF0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

#middle_container .content_view .tabs .date_filter .filter_content .integrate_excel:active,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew .integrate_excel:active {
	background-color: #E1F5EB;
}

#middle_container .content_view .tabs .date_filter .filter_content .integrate_excel .integrate_icon,
#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew .integrate_excel .integrate_icon {
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-image: url("/resources/img/230920/ic_excel.svg");
}

#middle_container .content_view .tabs .date_filter .filter_content .integrate_excel .integrate_text {
	width: calc(100% - 44px);
	margin-left: 5px;
	font-weight: 400;
	font-size: 12px;
	color: #185C37;
}

#middle_container .content_view .tabs .date_filter .filter_content .integrate_excel:hover .integrate_text {
	font-weight: 700;
}

#middle_container .content_view .tabs .graph_wrapper {
	width: 100%;
	min-height: 100px;
	max-height: unset;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper + :where(.graph_wrapper, .graph_wrapper_list) {
	margin-top: 60px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .title_box {
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .title_box:has(.tooltip_icon_20) {
	gap : 4px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .title {
	font-weight: 400;
	font-size: 20px;
	color: #010D27;
}

#middle_container .content_view .tabs .header_group .title:has(.tooltip_icon_20), 
#top_box_view .header .title:has(.tooltip_icon_20) {
    gap: 4px;
    display: flex;
    align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .title_box .info_icon {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box {
	width: fit-content;
	height: 40px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box > div:not(.line) + div:not(.line) {
	margin-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box > .line {
	width: 1px;
    height: 28px;
    background: #EEE;
    margin: 0px 20px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box.no_period {
	justify-content: flex-end;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter {
	border-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list {
	height: 38px;
	display: none;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list.selected,
#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter.aod .period_filter_list {
	display: flex;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .period_filter .period_filter_list .item {
	padding: 12px 32px 11px;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .btn_excel {
	width: 40px;
	height: 40px;
	margin-left: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-image: url(/resources/img/230920/ic_excel.svg);
	border: 1px solid #EEEEEE;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .btn_excel:active {
	background-color: #F8FBFF;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .btn_detail {
	padding: 12px 20px 11px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border: 1px solid #EEEEEE;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .btn_detail .btn_text {
	height: 17px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .header_group .chart_filter_box .btn_detail .btn_icon {
	width: 8px;
	height: 13px;
	margin-left: 8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 8px 13px;
	background-image: url("/resources/img/231207/ico_arrow_detail.svg");
}
/*
#middle_container .content_view .tabs .graph_wrapper.empty .header_group .chart_filter_box :where(.period_filter, .btn_excel, .btn_detail, .single_excel, .market_type_filter .btn_item) {
	opacity: 0.3;
	pointer-events: none;
}
*/

#middle_container .content_view .tabs .graph_wrapper.noDataAll .header_group .chart_filter_box :where(.btn_excel, .btn_detail) {
	opacity: 0.3;
	pointer-events: none;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line {
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line + .button_line {
	margin-top: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	border: 1px solid #EEE;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item:has(.tooltip_icon_16) {
	gap : 4px;
	align-items : center;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line.six .button_item {
	width: 196px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line.five .button_item {
	width: 238px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line.four .button_item {
	width: 301px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line.three .button_item {
	width: 406px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line.two .button_item {
	width: 615px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item + .button_item {
	margin-left: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item.selected {
	border: 1px solid #0099FF;
	background: #F8FBFF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item:not(.selected):hover{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), #FFF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item .button_text {
	font-weight: 400;
	font-size: 14px;
	color: #707683;
	text-align: center;
}

.en_US #middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item:where(#avgUsedTime, #avgUsedDay, #avgExecCount) .button_text {
    max-width: 136px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item#revenueCancel .button_text {
	max-width : 190px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group:not(.behavior) .button_line .button_item.selected .button_text {
	color: #0099FF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior {
	margin-top: 38px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .cmn_button_group .btn_item {
	padding: 0px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .cmn_button_group.gender .btn_item {
	width: 125px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .cmn_button_group.age .btn_item {
	width: 120px;
}

/*
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line {
	height: 48px;
	display: flex;
	border-radius: 6px;
	border: 1px solid #EEE;
	background-color: #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line + .button_line {
	margin-left: 24px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item {
	width: 117px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item:first-child {
	width: 141px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line.retail .button_item:first-child {
	width: 159px;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item + .button_item {
	width: 116px;
	border-left: 1px solid rgba(212, 224, 235, 0.30);
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line.retail .button_item + .button_item {
	width: 128px;
	border-left: 1px solid rgba(212, 224, 235, 0.30);
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item:hover,
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item.selected {
	border-radius: 6px;
	box-shadow: 0 0 0 1px #0099FF inset;
	background-color: #F8FBFF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item:hover + .button_item,
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item + .button_item:hover {
	border-left: 1px solid #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item.selected + .button_item,
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item + .button_item.selected {
	width: 117px;
	border-left: unset;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line.retail .button_item.selected + .button_item,
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line.retail .button_item + .button_item.selected {
	width: 128px;
	border-left: unset;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item .button_text {
	font-weight: 400;
	font-size: 14px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item:hover .button_text,
#middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item.selected .button_text {
	font-weight: 700;
	color: #0099FF;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item:hover .button_text,
#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .button_group.behavior .button_line .button_item.selected .button_text {
	letter-spacing: -0.5px;
}
#middle_container .content_view .tabs .graph_wrapper.empty .button_group .button_line .button_item {
	opacity: 0.3;
	pointer-events: none;
}
*/


#middle_container .content_view .tabs .graph_wrapper .graph_group {
	margin-top: 30px;
	position: relative;
	display: flex;
	align-items: flex-start;
}

#middle_container .content_view .tabs .graph_wrapper:has(.button_group) .graph_group {
	margin-top: 30px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table {
	flex-direction: column;
	border-radius: 6px;
	border: 1px solid rgba(212, 224, 235, 0.50);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement {
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid {
	display: grid;
	align-items: unset;
	justify-content: unset;
	row-gap: 30px;
	column-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
	margin-top: 30px;
}

#middle_container .content_view .tabs #moveIn_wrapper.graph_wrapper .graph_group.movement.useGrid {
	row-gap: 20px;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div {
	width: 780px;
	height: 518px;
}

#middle_container .content_view .tabs #hourly_wrapper.graph_wrapper .graph_group .graph_div{
	height: 470px;
}

#middle_container .content_view .tabs .graph_wrapper:where(.noDataAll) .graph_group .graph_div:where(.peroid) {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 780px 518px;
	background-image: url(/resources/img/231207/img_nodata_graphline.png);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph {
	width: 100%;
	min-height: 390px;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph:has(.free_user_info_box){
	height : 444px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph {
	min-height: 160px;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div {
	width: 100%;
	height: 82px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div + .graph_div {
	height: 81px;
	border-top: 1px solid #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div {
	background-size: 780px 518px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/250109/normal_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div:where(#pop_avg_revenue_graph_div, #shareBySimplePay_wrapper) {
	background-size: 1246px 340px;
	background-position: center;
	background-repeat: no-repeat;
	max-height : 343px;
	width : 100%;
	background-image: url("/resources/img/250109/list.png");
}


#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div:where(#shareByLocation_graph_div, #shareByLifeStage_graph_div){
	height : 518px !important;
	background-image: url("/resources/img/250109/location_empty_legend.png");
}

#middle_container .content_view .tabs #shareByLifeStage_wrapper.graph_wrapper.empty:not(.freeUser) .graph_group.retail .item_list .item,
#middle_container .content_view .tabs #shareByLocation_wrapper.graph_wrapper.empty:not(.freeUser) .graph_group.retail .item_list .item{
	height : 518px !important;
	background-image: url(/resources/img/250109/location_empty_legend.png);
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.pop_graph {
	height: 364px;
	background-size: 1246px 364px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/gender_age_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.hourly {
	height : 518px !important;
	background-image: url("/resources/img/250109/hourly_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.behavior_graph {
	height: 549px;
	background-size: 780px 549px;
	background-image: url("/resources/img/250109/behavior_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group.table .graph_div {
	height: 244px;
	background-size: 1246px 244px;
	background-image: url("/resources/img/250109/table_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group.table .graph_div.service {
	background-image: url("/resources/img/231207/table_service_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group.table .graph_div.similar {
	height: 277px;
	border-radius: 6px;
	background-size: 1246px 277px;
	background-image: url("/resources/img/231207/similar_graph_empty.png");
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper.empty {
	padding : unset;
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper.empty .header_group {
	padding : 30px 30px 0 30px;
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper.empty .graph_group {
	width: 1306px;
	margin-top: unset;
	height: 786px;
	background-size: 1306px 786px;
	background-image: url("/resources/img/250109/img_empty_retail_compare_20.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.payrank {
	background-image: url("/resources/img/250109/payrank_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.bar {
	background-image: url("/resources/img/231207/bar_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .graph_div.payretention {
	background-image: url("/resources/img/250109/payretention_graph_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box {
	width: fit-content;
	height: 30px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .chart_tooltip_box.stack {
	width: 133px;
	height: 53px;
	background-repeat: no-repeat;
	justify-content: center;
	background-size: 133px 55px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .chart_tooltip_box.stack .title_box {
    margin-top: 5px;
    margin-left: 10px;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .retail .chart_tooltip_box.stack{
	width: 172px;
	height: 63px;
	background-repeat: no-repeat;
	justify-content: center;
	background-size: 170px 64px;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .img_box {
	width: 23px;
	height: 22px;
	position: relative;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .img_box .img {
	width: 20px;
	height: 20px;
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center;
	background-image: url("/resources/img/common/img_app_detail_default.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .img_box .img.etc {
	background-image: url("/resources/img/231207/img_app_etc.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group:where(.publisher, .retail) .graph_div .chart_tooltip_box .img_box .img {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	font-weight: 400;
	font-size: 10px;
	color: #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div .chart_tooltip_box .img_box .img {
	border-radius: 4px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div .chart_tooltip_box .img_box .img.blur {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: unset;
	overflow: hidden;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div .chart_tooltip_box .img_box .img.blur .icon_blur {
	width: 30px;
	height: 30px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: lightgray;
	filter: blur(15px);
	-webkit-filter: blur(15px);
	opacity: 0.4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div .chart_tooltip_box .img_box .img.blur .icon_img {
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px 12px;
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .img_box .index_icon {
	width: 6px;
	height: 6px;
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	background-color: #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div .chart_tooltip_box .img_box .img.blur + .index_icon {
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .content {
	width: 119px;
	margin-left: 3px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .name {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .content .flex_box {
	display : flex;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box .content .flex_box .pct {
	color: #707683;
	font-size: 10px;
	margin-left : 4px;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_item .chart_tooltip_border_box {
	position : relative;
	top : 20px;
	left : 50%;
	display : none;
	z-index : 1;
	transform: translateX(-50%);
	width: 100%;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_item .chart_tooltip_border_box {
	position : relative;
	top : 20px;
	display : none;
	z-index : 2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box :where(.val, .pct) {
	font-weight: 400;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_foot .male_area .chart_tooltip_border_box {
	position : absolute;
	z-index : 9999;
	top: 40%;
	right: 15%;
	display : none;
}	

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_foot .female_area .chart_tooltip_border_box {
	position : absolute;
	z-index : 9999;
	top: 40%;
	left: 15%;
	display : none;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_icon_wrapper .gender_icon.male {
	background-image: url("/resources/img/common/male.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_icon_wrapper .gender_icon.female {
	background-image: url("/resources/img/common/female.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .male_area:hover .gender_icon_wrapper .gender_icon.male {
	background-image: url("/resources/img/common/male_hover.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .female_area:hover .gender_icon_wrapper .gender_icon.female {
	background-image: url("/resources/img/common/female_hover.svg");
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_icon_wrapper .gender_icon {
	width: 28px;
	height: 28px;
	background-size: 28px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .icon_box .gender_icon_wrapper > div + div {
    margin-left: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .icon_box .gender_icon_wrapper {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack :where(.title_box, .value_box) {
	width: fit-content;
	height: 12px;
	display: flex;
	align-items: center;
	min-width : 130px;
    flex: 0 0 auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack:not(.bar_stack) .title_box + .value_box {
	margin-left : 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .retail .chart_tooltip_box.stack .value_box {
	min-width : 172px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack .value_box .val {
	margin-right : 3px;
}	

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack .title_box .title_icon {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack .title_box .title_name {
	width: calc(100% - 6px);
	max-width : 260px;
	margin-left: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack .value_box .val {
	margin-left: 10px;
	font-weight: 700;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .chart_tooltip_box.stack .value_box .pct {
	font-weight: 400;
	font-size: 10px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box.useGrid {
	display: grid;
	align-items: unset;
	justify-content: unset;
	row-gap: 20px;
	column-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing {
	width: 405px;
	height: 363px;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	border: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing {
    height: 328px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box.useGrid .graph_thing {
	width: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box:not(.useGrid) .graph_thing + .graph_thing {
	margin-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_head {
	width: 100%;
	height: 73px;
	border: unset;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: unset;
}

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_head .app_info_crew {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
*/

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body {
	width: 100%;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body {
	height: 208px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph .graph_thing:has .is_error{
	background-color: #FAFCFC;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing:has(.is_error) .graph_list::-webkit-scrollbar{
	width : 0px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body.is_error {
	flex-direction: column;
	background-color: #FAFCFC;
	height: 296px;
	border-bottom: none;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) {
	width: 46%;
	height: 200px;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) {
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_left .graph_item {
	width: 100%;
	height: 32px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_right .graph_item {
	width: 100%;
	height: 32px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item + .graph_item {
	margin-top: 2px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_left .graph_item .item_bar {
	height: 100%;
	position: absolute;
	right: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_right .graph_item .item_bar {
	height: 100%;
	position: absolute;
	left: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1) .item_bar {
	width: 10%;
	background-color: #DA7EF4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2) .item_bar {
	width: 10%;
	background-color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3) .item_bar {
	width: 10%;
	background-color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4) .item_bar {
	width: 10%;
	background-color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5) .item_bar {
	width: 10%;
	background-color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(6) .item_bar {
	width: 10%;
	background-color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1):hover .item_bar {
	background-color: #D055F3;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2):hover .item_bar {
	background-color: #00C2E6;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3):hover .item_bar {
	background-color: #0ED179;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4):hover .item_bar {
	background-color: #F7C100;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5):hover .item_bar {
	background-color: #F58043;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(6):hover .item_bar {
	background-color: #6673EF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1) .item_bar {
	width: 10%;
	background-color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2) .item_bar {
	width: 10%;
	background-color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3) .item_bar {
	width: 10%;
	background-color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4) .item_bar {
	width: 10%;
	background-color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5) .item_bar {
	width: 10%;
	background-color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1):hover .item_bar {
	background-color: #00C2E6;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2):hover .item_bar {
	background-color: #0ED179;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3):hover .item_bar {
	background-color: #F7C100;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4):hover .item_bar {
	background-color: #F58043;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5):hover .item_bar {
	background-color: #6673EF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_left .graph_item .item_value {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .graph_right .graph_item .item_value {
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1) .item_value {
	color: #DA7EF4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2) .item_value {
	color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3) .item_value {
	color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4) .item_value {
	color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5) .item_value {
	color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(6) .item_value {
	color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(1) .item_value {
	color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(2) .item_value {
	color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(3) .item_value {
	color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(4) .item_value {
	color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:nth-child(5) .item_value {
	color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body :where(.graph_left, .graph_right) .graph_item:hover .item_value {
	font-weight: 700;
	letter-spacing: -1px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body .mid_line {
	width: 1px;
	height: 100%;
	margin: 0 1px;
	background-color: #E9EFF5;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body.is_error .error_icon.stat_error {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body.is_error .error_icon.no_data {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_body.is_error .error_msg {
	margin-top: 8px;
	word-break: keep-all;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	color: #A2B0BB;
	padding: 0px 16px;
	line-height : 1.4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew {
	width: 98px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew .gender_icon {
	width: 14px;
	height: 100%;
	background-size: 14px 22px;
	background-position: center;
	background-repeat: no-repeat;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.big .graph_foot {
	height: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .male_area {
	display: flex;
	padding: 0 12px;
	justify-content: flex-end;
	align-items: center;
	flex: 1 0 0;
	width: 50%;
	height: 48px;
	position: relative;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot .pop_hover_area {
	height : 40px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .male_area:hover {
	background: rgba(66, 204, 255, 0.05);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .male_area .value_box {
	margin-right: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .female_area .value_box {
	margin-left: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .female_area .chart_tooltip_box .value_box {
	margin-left : 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .male_area .chart_tooltip_box .value_box {
	margin-right : unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .female_area {
	display: flex;
	padding: 0 12px;
	align-items: center;
	flex: 1 0 0;
	width: 50%;
	height: 48px;
	position : relative;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .female_area:hover {
	background: rgba(255, 119, 164, 0.05);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot .female_area:hover .gender_icon_wrapper .gender_icon.female,
#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot .male_area:hover .gender_icon_wrapper .gender_icon.male {
	background-size: 29px 22px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .line {
	width: 1px;
	height: 48px;
	background: #EEE;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot {
	height : 40px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot .line {
	height : 42px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew .gender_icon.male {
	background-image: url("/resources/img/231207/ico_gender_male.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew .gender_icon.female {
	background-image: url("/resources/img/231207/ico_gender_female.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_name {
	/* width: 76px; */
	font-weight: 400;
	font-size: 14px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew:has(.male) .gender_name {
	text-align: left;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .gender_crew:has(.female) .gender_name {
	text-align: right;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend {
	height: 44px;
	margin-top: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group {
	min-width: 47px;
	width: fit-content;
	height: 18px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group + .legend_group {
	margin-left: 36px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group .legend_icon {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(1) .legend_icon {
	background-color: #DA7EF4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(2) .legend_icon {
	background-color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(3) .legend_icon {
	background-color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(4) .legend_icon {
	background-color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(5) .legend_icon {
	background-color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group:nth-child(6) .legend_icon {
	background-color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .age_group_legend .legend_group:nth-child(1) .legend_icon {
	background-color: #38D3F0;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .age_group_legend .legend_group:nth-child(2) .legend_icon {
	background-color: #59DDA2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .age_group_legend .legend_group:nth-child(3) .legend_icon {
	background-color: #F8D557;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .age_group_legend .legend_group:nth-child(4) .legend_icon {
	background-color: #F69E70;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.pop_graph .age_group_legend .legend_group:nth-child(5) .legend_icon {
	background-color: #8892F9;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .age_group_legend .legend_group .legend_name {
	margin-left: 5px;
	font-weight: 400;
	font-size: 15px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box {
	width: 100%;
	display: flex;
	height: 190px;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:not(:last-child) {
	margin-bottom: 14px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .icon_items {
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide {
	width: 708px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-right: 1px solid rgba(212, 224, 235, 0.30);
	border-left: 1px solid #D5D8DE;
	margin-bottom: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:first-child .graph_items_guide {
	border-top: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide {
	border-bottom: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box + .graph_box .graph_items_guide {
	border-top: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide.is_error {
	height: 190px;
	flex-direction: column;
	justify-content: center;
	background-color: #FAFCFC;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide .item {
	height: 160px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide .item:first-child {
	width: calc(100% / 5);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide .item + .item {
	width: calc((100% / 5) - 1px);
	border-left: 1px solid #EAEAEA;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide .item .min_range_legend {
	position: absolute;
	left: 0;
	transform: translate(-50%, -50%);
	text-align: left;
	font-weight: 400;
	font-size: 12px;
	display: block;
	bottom: -28px;
	white-space: nowrap;
	color: rgba(112, 118, 131, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper#paymentCountPopShare_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide .item .min_range_legend {
	left: 50%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide.is_error .error_icon.stat_error {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide.is_error .error_icon.no_data {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items_guide.is_error .error_msg {
	margin-top: 8px;
	/* font-weight: 400; */
	font-weight : 300;
	font-size: 14px;
	color: #A2B0BB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items {
	width: 708px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	margin-bottom: 28px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item {
	height: 160px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item {
	width: calc(710px / 5);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .ellipse {
	width: 90px;
	height: 90px;
	margin: auto;
	position: relative;
	border-radius: 50%;
	/*opacity: 0.8;*/
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(1) .item_bottom .value_box .value_crew:nth-child(1) .value_icon) {
	background-color: rgba(126, 179, 241, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(1) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(94, 160, 237, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(1) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(54, 136, 232, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(1) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(42, 121, 213, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(1) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(16, 89, 175, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(2) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(233, 102, 140, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(2) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(228, 64, 111, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(2) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(233, 39, 94, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(2) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(201, 23, 74, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(2) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(154, 15, 55, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(3) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(51, 150, 199, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(3) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(51, 150, 199, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(3) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(4, 97, 165, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(3) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(13, 87, 139, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(3) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(8, 60, 97, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(4) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(176, 211, 121, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(4) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(156, 200, 87, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(4) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(131, 186, 45, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(4) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(114, 176, 17, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(4) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(91, 142, 10, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(5) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(252, 217, 92, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(5) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(251, 207, 51, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(5) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(251, 195, 0, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(5) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(239, 187, 1, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(5) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(215, 167, 0, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(6) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(255, 160, 124, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(6) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(255, 136, 91, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(6) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(255, 106, 51, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(6) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(252, 79, 14, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(6) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(214, 58, 0, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(7) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(203, 120, 233, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(7) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(190, 86, 227, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(7) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(174, 43, 220, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(7) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(146, 39, 184, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(7) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(116, 12, 153, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(8) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(254, 185, 222, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(8) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(254, 167, 214, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(8) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(254, 145, 204, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(8) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(254, 105, 186, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(8) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(240, 35, 146, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(9) .item_bottom .value_box .value_crew:nth-child(1) .value_icon ) {
	background-color: rgba(92, 205, 181, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(9) .item_bottom .value_box .value_crew:nth-child(2) .value_icon ) {
	background-color: rgba(51, 193, 163, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(9) .item_bottom .value_box .value_crew:nth-child(3) .value_icon ) {
	background-color: rgba(0, 177, 139, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(9) .item_bottom .value_box .value_crew:nth-child(4) .value_icon ) {
	background-color: rgba(2, 154, 121, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(9) .item_bottom .value_box .value_crew:nth-child(5) .value_icon ) {
	background-color: rgba(0, 124, 97, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(1) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(10) .item_bottom .value_box .value_crew:nth-child(1) .value_icon )  {
	background-color: rgba(131, 221, 227, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(2) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(10) .item_bottom .value_box .value_crew:nth-child(2) .value_icon )  {
	background-color: rgba(100, 213, 220, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(3) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(10) .item_bottom .value_box .value_crew:nth-child(3) .value_icon )  {
	background-color: rgba(62, 202, 212, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(4) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(10) .item_bottom .value_box .value_crew:nth-child(4) .value_icon )  {
	background-color: rgba(36, 180, 190, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group :is(.graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(5) :where(.ellipse, .ellipse .balloon_box .text_box .index_crew .index_icon),
.item_list.sub .item.behavior:nth-child(10) .item_bottom .value_box .value_crew:nth-child(5) .value_icon )  {
	background-color: rgba(11, 141, 150, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box {
	padding: 11px 7px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0%);
	display: none;
	border-radius: 2px;
	border: 2px solid #D4E0EB;
	background-color: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20);
	z-index: 1800;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(126, 179, 241, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(94, 160, 237, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(54, 136, 232, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(42, 121, 213, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(16, 89, 175, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(233, 102, 140, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(228, 64, 111, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(233, 39, 94, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(201, 23, 74, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(154, 15, 55, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(51, 150, 199, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(51, 150, 199, 1);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(4, 97, 165, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(13, 87, 139, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(8, 60, 97, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(176, 211, 121, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(156, 200, 87, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(131, 186, 45, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(114, 176, 17, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(91, 142, 10, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(252, 217, 92, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(251, 207, 51, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(251, 195, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(239, 187, 1, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(215, 167, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(255, 160, 124, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(255, 136, 91, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(255, 106, 51, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(252, 79, 14, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(214, 58, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(203, 120, 233, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(190, 86, 227, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(174, 43, 220, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(146, 39, 184, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(116, 12, 153, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(254, 185, 222, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(254, 167, 214, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(254, 145, 204, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(254, 105, 186, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(240, 35, 146, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(92, 205, 181, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(51, 193, 163, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(0, 177, 139, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(2, 154, 121, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(0, 124, 97, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(1) .balloon_box {
	border: 2px solid rgba(131, 221, 227, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(2) .balloon_box {
	border: 2px solid rgba(100, 213, 220, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(3) .balloon_box {
	border: 2px solid rgba(62, 202, 212, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(4) .balloon_box {
	border: 2px solid rgba(36, 180, 190, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(5) .balloon_box {
	border: 2px solid rgba(11, 141, 150, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box::before {
	width: 7px;
	height: 7px;
	position: absolute;
	bottom: 44px;
	left: calc(50% - 3px);
	transform: rotate(315deg);
	content: '';
	border-top: 2px solid #1D68FB;
	border-right: 2px solid #1D68FB;
	background-color: rgba(255, 255, 255, 0.96);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(126, 179, 241, 0.8);
	border-right: 2px solid rgba(126, 179, 241, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(94, 160, 237, 0.8);
	border-right: 2px solid rgba(94, 160, 237, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(54, 136, 232, 0.8);
	border-right: 2px solid rgba(54, 136, 232, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(42, 121, 213, 0.8);
	border-right: 2px solid rgba(42, 121, 213, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(1) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(16, 89, 175, 0.8);
	border-right: 2px solid rgba(16, 89, 175, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(233, 102, 140, 0.8);
	border-right: 2px solid rgba(233, 102, 140, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(228, 64, 111, 0.8);
	border-right: 2px solid rgba(228, 64, 111, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(233, 39, 94, 0.8);
	border-right: 2px solid rgba(233, 39, 94, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(201, 23, 74, 0.8);
	border-right: 2px solid rgba(201, 23, 74, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(2) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(154, 15, 55, 0.8);
	border-right: 2px solid rgba(154, 15, 55, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(51, 150, 199, 0.8);
	border-right: 2px solid rgba(51, 150, 199, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(51, 150, 199, 1);
	border-right: 2px solid rgba(51, 150, 199, 1);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(4, 97, 165, 0.8);
	border-right: 2px solid rgba(4, 97, 165, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(13, 87, 139, 0.8);
	border-right: 2px solid rgba(13, 87, 139, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(3) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(8, 60, 97, 0.8);
	border-right: 2px solid rgba(8, 60, 97, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(176, 211, 121, 0.8);
	border-right: 2px solid rgba(176, 211, 121, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(156, 200, 87, 0.8);
	border-right: 2px solid rgba(156, 200, 87, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(131, 186, 45, 0.8);
	border-right: 2px solid rgba(131, 186, 45, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(114, 176, 17, 0.8);
	border-right: 2px solid rgba(114, 176, 17, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(4) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(91, 142, 10, 0.8);
	border-right: 2px solid rgba(91, 142, 10, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(252, 217, 92, 0.8);
	border-right: 2px solid rgba(252, 217, 92, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(251, 207, 51, 0.8);
	border-right: 2px solid rgba(251, 207, 51, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(251, 195, 0, 0.8);
	border-right: 2px solid rgba(251, 195, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(239, 187, 1, 0.8);
	border-right: 2px solid rgba(239, 187, 1, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(5) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(215, 167, 0, 0.8);
	border-right: 2px solid rgba(215, 167, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(255, 160, 124, 0.8);
	border-right: 2px solid rgba(255, 160, 124, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(255, 136, 91, 0.8);
	border-right: 2px solid rgba(255, 136, 91, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(255, 106, 51, 0.8);
	border-right: 2px solid rgba(255, 106, 51, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(252, 79, 14, 0.8);
	border-right: 2px solid rgba(252, 79, 14, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(6) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(214, 58, 0, 0.8);
	border-right: 2px solid rgba(214, 58, 0, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(203, 120, 233, 0.8);
	border-right: 2px solid rgba(203, 120, 233, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(190, 86, 227, 0.8);
	border-right: 2px solid rgba(190, 86, 227, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(174, 43, 220, 0.8);
	border-right: 2px solid rgba(174, 43, 220, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(146, 39, 184, 0.8);
	border-right: 2px solid rgba(146, 39, 184, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(7) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(116, 12, 153, 0.8);
	border-right: 2px solid rgba(116, 12, 153, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(254, 185, 222, 0.8);
	border-right: 2px solid rgba(254, 185, 222, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(254, 167, 214, 0.8);
	border-right: 2px solid rgba(254, 167, 214, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(254, 145, 204, 0.8);
	border-right: 2px solid rgba(254, 145, 204, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(254, 105, 186, 0.8);
	border-right: 2px solid rgba(254, 105, 186, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(8) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(240, 35, 146, 0.8);
	border-right: 2px solid rgba(240, 35, 146, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(92, 205, 181, 0.8);
	border-right: 2px solid rgba(92, 205, 181, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(51, 193, 163, 0.8);
	border-right: 2px solid rgba(51, 193, 163, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(0, 177, 139, 0.8);
	border-right: 2px solid rgba(0, 177, 139, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(2, 154, 121, 0.8);
	border-right: 2px solid rgba(2, 154, 121, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(9) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(0, 124, 97, 0.8);
	border-right: 2px solid rgba(0, 124, 97, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(1) .balloon_box::before {
	border-top: 2px solid rgba(131, 221, 227, 0.8);
	border-right: 2px solid rgba(131, 221, 227, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(2) .balloon_box::before {
	border-top: 2px solid rgba(100, 213, 220, 0.8);
	border-right: 2px solid rgba(100, 213, 220, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(3) .balloon_box::before {
	border-top: 2px solid rgba(62, 202, 212, 0.8);
	border-right: 2px solid rgba(62, 202, 212, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(4) .balloon_box::before {
	border-top: 2px solid rgba(36, 180, 190, 0.8);
	border-right: 2px solid rgba(36, 180, 190, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box:nth-child(10) .graph_items .item:nth-child(5) .balloon_box::before {
	border-top: 2px solid rgba(11, 141, 150, 0.8);
	border-right: 2px solid rgba(11, 141, 150, 0.8);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item:has(.ellipse:hover) .balloon_box {
	display: block;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box {
	min-width: 100px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box .index_crew {
	width: max-content;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box .index_crew .index_icon {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #D2E3FF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box .index_crew .range_type {
	margin-left: 4px;
	font-weight: 700;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box .value_crew {
	width: max-content;
	margin-top: 5px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .text_box .per {
	margin-left: 10px;
	font-weight: 700;
	font-size: 10px;
	color: #4B5367;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .graph_items .item .balloon_box .val {
	margin-left: 4px;
	font-weight: 400;
	font-size: 10px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.behavior_graph .graph_box .range_unit {
	position: absolute;
	color: #ACB2BD;
	text-align: left;
	font-size: 11px;
	font-weight: 400;
	bottom: -22px;
	right: 47px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div {
	width: 405px;
	/*height: 381px;*/
	height: 364px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div {
	width: unset;
	height: fit-content;
}

#middle_container .content_view .tabs #moveOut_wrapper.graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div {
	gap : 12px;
}

#middle_container .content_view .tabs #moveIn_wrapper.graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div {
	gap : 20px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div {
	width: unset;
	height: 448px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in {
	height: 264px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.in {
	width: unset;
	/*height: 316px;*/
	height: 296px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.in {
	width: unset;
	height: 320px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement:not(.useGrid) .graph_div + .graph_div {
	margin-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	border: 1px solid #D4E0EB;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .value_line {
	width: 100%;
	height: 57px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.out .top_box .value_line {
	background-color: #FFEFEF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in .top_box .value_line {
	background-color: #E9F4FF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .value_line .value_title {
	font-weight: 700;
	font-size: 13px;
	color: #010100;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .value_line .value_figure {
	font-weight: 700;
	font-size: 14px;
	color: #FF005C;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.both .value_line .value_figure {
	font-weight: 400;
	font-size: 14px;
	color: rgba(1, 1, 0, 0.40);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items {
	width: 100%;
	height: 81px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	z-index: 2;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .icon_crew {
	height: 51px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .icon_crew .item_index_icon {
	bottom: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .app_info_crew {
	width: 325px;
	height: 42px;
	justify-content: unset;
	align-items: flex-start;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .app_info_crew .app_os {
	margin-top: 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .app_info_crew .app_category {
	margin-top: 10px;
	font-weight: 400;
	font-size: 13px;
	color: rgba(112, 118, 131, 0.80);
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	width: 100%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .this_app_items .app_info_crew .app_category:hover {
	/* color: rgba(1, 1, 0, 0.70); */
    text-decoration: underline !important;
	cursor : pointer;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items {
	width: 100%;
	height: 150px;
	border-top: 1px solid rgba(212, 224, 235, 0.50);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .top_box .info_line .other_app_items {
	height: 202px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .top_box .info_line .other_app_items {
	height: 217px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in .top_box .info_line .other_app_items {
	height: 102px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.in .top_box .info_line .other_app_items {
	height: 154px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.in .top_box .info_line .other_app_items {
	height: 179px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.both .info_line .other_app_items {
	align-items: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #FBFBFB;

	text-align: center;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #A2B0BB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.is_error .info_line .other_app_items {
	align-items: center;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #FBFBFB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew {
	width: 341px;
	height: 87px;
	padding-right: 15px;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .top_box .info_line .other_app_items .same_cate_crew {
	height: 139px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .top_box .info_line .other_app_items .same_cate_crew {
	height: 154px;
}

#total_container.en_US #middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.in .top_box .info_line .other_app_items .same_cate_crew {
	height: 164px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in .top_box .info_line .other_app_items .same_cate_crew .same_cate_top {
	margin-top: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_top .same_cate_title {
	font-weight: 700;
	font-size: 13px;
	color: rgba(1, 1, 0, 0.70);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_top .same_cate_value {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid #FF005C;

	font-weight: 700;
	font-size: 12px;
	color: #FF005C;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom {
	margin-top: 12px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom {
	height: 38px;
	margin-top: 15px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom.useGrid {
	display: grid;
	align-items: unset;
	justify-content: unset;
	row-gap: 14px;
	column-gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app {
	width: 38px;
	height: 38px;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 38px 38px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/img_app_detail_default.png");
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app.etc {
	box-shadow: unset;
	background-image: url("/resources/img/common/etc_icon.svg");
	cursor: default;
	border-radius: 9.383px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #B8D3E8;
	background-size : 23.75px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom:not(.useGrid) .other_app:first-child {
	margin-left: 8px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom:not(.useGrid) .other_app + .other_app {
	margin-left: 18px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app.blur {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    background-color: #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app.blur .icon_blur_wrapper {
	width: 38px;
    height: 38px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    background-color: #FFFFFF;
    overflow: hidden;
    border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app.blur .icon_blur {
	width: 140%;
    height: 140%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: lightgray;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    opacity: 0.4;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app.blur .icon_img {
	width: 60%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 1799;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .same_cate_crew .same_cate_bottom .other_app .icon_text {
	width: 40px;
    height: 40px;
	display: flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    background-color: #D4E0EB;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .different_cate_crew {
	width: 341px;
	padding-right: 15px;
	border-top: 1px solid rgba(212, 224, 235, 0.30);
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .different_cate_crew .different_cate_top {
	margin-top: 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .different_cate_crew .different_cate_top .different_cate_title {
	font-weight: 400;
	font-size: 13px;
	color: rgba(1, 1, 0, 0.70);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box .info_line .other_app_items .different_cate_crew .different_cate_top .different_cate_value {
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid #FF005C;

	font-weight: 400;
	font-size: 12px;
	color: #FF005C;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.is_error .info_line .other_app_items .error_icon.stat_error {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.is_error .info_line .other_app_items .error_icon.no_data {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.is_error .info_line .other_app_items .error_msg {
	margin-top: 8px;
	word-break: keep-all;
	text-align: center;
	font-weight: 300;
	font-size: 13px;
	color: #A2B0BB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.out .top_box .info_line .arrow_img {
	width: 40px;
	height: 188px;
	position: absolute;
	top: 33px;
	left: 16px;
	background-size: 40px 188px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/ic_arrow_exited_short.svg");
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div.out .top_box .info_line .arrow_img {
	height: 240px;
	background-size: 40px 240px;
	background-image: url("/resources/img/common/ic_arrow_exited_long.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div.in .top_box .info_line .arrow_img {
	width: 47px;
	height: 85px;
	position: absolute;
	top: 33px;
	left: 16px;
	background-size: 47px 85px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/ic_arrow_entered.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .top_box.both .info_line .arrow_img {
	background-image: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box {
	width: 100%;
	height: 57px;
	padding: 20px 16px 19px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	background-color: #FFF6F1;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box .value_line {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box .value_line .value_title_crew {
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .bottom_box .value_line .value_title_crew {
	align-items: flex-end;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box .value_line .value_title_crew .value_title {
	font-weight: 400;
	font-size: 13px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement.useGrid:not(.lengthSix) .graph_div .bottom_box .value_line .value_title_crew .value_title {
	width: 109px;
	word-break: keep-all;
	line-height: 15px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box .value_line .value_figure {
	font-weight: 700;
	font-size: 12px;
	color: #FF3A1F;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.movement .graph_div .bottom_box.both .value_line .value_figure {
	font-weight: 400;
	font-size: 12px;
	color: rgba(1, 1, 0, 0.40);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard {
	height: 34px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D4E0EB;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item {
	width: 69px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: rgba(112, 118, 131, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item + .signboard_item {
	border-left: 1px solid #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item:first-child {
	width: 70px;
	border-top-left-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item:last-child {
	border-top-right-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item:where(.info_left, .info_right) {
	width: 131.5px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item:where(.info_left, .info_right) .signboard_item_icon {
	width: 30px;
	height: 7px;
	background-size: 30px 7px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item.info_left .signboard_item_icon {
	margin-right: 8px;
	background-image: url("/resources/img/231207/similar_left_arrow.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_signboard .signboard_item.info_right .signboard_item_icon {
	margin-left: 8px;
	background-image: url("/resources/img/231207/similar_right_arrow.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box {
	width: 264px;
	height: 100%;
	padding: 0 11px 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_head_box {
	width: 266px;
	border-left: 1px solid #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box .app_info_crew {
	width: 187px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.retail .graph_head_box .app_info_crew:not(:has(.app_os)) {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .app_info_crew {
	width: 102px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box .app_info_crew .app_name {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	min-height : 28px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box .app_info_crew .app_name:has(.has_android_only_icon) {
	flex-direction: row;
	justify-content: unset;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_head_box .app_info_crew .app_os {
	width: 100%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew {
	width: 70px;
	height: 34px;
	margin-left: 13px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	border: 1px solid #EEEEEE;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew .os_btn {
	width: 35px;
	height: 36px;
	border-radius: 6px;
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew .os_btn.google {
	background-image: url("/resources/img/201110/ico_os_android_small_nor.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew .os_btn.apple {
	background-image: url("/resources/img/201110/ico_os_ios_small_nor.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew .os_btn:hover,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_head_box.both .os_switch_crew .os_btn.selected {
	box-shadow: 0 0 0 1px #0099FF inset;
	background-color: #F8FBFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box {
	width: 979px;
	height: 100%;
	display: flex;
	align-items: center;
	border-left: 1px solid #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box {
	width: 490px;
	min-width: 490px;
	border-left: unset
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child {
	width: 490px;
	border-left: 1px solid #D4E0EB;
	/* box-sizing: border-box; */
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box.before {
	justify-content: flex-end;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box.is_error {
	justify-content: center !important;
	background-color: #FAFCFC;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item {
	width: 71px;
	height: 100%;
	box-sizing: border-box;
	cursor : pointer;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.hover_effect,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item:hover {
	box-shadow: 0px 4px 4px 0px rgba(253, 84, 163, 0.10), 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
}

#middle_container .content_view .tabs #similar_wrapper.graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item:hover {
	box-shadow: 0px 4px 4px 0px rgba(255, 107, 37, 0.10), 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
}


#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item:first-child {
	width: 70px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item .android_only_area .android_only_icon {
	position : absolute;
	top : 35px;
	right : 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item + .value_item {
	width: 70px;
	border-left: 1px solid #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item.saturation_five {
	background-color: rgba(0, 203, 152, 0.16);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item.saturation_four {
	background-color: rgba(0, 203, 152, 0.12);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item.saturation_three {
	background-color: rgba(0, 203, 152, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item.saturation_two {
	background-color: rgba(0, 203, 152, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item:hover {
	box-shadow: 0px 2px 2px 0px rgba(0, 203, 152, 0.10), 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
}


#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last) {
	width: 69px;
	border-right: 1px solid rgba(0, 203, 152, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.installed .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last)::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	content: '';
	background: linear-gradient(270deg, rgba(0, 203, 152, 0.04) 0%, rgba(0, 203, 152, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item.saturation_five {
	background-color: rgba(253, 84, 163, 0.16);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item.saturation_four {
	background-color: rgba(253, 84, 163, 0.12);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item.saturation_three {
	background-color: rgba(253, 84, 163, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item.saturation_two {
	background-color: rgba(253, 84, 163, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item:hover {
	box-shadow: 0px 4px 4px 0px rgba(253, 84, 163, 0.10), 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last) {
	width: 69px;
	border-right: 1px solid rgba(253, 84, 163, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last)::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	content: '';
	background: linear-gradient(270deg, rgba(253, 84, 163, 0.04) 0%, rgba(253, 84, 163, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_five {
	background-color: rgba(76, 158, 218, 0.16);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item:hover {
	box-shadow: 0px 4px 4px 0px rgba(76, 158, 218, 0.10), 0px 6px 10px 0px rgba(0, 0, 0, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_four {
	background-color: rgba(76, 158, 218, 0.12);
}
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_three {
	background-color: rgba(76, 158, 218, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_two {
	background-color: rgba(76, 158, 218, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last) {
	width: 69px;
	border-right: 1px solid rgba(76, 158, 218, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last)::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	content: '';
	background: linear-gradient(270deg, rgba(76, 158, 218, 0.04) 0%, rgba(76, 158, 218, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item.saturation_five {
	background-color: rgba(255, 107, 37, 0.16);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item.saturation_four {
	background-color: rgba(255, 107, 37, 0.12);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item.saturation_three {
	background-color: rgba(255, 107, 37, 0.08);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box .value_item.saturation_two {
	background-color: rgba(255, 107, 37, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:first-child .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last) {
	width: 70px;
	border-right: unset;
	border-left: 1px solid rgba(255, 107, 37, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:first-child .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last)::before {
	width: 20px;
	height: 100%;
	position: absolute;
	left: 0;
	content: '';
	background: linear-gradient(90deg, rgba(255, 107, 37, 0.04) 0%, rgba(255, 107, 37, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last) {
	width: 70px;
	border-right: 1px solid rgba(255, 107, 37, 0.04);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item:where(.saturation_five.last, .saturation_four.last, .saturation_three.last, .saturation_two.last)::after {
	width: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	content: '';
	background: linear-gradient(270deg, rgba(255, 107, 37, 0.04) 0%, rgba(255, 107, 37, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:first-child .value_item + .value_item:where(.saturation_five:not(.last), .saturation_four:not(.last), .saturation_three:not(.last), .saturation_two:not(.last)) {
	width: 70px;
	border-left: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item + .value_item:where(.saturation_five, .saturation_four, .saturation_three, .saturation_two) {
	border-left: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item + .value_item:where(.saturation_five:not(.last), .saturation_four:not(.last), .saturation_three:not(.last), .saturation_two:not(.last)) {
	width: 70px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_icon {
	width: 31px;
	height: 31px;
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/resources/img/common/img_app_detail_default.png);
}

/* 단계별 radius 적용 */
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div:where(.used, .installed)
.graph_value_box .value_item.saturation_five .item_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div:where(.used, .installed)
.graph_value_box .value_item.saturation_four .item_icon {
  border-radius: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div:where(.used, .installed)
.graph_value_box .value_item.saturation_three .item_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div:where(.used, .installed)
.graph_value_box .value_item.saturation_two .item_icon {
  border-radius: 10px;
}

/*앱 사용 전후로 사용하는 앱*/
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_five .item_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_four .item_icon {
	border-radius : 10px;
}
/* 단계별 radius 적용 */


#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_two .item_icon {
	width: 34px;
	height: 34px;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot .value_box {
	color: #334D6E;
	font-size: 14px;
	font-weight: 400;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing .graph_foot :where(.male_area:hover, .female_area:hover) .value_box .value{
	font-weight: 600;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.pop_graph .graph_box .graph_thing.inner .graph_foot .value_box {
	font-size: 13px;
	font-weight: 510;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_three .item_icon {
	width: 37px;
	height: 37px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_four .item_icon {
	width: 40px;
	height: 40px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_five .item_icon {
	width: 43px;
	height: 43px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_four .android_only_area .android_only_icon {
	right : 8px;
	top : 38px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item.saturation_five .android_only_area .android_only_icon {
	right : 7px;
	top : 40px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item .item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-size: unset;
	background-position: unset;
	background-repeat: unset;
	background-image: unset;
	background-color: #D4E0EB;
	font-weight: 300;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_two .item_icon {
	font-size: 15px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_three .item_icon {
	font-size: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_four .item_icon {
	font-size: 17px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item.saturation_five .item_icon {
	font-size: 18px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.retail:not(.service) .graph_value_box .value_item .item_icon {
	border-radius: 8px;
	border: unset;
	background-size: unset;
	background-position: unset;
	background-repeat: unset;
	background-image: unset;
	display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_value {
	margin-top: 6px;
	font-weight: 400;
	font-size: 11px;
	color: rgba(81, 89, 104, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_tooltip {
	width: max-content;
	/* height: 18px; */
	padding: 6px 10px;
	position: absolute;
	top: 84px;
	display: none;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background-color: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 4px 8px -2px rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(5px);
	z-index: 9999;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_tooltip .item_name {
	overflow: hidden;
	color: #56687F;
	text-overflow: ellipsis;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	display : flex;
	gap :4px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_tooltip .item_value {
	display : flex;
	gap : 4px;
	margin-top: 4px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_tooltip .item_value .item_float_value {
	color: #3F4248;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .item_tooltip .item_value .item_long_value {
	color: #3F4248;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 18px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item:hover .item_tooltip {
	display: flex;
	/* z-index : 1800; */
	z-index : 1801;
	align-items: center;
	flex-direction: column;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box .value_item .saturation_bg {
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50px;
	background: linear-gradient(270deg, rgba(0, 203, 152, 0.04) 0%, rgba(0, 203, 152, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used .graph_value_box .value_item .saturation_bg {
	background: linear-gradient(270deg, rgba(253, 84, 163, 0.04) 0%, rgba(253, 84, 163, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.service .graph_value_box .value_item .saturation_bg {
	background: linear-gradient(270deg, rgba(76, 158, 218, 0.04) 0%, rgba(76, 158, 218, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:first-child .value_item .saturation_bg {
	background: linear-gradient(90deg, rgba(255, 107, 37, 0.04) 0%, rgba(255, 107, 37, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.similar .graph_value_box:last-child .value_item .saturation_bg {
	background: linear-gradient(270deg, rgba(255, 107, 37, 0.04) 0%, rgba(255, 107, 37, 0.00) 100%);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box.is_error .error_icon.stat_error {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box.is_error .error_icon.no_data {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div .graph_value_box.is_error .error_msg {
	margin-left: 8px;
	font-size: 13px;
	/* font-weight: 400; */
	font-weight : 300;
	color: #A2B0BB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph {
	width: 100%;
	min-height: 330px;
	height: unset;
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs #pop_avg_revenue_wrapper.graph_wrapper .graph_group .graph_div.list_graph {
	min-height: 164px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph.useGrid {
	display: grid;
	align-items: unset;
	justify-content: unset;
	row-gap: 20px;
	column-gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph .graph_thing {
	width: 405px;
	height: 343px;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	border: 1px solid #D4E0EB;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph .graph_thing.gender {
	height: 164px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph .graph_thing.age {
	height: 299px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph.useGrid .graph_thing {
	width: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph.useGrid .graph_thing:has(.is_error) {
	overflow: hidden;
	height : auto;
}

#middle_container .content_view .tabs .graph_wrapper:where(#shareByCardCompany_wrapper, #shareBySimplePay_wrapper) .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.is_error {
	height : 267px !important;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph:not(.useGrid) .graph_thing + .graph_thing {
	margin-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.list_graph .graph_thing .graph_head {
	width: 100%;
	height: 72px;
	border: unset;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_head .app_info_crew {
	flex-direction: column;
    align-items: center;
    justify-content: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list {
	width: 100%;
	max-height: 267px;
	border-top: 1px solid rgba(212, 224, 235, 0.5);
	overflow-x: hidden;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.has_scroll {
	overflow-y: scroll;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list::-webkit-scrollbar {
  width: 5px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list::-webkit-scrollbar-thumb {
  background-color: #DEE3E8; /* 스크롤바 thumb 색상 */
  border-radius: 3px;         /* 둥근 모서리 */
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list::-webkit-scrollbar-track {
  background: #fff;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.is_error {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FAFCFC;
	height : 226px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing.genderAge .graph_list.is_error{
	height : 268px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing.gender .graph_list.is_error{
	height : 89px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item {
	width: 100%;
	height: 44px;
	padding: 0 12px 0 16px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item + .list_item {
	border-top: 1px solid rgba(212, 224, 235, 0.3);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew {
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 1;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew .cmn_button_icon .icon {
	width : 14px;
	height : 14px;
	background-size : 14px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew .item_icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 28px;

	font-weight: 700;
	font-size: 8px;
	color: #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew .cmn_button_icon {
	cursor: default;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew .item_name_bundle {
	width: 273px;
	height: 37px;
	margin-left: 6px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item.value .item_info_crew .item_name_bundle {
	width: 237px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item.simplepay .item_info_crew .item_name_bundle {
	flex-direction: column;
	align-items: unset;
	justify-content: space-around;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_info_crew .item_name_bundle .item_name {
	font-weight: 300;
	font-size: 14px;
	color: rgba(53, 60, 73, 0.80);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item.simplepay .item_info_crew .item_name_bundle .item_cate {
	font-weight: 400;
	font-size: 12px;
	color: rgba(112, 118, 131, 0.70);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_figure {
	font-weight: 700;
	font-size: 12px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list .list_item .item_background {
	width: 20%;
	height: 100%;
	position: absolute;
	left: 0;
	background-color: rgba(91, 158, 236, 0.05);
	border-right: 1px solid rgba(91, 158, 236, 0.05);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.is_error .error_icon.stat_error {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.is_error .error_icon.no_data {
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .graph_div.list_graph .graph_thing .graph_list.is_error .error_msg {
	margin-top: 8px;
    word-break: keep-all;
    padding: 0 24px;
    color: #A2B0BB;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #FAFCFC;
    border-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box .error_icon {
	width: 46px;
	height: 46px;
	background-size: 46px 46px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box .error_msg {
	margin-top: 12px;
	font-weight: 400;
	font-size: 15px;
	color: #A2B0BB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list_area{
	height: 100%;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list {
	width: 428px;
	max-height: 518px;
	margin-left: 36px;
	border-radius: 6px;
	border: 1px solid rgba(212, 224, 235, 0.5);
	overflow: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list::-webkit-scrollbar {
	width: 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list::-webkit-scrollbar-thumb {
	border-radius: 6px;
	border: 3px solid #FFFFFF;
	background: #D6D6D6;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list::-webkit-scrollbar-track {
	/*
	border: 1px solid #D4E0EB;
	*/
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.behavior {
	max-height: unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list:has(.publisher) {
	max-height: 516px;
	overflow-x: hidden;
	overflow-y: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item {
	width: 100%;
	height: 62px;
	border-radius: unset;
	border: unset;
	overflow : hidden;
    display: flex;
    align-items: safe center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.disabled > div {
	opacity: 0.3;
}

#middle_container .content_view .tabs:not(#behavior) .graph_wrapper .graph_group .item_list.sub .item {
	padding : unset;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item {
	/* height: 183px; */
	height: auto;
	/* padding: 0 0 0 16px; */
	padding: 0;
	flex-direction: column;
}

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item:where(.gender, .lumpInstallment, .domesticAndOverseas) {
	height: 123px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.age {
	height: 203px;
}
*/

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher {
	height: max-content;
	padding : 0;
	flex-direction: column;
}

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.paymentType {
	height: 163px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.paymentType.debug {
	height: 222px;
}
*/

#middle_container .content_view #behavior.tabs .graph_wrapper:where(#revenuePopShare_wrapper, #paymentCountPopShare_wrapper, #used_time_pop_share_wrapper, #exec_count_pop_share_wrapper) .graph_group .item_list{
	border : none;
}

#middle_container .content_view #behavior.tabs .graph_wrapper:where(#revenuePopShare_wrapper, #paymentCountPopShare_wrapper, #used_time_pop_share_wrapper, #exec_count_pop_share_wrapper) .graph_group .item_list .item {
	border: 1px solid #EAEAEA;
	border-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper:not(.empty) .graph_group .item_list:not(.sub) .item:not(.publisher):last-child {
	height: 62px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item + .item {
	border-top: 1px solid rgba(238, 238, 238, 0.5);
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item:hover,
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.aim {
	background-color: #F8FBFF;
}

#middle_container .content_view #behavior.tabs .graph_wrapper:where(#revenuePopShare_wrapper, #paymentCountPopShare_wrapper, #used_time_pop_share_wrapper, #exec_count_pop_share_wrapper) .graph_group .item_list.sub .item{
	padding : 0;
	height : 190px;
}

#middle_container .content_view #behavior.tabs .graph_wrapper:where(#revenuePopShare_wrapper, #paymentCountPopShare_wrapper, #used_time_pop_share_wrapper, #exec_count_pop_share_wrapper) .graph_group .item_list.sub .item:not(:last-child){
	margin-bottom : 14px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_top {
	width: 100%;
	height: 62px;
	display: flex;
	align-items: center;
	padding-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper:where(#shareByLocation_wrapper) .graph_group .item_list.sub .item .item_top {
	min-height : 62px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom {
	width: 100%;
	/* min-height : 121px; */
	/* padding-left: 16px; */
	height: auto;
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid rgba(212, 224, 235, 0.30);
}

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.age .item_bottom {
	height: 140px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.behavior .item_bottom {
	height: 120px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.paymentType .item_bottom {
	height: 100px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.paymentType.debug .item_bottom {
	height: 160px;
}
*/

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .icon_box {
	width: 38px;
	height: 37px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .info_box .icon_crew {
	width: 36px;
	height: 38px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .icon_box, .item.publisher .info_box .icon_crew) .item_icon {
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	font-size: 14px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .icon_box .item_index_icon {
	width: 10px;
	height: 10px;
	right: -3px;
	bottom: -3px;
	border: 3px solid #FFFFFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item:hover .icon_box .item_index_icon {
	border: 3px solid #F8FBFF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box {
	width: 230px;
	margin-left: 4px;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box:has(.sub_name){
	align-items : unset;
    flex-direction: column;
    justify-content: center;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .app_info_box .app_name .has_android_only {
	display: flex;
    align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .info_box .app_info_crew {
	width: calc(100% - 44px);
	margin-left: 8px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .item_list .item .app_info_box {
	width: 210px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_top .app_info_box {
	width: 258px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_top .app_info_box:has(.android_only_app) {
	width : 100%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.isAndroidOnly .item_top .app_info_box {
	width: 225px;
}
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_top .total_value {
	margin-left : unset;
}	

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_top .total_value {
	margin-left : 12px;
	color: #707683;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	min-width : 80px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .app_info_box, .item.publisher .info_box .app_info_crew) .app_name {
	font-size: 14px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .app_info_box, .item.publisher .info_box .app_info_crew) .app_name.android_only_app,
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.isAndroidOnly .app_name{
	display : flex;
	flex-direction: row;
	align-items: center;
	width: fit-content;
	/* max-width: 206px !important; */
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.isAndroidOnly .app_info_box .error_msg{
	color: #707683;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-left : auto;
	margin-right : 28px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .app_info_box, .item.publisher .info_box .app_info_crew) .app_name .error_message {
	color: #707683;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-left : auto;
	margin-right : 28px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item, .item.publisher .inner_app_box .inner_app_crew) :where(.value_box, .value_bundle) {
	height: 37px;
	margin-left: auto;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item .value_box .value_crew {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: baseline;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item, .item.publisher .inner_app_box .inner_app_crew) :where(.value_box, .value_bundle) .item_value {
	font-weight: 700;
	font-size: 12px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.isAndroidOnly .item_value{
	font-weight : 500;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item, .item.publisher .inner_app_box .inner_app_crew) :where(.value_box, .value_bundle) .item_value.notBothApp {
	font-weight: 400;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box {
	width: 370px;
	height: 100%;
	padding-right: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	margin: 4px 0;
}

#middle_container .content_view .tabs .graph_wrapper:where(#used_time_pop_share_wrapper, #exec_count_pop_share_wrapper, #revenuePopShare_wrapper, #paymentCountPopShare_wrapper) .graph_group .item_list.sub .item .item_bottom .value_box{
	min-height : 94px;
	justify-content: normal;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew {
	width: 100%;
	height: 24px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub.behavior .item .item_bottom {
	min-height : 121px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub.behavior .item .item_bottom .value_box .value_crew {
	height: 22px;
	cursor: default;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_icon {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_text {
	width: auto;
	max-width : 189px;
	margin-left: 8px;
	font-weight: 400;
	font-size: 12px;
	color: #707683;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item:where(.behavior, .retail_behavior) .item_bottom .value_box .value_crew .value_text {
	width: 180px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_figure {
	width: 84px;
	margin-left: auto;
	text-align: right;
	font-weight: 400;
	font-size: 12px;
	color: #707683;
	opacity: 0.6;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item.age .item_bottom .value_box .value_crew .value_figure {
	width: auto;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_figure.only_value {
	width: 100px;
	color: #707683;
	font-weight: 700;
	opacity: unset;
}

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item:where() .item_bottom .value_box .value_crew .value_figure {
	width: 150px;
}
*/

/*
#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .item_list.sub .item .item_bottom .value_box .value_crew .value_figure {
	width: 105px;
}
*/

#middle_container .content_view .tabs .graph_wrapper .graph_group.retail .item_list.sub .item:where(.age, .gender, .paymentType, .lumpInstallment, .domesticAndOverseas) .item_bottom .value_box .value_crew .value_figure {
	width: 136px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_figure + .value_percent {
	/*margin-left: 0;*/
	margin-left: 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub .item .item_bottom .value_box .value_crew .value_percent {
	width: 49px;
	margin-left: auto;
	text-align: right;
	font-weight: 700;
	color: #707683;
	font-size: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list.sub:not(.behavior) .item .item_bottom .value_box .value_crew:hover :where(.value_text, .value_figure, .value_percent) {
	color: #0099FF;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .info_box {
	width: 100%;
	height: 62px;
	display: flex;
	padding-left : 16px;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box {
	width: 357px;
	height: max-content;
	margin-left: 55px;
	padding: 8px 0;
	display: flex;
	flex-direction: column;
	border-top: 1px solid rgba(212, 224, 235, 0.30);
	box-sizing: border-box;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box{
	width: 100%;
    margin-left: auto;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle{
	width : 197px;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle .inner_app_name{
	width : 166px;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .value_bundle .value_figure{
    font-weight: 400;
    font-size: 12px;
    color: #707683;
    opacity: 0.6;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .value_bundle .item_value {
    width: 49px;
    text-align : right;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew {
	width: 100%;
	height: 22px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
	padding-right : 16px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew + .inner_app_crew {
	margin-top: 4px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .index_icon {
	width: 8px;
	height: 8px;
	margin-left : 40px;
	border-radius: 50%;
	background-color: #D4E0EB;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle {
	height: 100%;
	margin-left: 8px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle .inner_app_icon {
	width: 22px;
	height: 22px;
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 22px 22px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/img_app_detail_default.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew.etc .inner_app_bundle .inner_app_icon {
	background-image: url("/resources/img/231207/img_app_etc.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle .inner_app_name {
	width: 246px;
	margin-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	font-size: 12px;
	color: #707683;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .value_bundle {
	height: 100%;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew:hover :is(.inner_app_bundle, .value_bundle) :is(.inner_app_name, .item_value) {
	color: #0099FF;
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .item_list .item {
	height: 516px;
	border-radius: 6px;
	background-size: 430px 518px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/legend_items_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group.retail .item_list {
	height : 549px;
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group.retail .item_list .item {
	height : 549 !important;
	background-image: url("/resources/img/250109/retail_legend_items_empty.png") !important;
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .item_list.behavior .item {
	height: 549px;
	background-size: 428px 549px;
	background-image: url("/resources/img/231207/behavior_legend_items_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .item_list.distribution .item {
	background-image: url("/resources/img/231207/distribution_legend_items_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .item_list.age .item {
	background-image: url("/resources/img/231207/age_legend_items_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper.empty:not(.freeUser) .graph_group .item_list.paydistribution .item {
	background-image: url("/resources/img/231207/paydistribution_legend_items_empty.png");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .free_user_info_box {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#middle_container .content_view #all_user #indicator_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_app_compare_blur_keyindicators.png");
}

#middle_container .content_view #all_user #pop_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_app_compare_blur_genderage.png");
}

#middle_container .content_view #all_user #hourly_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_app_compare_blur_bytimezone.png");
}

#middle_container .content_view #all_user #useCycle_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_app_compare_blur_appusagecycle.png");
}

#middle_container .content_view #all_user #retention_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_app_compare_blur_retention.png");
}

#middle_container .content_view.publisher .tabs #distribution_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/sample/app/img_blur_app_devcompare_1.png");
}

#middle_container .content_view.publisher .tabs #pop_wrapper .graph_group .free_user_info_box {
	height : 856px;
	background-image: url("/resources/img/sample/app/img_blur_app_devcompare_2.png");
}

#middle_container .content_view.publisher .tabs #ageUsedTime_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/sample/app/img_blur_app_devcompare_3.png");
}

#middle_container .content_view.publisher .tabs #indicator_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/sample/app/img_blur_app_devcompare_4.png");
}

#middle_container .content_view #revenue #payrank_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_1.png");
}

#middle_container .content_view #revenue #indicator_wrapper .graph_group .free_user_info_box {
	height : 576px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_2.png");
}

#middle_container .content_view #revenue #pop_wrapper .graph_group .free_user_info_box {
	height : 778px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_3.png");
}

#middle_container .content_view #revenue #paydistribution_wrapper .graph_group .free_user_info_box {
	background-image: url("/resources/img/231207/img_retail_compare_blur_card.png");
}

#middle_container .content_view #pop_avg_revenue_wrapper .graph_group .free_user_info_box {
	height : 758px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_4.png");
}
#middle_container .content_view #shareByPatmentCard_wrapper .graph_group .free_user_info_box {
	height : 578px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_5.png");
}

#middle_container .content_view #shareByPaymentTitle_wrapper .graph_group .free_user_info_box {
	height : 578px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_6.png");
}
#middle_container .content_view #shareByForeignTitle_wrapper .graph_group .free_user_info_box {
	height : 578px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_7.png");
}

#middle_container .content_view #shareBySimplePay_wrapper .graph_group .free_user_info_box {
	height : 760px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_8.png");
}

#middle_container .content_view #revenue #hourly_wrapper .graph_group .free_user_info_box {
	height : 578px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_9.png");
}

#middle_container .content_view #revenue #payretention_wrapper .graph_group .free_user_info_box {
	height : 576px;
	background-image: url("/resources/img/sample/retail/img_blur_retail_compare_10.png");
}

#middle_container .content_view .tabs .graph_wrapper.freeUser .graph_group .free_user_info_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(5px);
}

#middle_container .content_view .tabs .free_user_info_box .icon {
	width : 40px;
	height : 40px;
	display : flex;
	background-size : 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/sample_chart_icon.svg");
}

#middle_container .content_view .tabs .free_user_info_box .info_text {
    color: #A2B0BB;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}

#middle_container .content_view .tabs .free_user_info_box .service_btn > a:visited {
	color : #707683;
}

#middle_container .content_view .tabs .free_user_info_box .price_btn > a:visited {
	color : #FFFFFF;
}

#middle_container .content_view .tabs .free_user_info_box .btn_area {
	display : flex;
	gap : 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .free_user_info_box .btn_go_pay_info {
	margin-top: 16px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: #FF5C86;
	box-sizing: border-box;
	
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #FFFFFF;
}

#middle_container .content_view .tabs .criterion_wrapper {
	width: 100%;
	min-height: 334px;
	margin-bottom: 60px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	background-color: #EBF1F5;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .criterion_wrapper .header_group {
	height: 24px;
	display: flex;
	align-items: center;
}

#middle_container .content_view .tabs .criterion_wrapper .header_group .title {
	font-weight: 400;
	font-size: 20px;
	color: #010D27;
	margin-right: 4px;
}

#middle_container .content_view .tabs .criterion_wrapper .button_group {
	height: 80px;
	margin-top: 22px;
	display: flex;
}

#middle_container .content_view .tabs .criterion_wrapper .button_group .button_crew {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#middle_container .content_view .tabs .criterion_wrapper .button_group .button_crew + .button_crew {
	margin-left: 26px;
}

#middle_container .content_view .tabs .criterion_wrapper .button_group .button_crew .button_title {
	font-weight: 300;
	font-size: 16px;
	color: #010D27;
}

#middle_container .content_view .tabs .criterion_wrapper .button_group .button_crew .cmn_button_group .btn_item {
	width: 130px;
}

#middle_container .content_view .tabs .criterion_wrapper.retail .button_group .button_crew .cmn_button_group .btn_item {
	width: 342px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group {
	width: 100%;
	min-height: 116px;
	margin-top: 32px;
	padding: 12px;
	display: flex;
	align-items: center;
	border-radius: 6px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list.useGrid {
	display: grid;
	align-items: unset;
	justify-content: unset;
	row-gap: 12px;
	column-gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(32%, auto));
	box-sizing: border-box;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item {
	padding: 11px 0 0 8px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	flex-wrap: wrap;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list:not(.useGrid) .item {
	width: 400px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list:not(.useGrid) .item + .item {
	margin-left: 12px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box {
	width: 342px;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: 48px;
	position: absolute;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item.no_svc_item .item_right_box {
	justify-content : center;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .app_detail,
#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .brand_detail {
	height : 28px;
	padding-top: 2px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .has_android_only_icon {
	align-items : unset;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .has_android_only_icon .android_only_icon {
	margin-top : 2px;
}


#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .sub_name {
	color: #707683;
	font-size: 12px;
	font-weight: 400;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .item_name_crew {
	width: 100%;
	height: 18px;
	display: flex;
	align-items: flex-end;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .item_name_crew .item_name {
	width: 100%;
	flex: 0 1 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	font-size: 15px;
	color: #353C49;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_right_box .item_name_crew .item_name:hover {
	color: rgba(1, 1, 0, 0.70);
	text-decoration: underline !important;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew {
	width: 100%;
	height: 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: rgba(238, 238, 238, 0.3);
	flex-basis: 100% !important;
	position: relative;
	margin-top: 11px;
}

.en_US #middle_container .content_view .tabs .criterion_wrapper .item_group .item_list.middle .item .item_value_crew {
	padding : 0 20px;	
}	

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle {
	height: 17px;
	width : 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle + .item_value_bundle {
	margin-top: 6px;
}

.en_US #middle_container .content_view .tabs .criterion_wrapper .item_group .item_list.middle .item .item_value_crew .item_value_bundle + .item_value_bundle{
	margin-top: 12px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle .value_icon {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle .value_icon.google {
	background-image: url("/resources/img/common/ico_android_hover.svg");
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle .value_icon.apple {
	background-image: url("/resources/img/common/ico_ios_hover.svg");
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item  .item_value_crew .item_value_bundle .value_text {
	margin-left: 4px;
	font-weight: 400;
	font-size: 14px;
	color: rgba(1, 13, 39, 0.70);
}

.en_US #middle_container .content_view .tabs .criterion_wrapper .item_group .item_list.middle .item  .item_value_crew .item_value_bundle .value_text {
	margin-left: 6px;
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list.middle .item  .item_value_crew .item_value_bundle .value_text {
	font-size : 12px;	
}

#middle_container .content_view .tabs .criterion_wrapper .item_group .item_list .item .item_value_crew .item_value_bundle .value_text.dim {
	color: rgba(1, 13, 39, 0.3);
}

#middle_container .content_view .tabs .criterion_wrapper .item_group.empty .item_list .item {
	width: 100%;
	height: 116px;
	background-size: 1246px 116px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/250109/criterion_items_empty.png");
}

#middle_container .top_filter_wrapper {
	width: 100%;
	height: 54px;
	position: fixed;
	top: 116px;
	display: none;
	background-color: #FFFFFF;
	z-index: 1899;
	border-top: 1px solid rgba(0, 0, 0, 0.16);
}

#middle_container .top_filter_wrapper.notification {
	top: 176px;
}

#middle_container .top_filter_wrapper .top_filter_group {
	width: 1306px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box {
	min-width: 66px;
	max-width: 428px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box:has(.empty) {
	justify-content: flex-start;
}

.appOftenUsedAppChart .item-list .item .name:hover {
	text-decoration: underline;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list {
	height: 32px;
	display: flex;
	align-items: center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item {
	width: 33px;
	height: 32px;
	position: relative;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item + .item {
	margin-left: 7px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:last-child {
	margin-right: 7px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_icon {
	width: 28px;
	height: 28px;
	border-radius: 7px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
	background-size: 28px 28px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(/resources/img/common/img_app_detail_default.png);
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:where(.publisher, .retail) .item_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon {
	border-radius: 5px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: unset;
	overflow: hidden;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur .icon_blur {
	width: 140%;
	height: 140%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: lightgray;
	filter: blur(15px);
	-webkit-filter: blur(15px);
	opacity: 0.4;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur .icon_img {
	width: 60%;
	height: 60%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 1;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .index_icon {
	width: 8px;
	height: 8px;
	position: absolute;
	right: 0;
	bottom: 0;
	border: 3px solid #FFFFFF;
	border-radius: 50%;
	background-color: #D4E0EB;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail .item_icon.blur + .index_icon {
	z-index: 1;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip,
.inner_app_group .inner_app_icon .item_tooltip {
	padding: 6px 10px;
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translate(-50%, 0%);
	display: none;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(5px);
	box-sizing: border-box;
}

.inner_app_group .inner_app_icon .item_tooltip {
	top : 42px;
	z-index : 1;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item:hover .item_tooltip,
.inner_app_group .inner_app_icon:not(.android_only_icon_show):hover .item_tooltip {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 2px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item.retail:hover .item_tooltip {
	row-gap: unset;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_name,
.inner_app_group .inner_app_icon .item_tooltip .tooltip_name{
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; */
	font-weight: 400;
	font-size: 12px;
	color: #707683;
	line-height : 13px;
	text-align: center;
    width: max-content;
    max-width: 300px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .item_info {
	display : flex;
	align-items : center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .industry_name {
	margin-top : 4px;
	color: rgba(86, 104, 127, 0.70);
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
    width: max-content;
    max-width: 300px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .item_info .android_only_icon {
	margin-left : 4px;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_category {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 400;
	font-size: 10px;
	line-height: 18px;
	color: rgba(112, 118, 131, 0.70);
	text-align: center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os {
	display: flex;
	align-items: center;
	column-gap: 2px;
	justify-content: center;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon {
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.google {
	background-image: url("/resources/img/201110/ico_os_android_small_nor.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.apple {
	background-image: url("/resources/img/201110/ico_os_ios_small_nor.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_icon.plus {
	width: 7px;
	background-size: 7px 7px;
	background-image: url("/resources/img/201110/ico_plus_large.png");
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .item_list .item .item_tooltip .tooltip_os .os_name {
	font-weight: 400;
	font-size: 10px;
	color: #707683;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .add_item_crew {
	width: 28px;
	height: 32px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .add_item_crew #btn_add_item {
	width: 28px;
	height: 28px;
	border-radius: 8px;
	box-shadow: 0 0 0 1px #D4E0EB inset;
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/231207/ico_plus_small_nor.svg");
	cursor: pointer;
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .add_item_crew #btn_add_item:hover {
	background-color: rgba(0, 0, 0, 0.02);
}

#middle_container .top_filter_wrapper .top_filter_group .top_filter_box .add_item_crew #btn_add_item.dim {
	opacity: 0.3;
	pointer-events: none;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box {
	min-width: 382px;
	max-width: 505px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew + .filter_crew {
	margin-left: 20px;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #baseDT {
	margin: 0;
	font-size: 14px;
	color: rgba(86,104,127, 0.8);
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType {
	height: 32px;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div {
	padding: 10px 25px;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div + div.division {
	border-left: unset;
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew #dateType > div > p {
	font-weight: 400;
	font-size: 13px;
	color: rgba(86, 104, 127, 0.8);
}

#middle_container .top_filter_wrapper .top_filter_group .page_filter_box .filter_crew .integrate_excel {
	width: 30px;
	height: 30px;
}

/* 앱 사용 전후로 사용하는 앱 */
.appOftenUsedAppChart.sample {
	margin-top : 0;
	height : 642px;
}

.appOftenUsedAppChart.sample .use_before,
.appOftenUsedAppChart.sample .target_info,
.appOftenUsedAppChart.sample .use_after {
	display : none;
}

.appOftenUsedAppChart.sample .free_user_info_box {
	width: 1246px !important;
    height: 642px !important;
}

.appOftenUsedAppChart {
    display : flex;
    height: auto;
    gap : 11px;
    margin-top : 30px;
    
    overflow: hidden;
    overflow-y: auto;
}

.appOftenUsedAppChart::-webkit-scrollbar {
	width : 13px;
}

.appOftenUsedAppChart::-webkit-scrollbar-track{
	border-left: 1px solid #EAEAEA;
	background: #FFF;
}

.appOftenUsedAppChart::-webkit-scrollbar-thumb{
	border-radius: 30px;
	background-clip: padding-box;
	border: 4px solid #FFF;
	background: #EAEAEA;
}

.appOftenUsedAppChart .use_before,
.appOftenUsedAppChart .use_after{
    width: 520px;
    text-align : center;
}

.appOftenUsedAppChart .use_before > .title,
.appOftenUsedAppChart .use_after > .title{
    color: rgba(1, 1, 0, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding : 16px 0 17px 0;
    margin-bottom: 12px;
    border-radius: 6px;
	background-color: #FBFBFB;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.appOftenUsedAppChart .free_user_info_box{
	display: none;
    width: 100%;
    margin-top: 62px;
    height: 520px !important;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    gap: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(5px);
    background-image: url(/resources/img/sample/app/img_blur_app_appdetail_23.png);
}


.appOftenUsedAppChart .target_info .images {
    display : flex;
    margin-bottom : 12px;
}

.appOftenUsedAppChart .target_info .images .arrow {
    display: flex;
    width: 50px;
    background: no-repeat;
    margin-top: 10px;
}

.appOftenUsedAppChart .target_info .images .arrow {
    background-image: url(/resources/img/common/arrow_white.svg);
}

.appOftenUsedAppChart .target_info .images .icon_area {
    margin: 0 10px;
    width: 50px;
    position: relative;
    display: flex;
    height: 50px;
    border-radius: 12px;
    justify-content: center;
    background-image: unset;
    background-color: unset;
    overflow: hidden;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.appOftenUsedAppChart .target_info .images .icon_area .icon_img {
    width : 50px;
    height : 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 1799;
    border-radius: 6px;
}

.appOftenUsedAppChart .target_info .info {
    text-align: center;
}

.appOftenUsedAppChart .target_info .info .title {
    color: #010100;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 184px;
}

.appOftenUsedAppChart .target_info .info .android_only_area {
	display : flex;
	gap : 4px;
	justify-content: center;
}

.appOftenUsedAppChart .target_info .info .android_only_area .title {
	max-width : 154px;
}
.appOftenUsedAppChart .target_info .info .category {
    color: rgba(1, 1, 0, 0.70);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.appOftenUsedAppChart .item-list {
	border-radius: 6px;
	border: 1px solid #D4E0EB;
	display: flex;
	width: 520px;
	flex-direction: column;
	align-items: flex-start;
	list-style: none;
	box-sizing: border-box;
	overflow: hidden;
}

.appOftenUsedAppChart .item-list:has(.error_box){
	border : none;
}

.appOftenUsedAppChart .item-list:has(.item.has_sub) {
	border: unset;
}

.appOftenUsedAppChart .sub_item_list .item-list {
	width: 260px;
}

.appOftenUsedAppChart .sub_item_list .item-list .item_info_area {
	width: 100%;
	display: flex;
}


.appOftenUsedAppChart .sub_item_list .item-list .item_info_area:has(.android_only_icon) .name,
.appOftenUsedAppChart .sub_item_list .item-list .item:has(.android_only_icon) .item_info_area .name{
	width : fit-content;
	max-width: 118px;
}

.appOftenUsedAppChart .use_before .sub_item_list .item-list .item .item_info_area {
	justify-content: end;
}

.appOftenUsedAppChart .use_before .sub_item_list .item-list .item .item_info_area .has_android_only_icon {
	margin-right : 4px;
}

.appOftenUsedAppChart .use_before .sub_item_list .item-list .item:has(.android_only_icon) .item_info_area a {
	max-width : 118px;
}

.appOftenUsedAppChart .use_before .sub_item_list .item-list .item .item_info_area a {
	justify-content : end;
}

.appOftenUsedAppChart .item-list .item {
	width : 100%;
	height: 52px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(212, 224, 235, 0.30);
}

.appOftenUsedAppChart .item-list .item.has_sub {
	border-bottom: unset;
}

.appOftenUsedAppChart .item-list .item.has_sub + .item.has_sub {
	margin-top: 20px;
}

.appOftenUsedAppChart .item-list .item.upper_item {
	width: 242px;
	border: 1px solid #D4E0EB !important;
	border-radius: 6px;
	box-sizing : border-box;
}

.appOftenUsedAppChart .item-list .item.upper_item.no_child_item_before {
	margin-left : auto;
}

.appOftenUsedAppChart .item-list .item.upper_item.no_child_item_after {
	margin-right : auto;
}

.appOftenUsedAppChart .item-list .item.has_sub {
	height: auto;
	align-items: flex-start;
    justify-content: space-between;
}

.appOftenUsedAppChart .item-list .sub_item_list .item {
	height: 38px;
}

.appOftenUsedAppChart .item-list .item:last-child{
	border : none;
}

.appOftenUsedAppChart .item-list .item a {
	display : flex;
	align-items: center;
	width: 100%;
}

.appOftenUsedAppChart .item-list .item.has_sub .upper_item a {
	width: 240px;
}

.appOftenUsedAppChart .item-list .item a .item_info_area {
	display : flex;
}

.appOftenUsedAppChart .item-list .item.has_sub a .item_info_area {
	width : fit-content;
}

.appOftenUsedAppChart .item-list .item a .item_info_area {
	width: 352px;
	/* margin-right : 10px; */
}

.appOftenUsedAppChart .use_before .item-list .item a .item_info_area {
	flex-direction: row-reverse;
}

.appOftenUsedAppChart .use_before .item-list .item a .item_info_area .android_only_icon {
	margin-right : 4px;
	margin-left : unset;
}

.appOftenUsedAppChart .item-list .item.has_sub a .item_info_area {
	width : fit-content;
}

.appOftenUsedAppChart .use_before .item-list .item a .android_only_icon {
	margin-left: 4px;
}

.appOftenUsedAppChart .use_after .item-list .item .android_only_icon {
	margin-left: 4px;
}

.appOftenUsedAppChart .item-list .item .used_percent{
	color: rgba(1, 1, 0, 0.60);
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	width: 56px;
}

.appOftenUsedAppChart .use_after .item-list .item .used_percent {
	text-align: right;
	width: 50px;
}

.appOftenUsedAppChart .use_after .sub_item_list .item .used_percent {
	margin-left: auto;
}

.appOftenUsedAppChart .use_before .item-list .item .used_percent {
	margin: 0 12px 0 16px;
	text-align: left;
}

 .appOftenUsedAppChart .sub_item_list .item .used_percent{
	font-weight: 590;
	width: fit-content;
	text-align: right;
	margin: 0 12px 0 12px !important;
}

.appOftenUsedAppChart .item-list .item.upper_item .used_percent{
	width: 50px;
	margin: 0 0 0 12px !important;
}

.appOftenUsedAppChart .item-list .item .name{
	overflow: hidden;
	color: rgba(1, 1, 0, 0.80);
	text-overflow: ellipsis;
	text-wrap: nowrap;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	width: fit-content;
}

.appOftenUsedAppChart .sub_item_list .item .name{
	font-size: 13px;
	width: 142px;
	font-weight : 300;
}

.appOftenUsedAppChart .item-list .item.upper_item .name{
	font-size: 14px;
	width: 96px;
}

.appOftenUsedAppChart .item-list .item.upper_item:has(.has_android_only_icon) .name {
	width : 76px;
}

.appOftenUsedAppChart .item-list .item .sequence{
	color: rgba(112, 118, 131, 0.80);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	width : 16px;
}

.appOftenUsedAppChart .use_after .item-list .item .sequence {
	margin: 0 0 0 12px;
}

.appOftenUsedAppChart .use_before .item-list .item .name{
	text-align : right;
}

.appOftenUsedAppChart .use_after .item-list .item .name{
	text-align : left;
}

.appOftenUsedAppChart .use_before .item-list .item .icon_wrapper{
	margin : 0 8px 0 8px;
}

.appOftenUsedAppChart .use_after .item-list .item .icon_wrapper{
	margin : 0 8px 0 8px;
}

.appOftenUsedAppChart .sub_item_list .item .icon_wrapper{
	margin : 0 8px 0 8px !important;
}

.appOftenUsedAppChart .item-list .item .icon_wrapper .icon{
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 9px;
	background-size: 100%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

.appOftenUsedAppChart .sub_item_list .item .icon_wrapper .icon{
	width: 26px;
	height: 26px;
	flex-shrink: 0;
	border-radius: 6px;
	background-size: 100%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

.similar_detail_wrapper:has(.header_group .btn_hidden.close) .appOftenUsedAppChart{
	display: none !important;
}

.appOftenUsedAppChart .use_after .item-list :where(.item a, .item.has_sub) {
	flex-direction: row-reverse;
	justify-content: start;
}

.appOftenUsedAppChart .use_after .item-list :where(.item a, .item.has_sub) .item_info_area {
	margin-right : 10px;
}

.appOftenUsedAppChart .use_after .item-list .item.upper_item .used_percent {
    margin: 0 12px 0 0 !important;
}

.appOftenUsedAppChart .item-list .item .link_line {
    width: 18px;
	height: 1px;
	background: #D4E0EB;
	margin-top: 27px;
}
/* 앱 사용 전후로 사용하는 앱 */


/* 데이터  없을경우 */
#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box,
#middle_container .content_view .tabs .section .error_box,
#middle_container .content_view .graph_div .error_box,
#middle_container .content_view .graph_group .error_box {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #FAFCFC;
    border-radius: 6px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box.no_background{
	background : none;
}

#middle_container .content_view .tabs .graph_wrapper.trendchart .graph_group .graph_div .error_box {
	background: rgba(0,0,0,0);
}

#middle_container .content_view .graph_group .error_box {
	min-height : 130px;
}

#middle_container .content_view .tabs .graph_wrapper.small_pop_chart .inner_title .stat_no_data_legend_icon {
	display : none;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box .error_icon,
#middle_container .content_view .tabs .section .error_box .error_icon,
#middle_container .content_view .graph_div .error_box .error_icon,
#middle_container .content_view .graph_group .error_box .error_icon{
	width: 40px;
	height: 40px;
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box .error_msg,
#middle_container .content_view .tabs .section .error_box .error_msg,
#middle_container .content_view .graph_div .error_box .error_msg,
#middle_container .content_view .graph_group .error_box .error_msg {
	margin-top: 12px;
	font-weight: 300;
	font-size: 15px;
	color: #A2B0BB;
}

/* 통계 오류 가능성  없을경우 */
#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div .error_box .stat_error_icon,
#middle_container .content_view .tabs .section .error_box .stat_error_icon,
#middle_container .content_view .graph_div .error_box .stat_error_icon,
#middle_container .content_view .graph_group .error_box .stat_error_icon {
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/error_icon.svg");
}

.iwranktooltip {
	position: absolute;
	z-index: 9000;
	display: none;
	margin-top : 12px;
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
}

.en_US .iwranktooltip{
	white-space: nowrap;
}

.iwranktooltip.criterionTooltip {
	top : 87%;
}

.iwranktooltip.criterionTooltip .bg {
	height : auto;
}

.iwranktooltip.criterionTooltip .content .text {
	text-align : center;
}

.iwranktooltip.criterionTooltip .content .text.Light .criterion_bold {
	font-weight : 600;
	color : #EEB6C9;
}

.iwranktooltip.criterionTooltip .content .text.Middle .criterion_bold {
	font-weight : 600;
	color : #F5709C;
}

.iwranktooltip.criterionTooltip .content .text.Heavy .criterion_bold {
	font-weight : 600;
	color : #DE0D52;
}

.iwranktooltip .content {
	line-height: 18px;
	overflow: hidden;
}

.iwranktooltip .content > div.wrapper {
	display: block;
	overflow: hidden;
	font-size: 11px;
	font-weight: 400;
	color: rgba(86, 104, 127, 0.80);
}

.iwranktooltip .content .text{
	float: left;
}

.android_only_small{
	width: 24px;
	height: 24px;
	background-size : 24px;
	background-image: url("/resources/img/common/android_only_icon.svg");
}

.date_filter.period_filter_box .wrapper_content .dateType .btn_item .wrapper {
	color : #707683;
}

.date_filter.period_filter_box .wrapper_content .dateType .btn_item.selected .wrapper {
	color : #09F;
}

.integrate_excel_btn_area {
	border : none;
}


.tooltip_area .tooltip_crew {
	display: none;
	position: absolute;
	padding: 6px 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
	z-index : 999;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(5px);
	white-space: nowrap;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.tooltip_area .tooltip_crew {
	top: 50px;
	z-index : 9000;
}

.tooltip_area:not(.dim):hover .tooltip_crew {
	display: inline-flex;
}

.tooltip_area .tooltip_text {
	color: #56687F;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px; /* 150% */
}

.cmn_os {
	gap : 4px;
	justify-content : center;
	align-content : center;
	display : flex;
}

.cmn_os_item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    padding: 5px 6px;
    justify-content: center;
    align-items: center;
}


.cmn_os_item.dim {
	background-color: #F8F8F8;
	border : none;
	opacity: 1 !important;
}

.cmn_os .cmn_os_all .cmn_plus {
	width: 10px;
	height: 10px;
	background-image: url('/resources/img/app/plus.svg');
}

.cmn_os .cmn_ios {
	width: 10px;
	height: 10px;
	background-image: url('/resources/img/app/ios.svg');
}

.cmn_os .cmn_aos {
	width: 10px;
	height: 10px;
	background-image: url('/resources/img/app/aos.svg');
}


.cmn_os_item.dim .cmn_aos,
.cmn_os_item.dim.cmn_aos{
	background-image: url('/resources/img/common/android_dim.svg');
}

.cmn_os_item.dim .cmn_ios,
.cmn_os_item.dim.cmn_ios{
	background-image: url('/resources/img/common/ios_dim.svg');
}

.cmn_os_item.dim .cmn_plus,
.cmn_os_item.dim.cmn_plus{
	background-image: url('/resources/img/common/plus_dim.svg');
}

.cmn_store {
	display : flex;
}

.cmn_store .cmn_icon {
	width: 14px;
	height: 14px;
	background-size : 14px 14px;
	
}

.cmn_store .cmn_icon.cmn_google{
	background-image: url('/resources/img/common/play_store_icon.svg');
}

.cmn_store .cmn_icon.cmn_apple{
	background-image: url('/resources/img/common/app_store.svg');
}

.cmn_store .cmn_name {
	color: #707683;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.top_filter_wrapper .top_filter_group .period_filter_box .wrapper_content .baseDTButtons {
	height : 20px;
	border-radius: 2.86px;
}

.top_filter_wrapper .top_filter_group .period_filter_box .wrapper_content .baseDTButtons.cmn_button_group.icon .btn_item {
	padding : 3.571px;
}

.top_filter_wrapper .top_filter_group .period_filter_box .wrapper_content .baseDTButtons.cmn_button_group.icon .btn_item .icon {
	width : 12px;
	height : 12px;
	background-size : 12px;
}


#middle_container .content_view.retail .tabs .graph_wrapper .button_group.behavior.popfilter_button_box .cmn_button_group.gender .btn_item{
	width : 125px;
}

#middle_container .content_view.retail .tabs .graph_wrapper .button_group.behavior.popfilter_button_box .cmn_button_group.age .btn_item{
	width : 140px;
}


#middle_container .content_view .tabs .free_user_info_box .service_btn > a,
#middle_container .content_view .tabs .free_user_info_box .service_btn > a:visited {
	color: #FFFFFF;
}

#middle_container .content_view .tabs .free_user_info_box .price_btn > a,
#middle_container .content_view .tabs .free_user_info_box .price_btn > a:visited {
	color: #0099FF;
}

:where(.cmn_button_icon, .cmn_button_group .btn_item) .tooltip_crew{
	z-index : 99;
}


/* 리테일 일간 버튼 */
.btn_item .wrapper:has(> #retail_daily_info){
    display: flex;
    align-items: center;

}

.wrapper_content .cmn_button_group .btn_item .wrapper #retail_daily_info{
    width: 20px;
	height: 20px;
	background-size : 20px;
	margin-left : 4px;
}

.top_filter_group .period_filter_box .wrapper_content .cmn_button_group .btn_item .wrapper #retail_daily_info{
    width: 14px;
	height: 14px;
	background-size : 14px;
	margin-left : 2px;
}

.period_filter_box .wrapper_content .line {
	width: 1px;
	height: 36px;
	background: #E7E7E7;
	margin: 0px 20px;
}

.top_filter_group .period_filter_box .wrapper_content .line{
	width: 1px;
	height: 24px;
	background: #E7E7E7;
	margin: 0px 16px;
}

.top_filter_group .period_filter_box .wrapper_content .baseDTSelecter{
	width : 12px !important;
	height : 12px !important;
	background-size : 12px !important;
}

.inner_app_group .error_box {
	background-color: #FAFCFC;
	width : 100%;
	height : 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.inner_app_group .error_box .error_icon{
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/no_data.svg");
}

 .inner_app_group .error_box .error_msg {
	margin-top: 12px;
	font-weight: 300;
	font-size: 14px;
	color: #A2B0BB;
	text-align: center;
	line-height: normal;
}

.item.publisher .error_icon {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	position: absolute;
	left: -9px;
	top: -9px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
}

.item.publisher .error_icon.no_data_icon {
	background-image: url(/resources/img/common/no_data_icon.svg);
}

.item.publisher .error_icon.stat_error_icon {
	background-image: url('/resources/img/231207/ic_data_error.svg');
}

.graph_value_box.before .free_data_ui_befre{
	background-image: url("/resources/img/sample/app/img_blur_app_appdetail_22-before.png");
}

.graph_value_box.after .free_data_ui_after{
	background-image: url("/resources/img/sample/app/img_blur_app_appdetail_22-after.png");
}
.graph_value_box :where(.free_data_ui_befre, .free_data_ui_after) {
	background-repeat: no-repeat;
	background-size : 100%;
	width : 100%;
	height : 100%;
	display : flex;
    justify-content: center;
    align-items: center;
}

.graph_value_box :where(.free_data_ui_befre, .free_data_ui_after) .icon {
	width : 24px;
	height : 24px;
	display : flex;
	background-size : 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/common/sample_chart_icon.svg");
	margin-right : 8px;
}

.graph_value_box :where(.free_data_ui_befre, .free_data_ui_after) .info_text {
	color: #A2B0BB;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group .graph_div.column_compare_graph .graph_box .graph_thing.mid .graph_item_box .graph_item_crew.empty_bar {
	opacity: 0.5;
    background: #F5F6F6;
}


#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used 
.graph_value_box .value_item.saturation_five .item_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used 
.graph_value_box .value_item.saturation_four .item_icon {
  border-radius: 12px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used 
.graph_value_box .value_item.saturation_three .item_icon,
#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used 
.graph_value_box .value_item.saturation_two .item_icon {
  border-radius: 10px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group.table .graph_div.used 
.graph_value_box .value_item .item_icon {
  border-radius: 8px;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .app_info_box, .item.publisher .info_box .app_info_crew) .app_name:has(.total_value){
	display : flex;
}

#middle_container .content_view .tabs .graph_wrapper .graph_group .item_list :where(.item .app_info_box, .item.publisher .info_box .app_info_crew) .app_name .total_value{
	margin-left: auto;
    margin-right: 28px;
    color: #707683;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper#payretention_wrapper{
	height: 645px;
    padding-bottom: 0;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper#payretention_wrapper .graph_group{
	margin-top : 0;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper#indicator_wrapper{
	height: 788px;
	max-height: 788px;
    padding-bottom: 0;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper#pop_avg_revenue_wrapper,
#middle_container .content_view .tabs .freeUser.graph_wrapper#shareByCardCompany_wrapper,
#middle_container .content_view .tabs .freeUser.graph_wrapper#shareBySimplePay_wrapper{
	height: 908px;
	max-height: 908px;
    padding-bottom: 0;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper#shareByPatmentCard_wrapper,
#middle_container .content_view .tabs .freeUser.graph_wrapper#shareByPaymentTitle_wrapper,
#middle_container .content_view .tabs .freeUser.graph_wrapper#shareByForeignTitle_wrapper {
	height: 728px;
    padding-bottom: 0;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper:has(.button_group) {
	height : 930px;
	max-height : 930px;
}

#middle_container .content_view .tabs #hourly_wrapper.freeUser.graph_wrapper:has(.button_group) {
	height : 730px;
}

#middle_container .content_view .tabs .freeUser.graph_wrapper:has(.button_group) .graph_group{
	margin-top : 0;			
}

.stat_error_icon.in_tooltip {
	width: 11px;
	height: 11px;
	background-size: 11px;
    position: absolute;
    left: -5px;
    top: 0px;
    z-index : 1001;
    background-image : url('/resources/img/231207/ic_data_error.svg');
}

/* amchart 툴팁 설정 */
g[role="tooltip"] foreignObject {
  overflow: visible !important;
}

/* 유입 및 이탈 */
#middle_container .content_view .tabs #movement_chart .graph_group.sample {
	margin-top : 0;
	height : 902px;
}

#movement_chart .graph_group .movement_data {
    display : flex;
    height: auto;
    /* min-height : 370px; */
    gap : 11px;
}

#movement_chart .graph_group .movement_data #in_flow,
#movement_chart .graph_group .movement_data #out_flow{
    width: 520px;
}

#movement_chart .graph_group .movement_data #in_flow > .title,
#movement_chart .graph_group .movement_data #out_flow > .title{
    color: rgba(1, 1, 0, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 6px;
    padding: 16px 16px 17px 16px;
    margin-bottom: 12px;
    display: flex;
    gap: 4px;
    align-items: center;
}

#movement_chart .graph_group .movement_data .report_title{
    color: rgba(1, 1, 0, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#movement_chart .graph_group .movement_data #in_flow > .title{
    background: #E9F4FF;
    display: flex;
    align-items: center;
}

#movement_chart .graph_group .movement_data #out_flow > .title{
    background: #FFEFEF;
    display: flex;
    align-items: center;
}


#movement_chart .graph_group .movement_data #in_flow .main .main_title,
#movement_chart .graph_group .movement_data #out_flow .main .main_title {
    display: flex;
    padding: 14px 16px;
    align-items: center;
    border: 1px solid #EAEAEA;
    border-radius: 6px 6px 0 0;
    color: rgba(1, 1, 0, 0.70);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    box-sizing : border-box;
    height: 48px;
    border-bottom: none;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list {
	display : flex;
	border: 1px solid #EAEAEA;
	border-top : none;
}

#movement_chart .graph_group .movement_data #in_flow .main .item-list{
	border-bottom-left-radius : 6px;
	border-bottom-right-radius : 6px;
}

#movement_chart .graph_group .movement_data #out_flow .main .item-list{
	border-bottom-left-radius : unset;
	border-bottom-right-radius : unset;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew {
	display: flex;
	width: fit-content;
	height: 70px;
	padding: 0px 16px;
	align-items: center;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app {
	width: 36px;
	height: 36px;
	border-radius: 6px;
	margin : 9px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
	position : relative;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app > .android_only_icon {
	position : absolute;
	top : 23px;
	background-color: #FFF;
	left : 25px;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app > .android_only_icon:hover {
	background-color : #F5F8FA !important;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app.etc {
	box-shadow: unset;
	background-image: url("/resources/img/common/etc_icon.svg");
	cursor: default;
	border: 1px solid rgba(0, 0, 0, 0.05);
	background-color: #B8D3E8;
	background-size : 23.75px;
	box-sizing : border-box;
}


/* tooltip*/
#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app .other_app_info {
    width: max-content;
    height: max-content;
    padding: 6px 10px;
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translate(-50%, 0%);
    display: none;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.08), 0px 2px 4px -2px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(5px);
    z-index: 1800;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:hover .other_app_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:hover .other_app_info .other_app_name {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #707683;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:hover .other_app_info .other_app_values {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:hover .other_app_info .other_app_values .value_per {
    font-weight: 590;
    font-size: 12px;
    line-height: 18px;
    color: #3F4248;
}

#movement_chart .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:hover .other_app_info .other_app_values .value_figure {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #3F4248;
}
/* tooltip/ */
#middle_container .content_view .tabs #movement_chart.graph_wrapper .graph_group {
	flex-direction: column;	
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper .graph_group .graph_div{
	width : auto;
	height : auto;
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper .graph_group .graph_div + .graph_div {
	margin-top : 30px;
}

#movement_chart .graph_group .movement_data #target_info .images {
    display : flex;
    height : 70px;
    margin-bottom : 12px;
    position: relative;
}

#movement_chart .graph_group .movement_data #target_info .images .blue_arrow,
#movement_chart .graph_group .movement_data #target_info .images .red_arrow {
    display: flex;
    width: 50px;
    background: no-repeat;
    margin-top: 10px;
}

#movement_chart .graph_group .movement_data #target_info .images .blue_arrow {
    background-image: url(/resources/img/common/in_arrow.svg);
}

#movement_chart .graph_group .movement_data #target_info .images .red_arrow {
    background-image: url(/resources/img/common/out_arrow.svg);
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area {
    margin: 0 10px;
    width: 62px;
    position: relative;
    display: flex;
    height: 62px;
    border-radius: 12px;
    justify-content: center;
    background-image: unset;
    background-color: unset;
    overflow: hidden;
    align-items: center;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area:has(.app_icon){
	z-index : 1000;
	box-shadow : unset;
}

#movement_chart .graph_group .movement_data .other_app_items .same_cate_crew .other_app:hover {
	cursor : pointer;
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area .icon_img {
    width: 34px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 1799;
    border-radius: 14.222px;
}

#content_view:not(.brand_container) #movement_chart .graph_group .movement_data #target_info .images .icon_area .icon_img {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area .icon_img.no_icon {
    width : 64px;
    height : 64px;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area .icon_img.app_icon {
    width: 62px;
    height: 62px;
    border-radius: 13.778px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset;
}

#movement_chart .graph_group .movement_data #target_info .info {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#movement_chart .graph_group .movement_data #target_info .info .title_area {
	max-width: 182px;
    display: flex;
    gap: 3px;
    justify-content: center;
}

#movement_chart .graph_group .movement_data #target_info .info .title:hover,
#movement_chart .graph_group .movement_data #target_info .info .category:hover {
	text-decoration: underline !important;
	cursor : pointer;
}

#movement_chart .graph_group .movement_data #target_info .info .title {
    color: #010100;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 150px;
}

#movement_chart .graph_group .movement_data #target_info .info .title:has(.android_only_icon_area){
	display: flex;
    gap: 4px;
    justify-content: center;
}

#movement_chart .graph_group .movement_data #target_info .info .category {
    color: rgba(1, 1, 0, 0.70);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

#movement_chart .graph_group .movement_data #out_flow > .title > .main_title {
    font-weight : 600;
    display: flex;
    gap: 4px;
    justify-content: center;
}

#movement_chart .graph_group .movement_data #out_flow > .title > .sub_title {
    color: #707683;
    font-weight: 700;
    margin-left: auto;
    padding-right: 30px;
}

#movement_chart .graph_group .movement_data #out_flow > .title > #count_info {
    color: #FF005C;
    text-align: right;
    font-weight: 700;
}

#movement_chart .graph_group .movement_data #out_flow > .title > #count_info > #count_value {
    font-weight: 700;
}
 
#movement_chart .graph_group .movement_data #out_flow > .main > .main_title .percent_area {
    border-radius: 15px;
    border: 1px solid #FF005C;
    background: #FFF;
    padding: 5px 10px;
    color: #FF005C;
    font-weight: 700;
    height: 17px;
    font-size : 14px;
    display: flex;
    align-items: center;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .main_title .title {
    color: rgba(1, 1, 0, 0.70);
    font-weight: 400;
    line-height: 18px;
    padding-left: 12px;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .main_title .out_count_area {
    color: #FF005C;
    font-weight: 400;
    margin-left: auto;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .main_title .out_count_area #in_out_count,
#movement_chart .graph_group .movement_data #out_flow > .main > .out-info > .out_count_area #out_in_count{
    font-weight : 400;
    font-size: 14px;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .out-info {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 0 16px;
    display: flex;
    align-items: center;
    height: 48px;
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .out-info > .percent_area {
    border-radius: 15px;
    border: 1px solid #FF005C;
    background: #FFF;
    padding: 5px 10px;
    color: #FF005C;
    font-weight: 400;
    font-size : 14px;
    height: 17px;
    display: flex;
    align-items: center;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .out-info > .title {
    color: rgba(1, 1, 0, 0.70);
    font-weight: 400;
    padding-left: 12px;
    font-size: 14px;
}

#movement_chart .graph_group .movement_data #out_flow > .main > .out-info > .out_count_area {
    color: #FF005C;
    font-weight: 400;
    margin-left: auto;
    font-size: 14px;
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper .graph_group .graph_div .error_box .error_icon {
	width: 32px;
	height: 32px;
	background-size: 32px;
}

#middle_container .content_view .tabs #movement_chart.graph_wrapper .graph_group .graph_div .error_box .error_msg {
	font-weight: 300;
    font-size: 14px;
}

#movement_chart.retail .graph_group .movement_data #target_info .images .icon_area {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

#movement_chart.retail .graph_group .movement_data #target_info .images .icon_area .no_icon {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 24px;
}

#movement_chart .graph_group .movement_data #target_info .images .item_index_icon {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 50px;
	bottom: 0;
	border: 5px solid #FFFFFF;
	border-radius: 50%;
} 

#movement_chart:not(.retail) .graph_group .movement_data #target_info .images .item_index_icon{
	right : 55px;
	z-index : 1000;
}

#movement_chart.retail .graph_group .movement_data #target_info .images .icon_area .icon_img {
    border-radius: 4px;
}

#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:not(.etc) {
	width: 36px;
	height: 36px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: unset;
}

#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app.etc {
	border-radius: 6.75px;
}

#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app:not(.etc) .icon_text{
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app .icon_img{
	width: 60%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 1799;
    border-radius: 6px;
}

#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app .icon_blur_wrapper {
	width: 38px;
	height: 38px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: unset;
	background-color: #FFFFFF;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.10) inset;
}

#movement_chart .graph_group .movement_data #target_info .images .icon_area .icon_blur,
#movement_chart.retail .graph_group .movement_data :where(#in_flow, #out_flow) .main .item-list .same_cate_crew .other_app .icon_blur_wrapper .icon_blur {
    width: 140%;
    height: 140%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: lightgray;
    filter: blur(15px) !important;
    -webkit-filter: blur(15px) !important;
    opacity: 0.4;
}
/* 유입 및 이탈 */

.android_only_icon_area {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.android_only_icon_area .android_only_icon{
	width: 12px;
	height: 12px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/resources/img/app/icon_android.svg");
}

.setting_btn_area .setting_btn_group {
	margin-left : unset;
}

.selected-item-view.publisher .publisher_android_only_icon_area .android_only_icon {
	position : absolute;
	left: 25px;
	bottom: -3px;
	background-color: #FFF;
}

.has_android_only_icon {
	display : flex;
	align-items : center;
	gap : 4px;
}

#middle_container .content_view .tabs .graph_wrapper#distribution_wrapper .graph_group .item_list .item.publisher .inner_app_box .inner_app_crew .inner_app_bundle .has_android_only_icon .inner_app_name{
	width : fit-content;
	max-width : 146px;
}

.cmn_icon_title .cmn_text_crew .cmn_name:has(.android_only_icon) {
	flex-direction: row;
    align-items: center;
    gap: 4px;
}

.period_filter_box .wrapper_content.bg_hover {
    gap: 0px;
}

#div_help {
	margin-top : 30px;
}

#div_help .methodology_area {
	width : 100%;
}