/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/
.main_cont08 .explain_bubble {font-size: 14px; color: #20352a; padding: 11px 15px 13px; border: 1px solid #20352a; border-radius: 19px; position: absolute; top: 42px; left: 15px; z-index: 2;}
.main_cont08 .explain_bubble:after {display: block; content: ""; width: 11px; height: 11px; border: 1px solid #20352a; background: #fff; border-left: 0; border-bottom: 0; position: absolute; left: 34px; bottom: -6px; transform: rotate(135deg);}
.main_cont08 .main_cont_title {display: flex; align-items: flex-end; justify-content: unset; /*padding: 100px 0 24px;*/ padding-bottom:24px; }
.main_cont08 .main_cont_title h2 {width:100%; font-size: 28px; font-weight: 700; color: #363533;}
.main_cont08 .widget_box .keyword_tab_content {display: flex; justify-content: space-between;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box {width: 47.91666%;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {border-bottom: 1px solid #e5e2dc; position: relative;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {display: flex; align-items: center; font-size: 16px; line-height: 50px; padding-left: 20px;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 30px; font-weight: 500; color:#363533}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box + .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 42px; font-weight: 500; color:#363533 !important}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 100px); color: #9d9c9a; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: .2s;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a:hover .keyword {color:#363533}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status {margin-left: auto;}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_up:before {content: ""; border-bottom: 7px solid #222222; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); position: absolute; right: 28px; top: 50%; transform: translatey(-50%);}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_down:before {content: ""; border-top: 7px solid #aaa; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); position: absolute; right: 28px; top: 50%; transform: translatey(-50%);}
.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 10px; height: 2px; background: #aaa; position: absolute; right: 28px; top: 50%; transform: translatey(-50%);}

@media (max-width: 768px) {
	.main_cont08 .widget_box.mobile_divide {position: relative; padding-bottom: 45px;}
	.main_cont08 .widget_box.mobile_divide:after {content: ""; display: block; width: calc(100% + 30px); height: 10px; background: #f9f9fa; position: absolute; bottom: 0; left: -15px; display:none;}
	.main_cont08 .explain_bubble {font-size: 10.5px; padding: 8.5px 9.5px; border-radius: 14.5px; top: -4px; background: #fff;}
	.main_cont08 .explain_bubble:after {width: 7px; height: 7px; left: 40px; bottom: -4px;}
	.main_cont08 .main_cont_title {/*padding: 35px 0 7px;*/ padding-bottom:7px; }
	.main_cont08 .main_cont_title h2 {font-size: 21px;}
	.main_cont08 .widget_box .keyword_tab_content {flex-direction: column;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box {width: 100%;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {border-bottom: 1px solid #f1f1f1;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li:last-child {border-bottom: none;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {font-size: 14px; padding-left: 5px;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 27.5px; color:#363533 !important}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 80px);}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_up:before {border-bottom: 6px solid #222222; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); right: 6px;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_down:before {border-top: 6px solid #aaa; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); right: 6px;}
	.main_cont08 .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_keep:before {width: 6px; height: 1px; right: 6px;}
	.main_cont08 .widget_box .keyword_tab_content .more_box .btn_moreview {display: block; /*width: 44.39393%;*/ width: 43.3%; height: 40px; line-height: 38px; text-align: center; border: 1px solid #f1f1f1; border-radius: 20px; font-size: 12px; font-weight: 500; color: #333; margin: 7.5px auto 0; display:none}
	.main_cont08 .widget_box .keyword_tab_content .more_box .btn_moreview .arrow {display: inline-block; font-family: 'SUIT', sans-serif; font-weight: 500; margin-left: 3px; transform: rotate(90deg);}
}