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

.header_popular_widget.popular_list .container_fix {width: 180px; padding: 0;}
.header_popular_widget.popular_list .keyword_tab_content{width: 100%;overflow: hidden;margin:0; height:52px;}
.header_popular_widget.popular_list .explain_bubble {font-size: 14px; color: var(--main-point-color-hover); padding: 11px 15px 13px; border: 1px solid var(--main-point-color-hover); border-radius: 19px; position: absolute; top: 42px; left: 15px; z-index: 2;}
.header_popular_widget.popular_list .explain_bubble:after {display: block; content: ""; width: 11px; height: 11px; border: 1px solid var(--main-point-color-hover); background: #fff; border-left: 0; border-bottom: 0; position: absolute; left: 34px; bottom: -6px; transform: rotate(135deg);}
.header_popular_widget.popular_list .main_cont_title {display: flex; align-items: flex-end; justify-content: unset; padding: 100px 0 24px;}
.header_popular_widget.popular_list .main_cont_title h4 {font-size: 28px; font-weight: 600; color: #1b1b1b;}
.header_popular_widget.popular_list .keyword_tab_content .keyword_rank_box {list-style: none;padding: 0px;margin: 0px;line-height: 52px; position: relative;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {position: relative;padding: 0px;margin: 0px; height: 52px; width: 180px;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {display: flex; align-items: center; font-size: 18px; line-height: 52px; width: 180px;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 25px; font-weight: 700; display: inline-block;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 100px); font-size: 16px; font-weight: 700; color: var(--main-point-color); overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .rank_arr {margin-left: auto;}
.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li::before {content: ''; display: block; width: 6px; height: 6px; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; transform: rotate(-45deg) translateY(-50%); position: absolute; top: 48%; right: 0;}

/* 
일체형 헤더
*/
.at-header.transparent_H .header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num{color:  #fff !important;}
.at-header.transparent_H .header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword{color:  #fff;}
.at-header.transparent_H .header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li::before{border-color:  #fff;}
@media (max-width: 768px) {
	.header_popular_widget.popular_list .widget_box.mobile_divide {position: relative; padding-bottom: 45px;}
	.header_popular_widget.popular_list .widget_box.mobile_divide:after {content: ""; display: block; width: calc(100% + 30px); height: 10px; background: #f9f9fa; position: absolute; bottom: 0; left: -15px;}
	.header_popular_widget.popular_list .explain_bubble {font-size: 10.5px; padding: 8.5px 9.5px; border-radius: 14.5px; top: -4px; background: #fff;}
	.header_popular_widget.popular_list .explain_bubble:after {width: 7px; height: 7px; left: 40px; bottom: -4px;}
	.header_popular_widget.popular_list .main_cont_title {padding: 35px 0 7px;}
	.header_popular_widget.popular_list .main_cont_title h2 {font-size: 21px;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content {flex-direction: column;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box {width: 100%;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {border-bottom: 1px solid #eee;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li:last-child {border-bottom: none;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {font-size: 14px; padding-left: 5px;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 27.5px;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 27.5px);}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_up:before {border-bottom: 6px solid var(--main-point-bg-soft-color-active); border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); right: 6px;}
	.header_popular_widget.popular_list .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;}
	.header_popular_widget.popular_list .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_keep:before {width: 6px; height: 1px; right: 6px;}
	.header_popular_widget.popular_list .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 #e1e1e1; border-radius: 20px; font-size: 12px; font-weight: 500; color: var(--main-point-color); margin: 7.5px auto 0;}
	.header_popular_widget.popular_list .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);}
}


.header-sense-popular-popup * {font-family: "Pretendard Variable", Pretendard, sans-serif;}
.header-sense-popular-popup{display: none; position: absolute; top: 52px; left: 0; width: 280px; background-color: #fff; border: 1px solid #eeeeee; box-shadow: 0 0 15px rgba(0,0,0,0.05); z-index: 10;}
.header-sense-popular-popup .widget_box .container_fix{padding: 7px 20px 14px;}
.header-sense-popular-popup .explain_bubble {font-size: 14px; color: var(--main-point-color-hover); padding: 11px 15px 13px; border: 1px solid var(--main-point-color-hover); border-radius: 19px; position: absolute; top: 42px; left: 15px; z-index: 2;}
.header-sense-popular-popup .explain_bubble:after {display: block; content: ""; width: 11px; height: 11px; border: 1px solid var(--main-point-color-hover); background: #fff; border-left: 0; border-bottom: 0; position: absolute; left: 34px; bottom: -6px; transform: rotate(135deg);}
.header-sense-popular-popup .container_fix > div.main_cont_title {width: 100%; display: flex; align-items: flex-end; justify-content: space-between; padding: 18px 0 14px;}
.header-sense-popular-popup .container_fix > div.main_cont_title h4 {font-size: 16px; font-weight: 700; color: var(--main-point-color); line-height: 1em;}
.header-sense-popular-popup .pop_close{display: block; position: relative; width: 14px; height: 14px; cursor: pointer;}
.header-sense-popular-popup .pop_close::before,.header-sense-popular-popup .pop_close::after{content: ''; display: block; width: 18px; height: 1px; background-color: #666666; position: absolute; top: 50%; left: 50%;}
.header-sense-popular-popup .pop_close::before{transform: translate(-50%,-50%) rotate(45deg);}
.header-sense-popular-popup .pop_close::after{transform: translate(-50%,-50%) rotate(-45deg);}
.header-sense-popular-popup .text_box{width: calc(100% - 40px); text-align: center; border: 1px solid #eeeeee; margin: 0 20px;}
.header-sense-popular-popup .text_box p{font-size: 15px; color: var(--main-point-color); font-weight: 400; line-height: 34px;}
.header-sense-popular-popup .widget_box .keyword_tab_content {display: flex; justify-content: space-between; width: 100%;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box {width: 100%;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {position: relative;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {display: flex; align-items: center; font-size: 14px; line-height: 31px;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 20px; font-weight: 500; font-style: oblique;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box + .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 42px; font-weight: 500;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 40px); color: var(--main-point-color); overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: 0.3s; padding-left: 5px;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a:hover .keyword {color: var(--main-point-color-hover);}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status {margin-left: auto; position: relative;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_up::before {content: ""; background: url(../../../../img/rank_up.png); position: absolute; width: 9px; height: 10px; right: 2.6px; top: -4px;}
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_down::before {content: "";background: url(../../../../img/rank_down.png); position: absolute; width: 9px; height: 10px; right: 2.6px; bottom: -4px; }
.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_keep:before {content: ""; display: inline-block; width: 6px; height: 2px; background: #999999; position: absolute; right: 4px; top: 50%; transform: translatey(-50%);}

@media (max-width: 768px) {
	.header-sense-popular-popup .widget_box.mobile_divide {position: relative; padding-bottom: 45px;}
	.header-sense-popular-popup .widget_box.mobile_divide:after {content: ""; display: block; width: calc(100% + 30px); height: 10px; background: #f9f9fa; position: absolute; bottom: 0; left: -15px;}
	.header-sense-popular-popup .explain_bubble {font-size: 10.5px; padding: 8.5px 9.5px; border-radius: 14.5px; top: -4px; background: #fff;}
	.header-sense-popular-popup .explain_bubble:after {width: 7px; height: 7px; left: 40px; bottom: -4px;}
	.header-sense-popular-popup .main_cont_title {padding: 35px 0 7px;}
	.header-sense-popular-popup .main_cont_title h2 {font-size: 21px;}
	.header-sense-popular-popup .widget_box .keyword_tab_content {flex-direction: column;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box {width: 100%;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li {border-bottom: 1px solid #eee;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li:last-child {border-bottom: none;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a {font-size: 14px; padding-left: 5px;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .num {width: 27.5px;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .keyword {width: calc(100% - 27.5px);}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_up:before {border-bottom: 6px solid var(--main-point-bg-soft-color-active); border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); right: 6px;}
	.header-sense-popular-popup .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;}
	.header-sense-popular-popup .widget_box .keyword_tab_content .keyword_rank_box .keyword_rank_li .keyword_rank_a .status.rank_keep:before {width: 6px; height: 1px; right: 6px;}
	.header-sense-popular-popup .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 #e1e1e1; border-radius: 20px; font-size: 12px; font-weight: 500; color: #333; margin: 7.5px auto 0;}
	.header-sense-popular-popup .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);}
}