#company-header .header_box{display: flex;flex-direction: row;gap: 50px;padding: 35px 0;align-items: flex-start;justify-content: space-between;}
#company-header .header_box .header_left{display: flex;flex-direction: row;column-gap: 25px;}
#company-header .header_box .header_left .logo_box{display: flex;align-items: center;justify-content: center;width: 90px;height: 90px;min-width: 60px;min-height: 60px;border-radius: 8px;background: #ffffff;padding: 15px;box-sizing: border-box;box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
#company-header .header_box .header_left .profile_box{display: flex;flex-direction: column;flex: 1;}
#company-header .header_box .header_right{display: flex;gap: 8px;}
#company-header .header_box .header_right .collect_btn {width: 50px;height: 50px; border: 1px solid #9b9b9b; box-sizing: border-box; cursor: pointer;border-radius: 10px; margin-top: 20px;background:url(/frontend/web/images/company/icon_collection.png) no-repeat center center/contain;background-size: 23px;}
#company-header .header_box .header_right .collect_btn.collected { background:url(/frontend/web/images/company/icon_collected.png) no-repeat center center/contain;background-size: 23px;}
#company-header .header_box .header_right .collect_btn:hover {background:url(/frontend/web/images/company/icon_collected.png) no-repeat center center/contain;background-size: 23px;}
#company-header .header_box .header_right .md_btn{width: 180px;height: 50px;cursor: pointer;font-size: 16px;font-weight: bold;border-radius: 10px;color: #fff;margin-top: 20px;display: flex;align-items: center;justify-content: center; gap: 15px;}
#company-header .header_box .header_right .md_btn i{width: 20px;height: 20px; background-repeat: no-repeat;}
#company-header .header_box .header_right .share_btn {background: #2099ff;}
#company-header .header_box .header_right .share_btn i{background-image:url(/frontend/web/images/company/icon_share.png);background-size: 20px;}
#company-header .header_box .header_right .download_btn{background: #e33c8f;}
#company-header .header_box .header_right .download_btn i{background:url(/frontend/web/images/company/icon_download.png);background-size: 20px;}

#company-header .profile_box .company_mark{display: flex;flex-direction: row;column-gap: 20px;}
#company-header .profile_box .company_mark .logo_box{display: none;}
#company-header .profile_box .company_mark .company_name{font-size: 40px;color: #000000;flex: 1;line-height: 1.25;}
#company-header .profile_box .company_website{font-size: 14px;color: #3b4659;margin-top: 10px;margin-bottom: 10px;}
#company-header .profile_box .company_desc{font-size: 14px;color: #3b4659;margin-top: 5px;line-height: 26px;}

/* company keyword tags (pill style) */
#company-header .profile_box .company_tags{margin-top: 12px;}
#company-header .profile_box .company_tags ul{list-style: none;padding: 0;margin: 10px 0 0 0;display: flex;flex-wrap: wrap;gap: 12px;}
#company-header .profile_box .company_tags ul li{white-space: pre-wrap;display: inline-block;cursor: pointer;background: #d7e5fd;color: #0054d2;padding: 8px 18px;border-radius: 999px;font-size: 14px;line-height: 1;border: 1px solid rgba(17,59,130,0.06);box-shadow: 0 6px 18px rgba(14,30,80,0.04);transition: transform .14s ease, box-shadow .14s ease, background .14s ease;}
#company-header .profile_box .company_tags ul li:hover{background: linear-gradient(180deg,#eef6ff 0%,#dff0ff 100%);transform: translateY(-3px);box-shadow: 0 12px 30px rgba(14,30,80,0.08);}

/* keep pills compact on overflow */
#company-header .profile_box .company_tags ul li{max-width: 100%;overflow: hidden;text-overflow: ellipsis;}

#company-header .navigation_box{background: #ffffff;border-radius: 8px;padding: 10px;}
#company-header .navigation_list{white-space: nowrap;display: flex;gap: 25px;}
#company-header .navigation_list a{display: inline-block;font-size: 16px;color: #000000;line-height: 50px;border-radius: 999px;padding: 0 27px;text-transform: capitalize;transition: all 0.3s ease;font-weight: bold;}
#company-header .navigation_list a:hover{background-color: #f0f4ff;color: #1e3a8a;}
#company-header .navigation_list a.cur{background-color: var(--maincolor1);color: #ffffff;}

@media screen and (max-width: 1500px) {
	#company-header .navigation_list {overflow-x: auto;scrollbar-width: thin;}
}
@media screen and (max-width: 1024px) {
	#company-header .header_box{flex-direction: column;gap: 2vw;align-items: flex-start;}
	#company-header .header_box .header_right{flex-direction: row;gap: 10px;}
}
@media screen and (max-width: 768px) {
	#company-header .header_box{gap: 3vw;padding: 4.66vw 0;}
	#company-header .header_box .header_left{column-gap: 4.66vw;}
	#company-header .header_box .header_left .logo_box{display: none;}
	#company-header .profile_box .company_mark{column-gap: 4vw;align-items: center;}
	#company-header .profile_box .company_mark .logo_box{display: flex;width: 12vw;height: 12vw;padding: 2vw;}
	#company-header .profile_box .company_mark .company_name{font-size: 24px;}
	#company-header .profile_box .company_desc{margin-top: 2vw;}
	
	#company-header .navigation_box{padding: 1.22vw;margin: 0 -20px;border-radius: 0;}
	#company-header .navigation_list{gap: 3.33vw;scrollbar-width: none;}
	#company-header .navigation_list a{font-size: 14px;line-height: 40px;padding: 0 3.6vw;}

	#company-header .profile_box .company_tags ul{gap: 3.33vw;margin-top: 2vw;}
	#company-header .profile_box .company_tags ul li{padding: 6px 10px;font-size: 12px;border-radius: 16px;box-shadow: none;border: 1px solid rgba(17,59,130,0.06);}
	#company-header .header_box .header_right .download_btn{display: none;}
}
@media screen and (max-width: 500px) {
	#company-header .header_box .header_right .md_btn{width: 28vw;height: 10vw; margin-top: 0; background-size: 3.0667vw;font-size: 3.4vw; gap: 2vw;}
	#company-header .header_box .header_right .md_btn i{width: 4vw; height: 4vw; }
	#company-header .header_box .header_right .download_btn i,#company-header .header_box .header_right .share_btn i{background-size: 4vw; }
	#company-header .header_box .header_right .collect_btn{width: 10vw;height: 10vw;margin-top: 0;border-radius: 1.3333vw;background-size: 4.6vw;}
}


@media print {
	#company-header .profile_box .company_mark .company_name{font-size: 50px;color: #000000;flex: 1;line-height: 1.25;}
	#company-header .profile_box .company_website{font-size: 24px;margin-top: 10px;margin-bottom: 10px;text-decoration: underline;font-style: italic;}
	#company-header .profile_box .company_website a{color: blue;}
	#company-header .profile_box .company_desc{font-size: 24px;color: #3b4659;margin-top: 5px;line-height: 32px;}
	#company-header .profile_box .company_tags ul li{ font-size: 24px;}
}