@charset "UTF-8";

html.blue {
	/* Gradient & Points */
	--color-gradient: linear-gradient(90deg, #0086cd 0%, #014DA1 100%);
	--color-circle-gradient: conic-gradient(from 180deg at 50% 50%, #0086cd, #0060ad, #014DA1,#0060ad, #0086cd);
	--color-shadow: 3px 3px 13px rgba(0, 0, 0, 0.08); 
	--color-primary: #0086CD; 
	--color-primary-hover: #17a2eb; 
	--color-second: #014DA1; 
	--color-second-hover: #0258b7; 
	--color-third: #0080C3; 
	--color-fourth: #003e82;
	--color-fifth: #91B0D2;
	
	/* Backgrounds */ 
	--bg-primary: #f4f7fa; 
	--bg-second: #F9F9F9; 
	--bg-third: #F2F2F2; 
	--bg-fourth: #e4f1ff;
	
	/* Border */ 
	--border-primary: #DEDEDE; 
	--border-second: #D9D9D9; 
	--border-third: #c9c9c9;
	
	/* Grayscale */ 
	--color-white: #fff; 
	--color-black: #202020; 
	--color-gray-50: #9f9f9f; 
	--color-gray-80: #dfdfdf;
	
	/* Text*/ 
	--text-label: #383838; 
	--text-label-sub: #929292;
}

::-webkit-scrollbar-thumb {
	background: var(--color-primary);
}

::-webkit-scrollbar-track {
	background: var(--bg-primary);
}

html.blue body {
	position: initial;
}

html.blue #footer {
	position: absolute;
	width: 100%;
}

/* 404, 505 */
html.blue .errorBg {
	background-color: var(--bg-primary);
}

html.blue .errorBg .tit .errorCont button {
	background-color: var(--color-primary);
}

html.blue .errorBg .tit img {
	display: none;
}
/* header */
html.blue #header nav #gnb>li>a span:after {
	background-color: var(--color-primary);
}

html.blue #header nav #gnb>li>a.active {
	color: var(--color-primary);
}

html.blue #header nav #gnb>li:hover>a, html.blue #header nav #gnb>li:hover>a span {
	color: var(--color-primary);
}

html.blue #header nav #gnb li .menuS li:hover a {
	color: var(--color-primary);
}

html.blue #header nav #gnb li .menuS li a:hover {
	color: var(--color-primary);
}

html.blue #header nav #gnb>li:hover, html.blue #header nav #gnb>li:hover .menuS
	{
	background-color: var(--bg-second);
}
html.blue #header nav #gnb li .menuS li a.link:after{
	margin-top:-1px;
}
/* //header */

/* main*/
html.blue .sContTab button .icon{
	background-image:url(../../images/busan/icon/icon_externalLink_tab_blue.svg);
}
html.blue .mainvisualTab {
	background-image: linear-gradient(295deg, rgba(235, 240, 255, 0.6) 20%,rgba(220, 225, 245, 0.4) 80%), url('../../images/busan/mainvisual/bg_tab_wrap_blue.jpg');
	background-color: #e9ebf3;
}

html.blue .tabHeader button[aria-selected="true"] {
	color: var(--color-primary);
}

html.blue .tabHeader button[role="tab"]:focus {
	border: var(--color-primary);
	color: var(--color-primary);
}

html.blue .tabHeader button:nth-child(1)[aria-selected="true"] .icon {
	background-image: url(../../images/busan/icon/icon_tab01_blue_active.svg);
}

html.blue .tabHeader button:nth-child(2)[aria-selected="true"] .icon {
	background-image:  url(../../images/busan/icon/icon_tab02_blue_active.svg);
}

html.blue .tabHeader button:nth-child(3)[aria-selected="true"] .icon {
	background-image: url(../../images/busan/icon/icon_tab03_blue_active.svg);
}

html.blue .tabHeader button:nth-child(4)[aria-selected="true"] .icon {
	background-image: url(../../images/busan/icon/icon_tab04_blue_active.svg);
}

html.blue .data-status {
	background: var(--color-gradient);
}

html.blue .data-status .contents ul li:hover a .txt {
	color: var(--color-second);
}

html.blue .data-status .contents ul li:hover a .num {
	color: var(--color-second);
}

html.blue .data-status .contents ul li.file:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_file_blue_active.svg);
}

html.blue .data-status .contents ul li.api:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_api_blue_active.svg);
}

html.blue .data-status .contents ul li.link:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_link_blue_active.svg);
}

html.blue .data-status .contents ul li.shp:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_shp_blue_active.svg);
}

html.blue .data-status .contents ul li.sheet:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_sheet_blue_active.svg);
}

html.blue .data-status .contents ul li.chart:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_chart_blue_active.svg);
}

html.blue .data-status .contents ul li.map:hover a .icon {
	background-image: url(../../images/busan/icon/icon_data_status_map_blue_active.svg);
}

html.blue .data-search-recent {
	border-color: var(--color-second);
}

html.blue .data-search-recent .recent li:hover {
	background-color: var(--bg-primary);
}

html.blue .input-search::before {
	background: var(--color-circle-gradient);
}

html.blue .input-search .link .link-item:hover {
	color: var(--color-second);
	background: var(--bg-primary);
}

html.blue .data-search .data-tag .tag {
	background: var(--bg-primary);
}

html.blue .data-search .data-tag .tag:hover {
	background: var(--color-gradient);
}

html.blue .public-data-icon ul li:hover {
	background: var(--bg-primary);
}

html.blue .public-data-icon ul li:hover a span {
	color: var(--color-primary);
}

html.blue .public-data-icon ul li.edu:hover a i, html.blue .public-data-icon ul li.edu a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_01.svg);
}

html.blue .public-data-icon ul li.land:hover a i, html.blue .public-data-icon ul li.land a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_02.svg);
}

html.blue .public-data-icon ul li.admin:hover a i, html.blue .public-data-icon ul li.admin a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_03.svg);
}

html.blue .public-data-icon ul li.finance:hover a i, html.blue .public-data-icon ul li.finance a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_04.svg);
}

html.blue .public-data-icon ul li.industry:hover a i, html.blue .public-data-icon ul li.industry a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_05.svg);
}

html.blue .public-data-icon ul li.welfare:hover a i, html.blue .public-data-icon ul li.welfare a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_06.svg);
}

html.blue .public-data-icon ul li.food:hover a i, html.blue .public-data-icon ul li.food a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_07.svg);
}

html.blue .public-data-icon ul li.culture:hover a i, html.blue .public-data-icon ul li.culture a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_08.svg);
}

html.blue .public-data-icon ul li.health:hover a i, html.blue .public-data-icon ul li.health a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_09.svg);
}

html.blue .public-data-icon ul li.safety:hover a i, html.blue .public-data-icon ul li.safety a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_10.svg);
}

html.blue .public-data-icon ul li.traffic:hover a i, html.blue .public-data-icon ul li.traffic a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_11.svg);
}

html.blue .public-data-icon ul li.env:hover a i, html.blue .public-data-icon ul li.env a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_12.svg);
}

html.blue .public-data-icon ul li.science:hover a i, html.blue .public-data-icon ul li.science a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_13.svg);
}

html.blue .public-data-icon ul li.agri:hover a i, html.blue .public-data-icon ul li.agri a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_14.svg);
}

html.blue .public-data-icon ul li.law:hover a i, html.blue .public-data-icon ul li.law a.on i {
	background-image: url(../../images/busan/icon/icon_brmncd_blue_15.svg);
}

html.blue .public-data-icon ul li.security:hover a i, html.blue .public-data-icon ul li.security a.on i	{
	background-image: url(../../images/busan/icon/icon_brmncd_blue_16.svg);
}

html.blue .public-data-icon ul li a.on {
	background-image: url(../../images/busan/icon/icon_public_data_check_blue.svg);
}

html.blue .public-data-icon ul li a.on span {
	color: var(--color-primary);
}

html.blue .news-data .contents {
	background: var(--bg-primary);
}

html.blue .notice .news-data .contents {
	background: transparent;
}

html.blue .news-data .contents .trending-num {
	color: var(--color-white);
	background: var(--color-second);
}

html.blue .news-data .contents .tit .notice {
	background: var(--color-primary);
}

html.blue .news-data .contents .down::after {
	background-image: url(../../images/busan/icon/icon_trending_down_blue2.svg);
	background-size: 8px;
}
html.blue .news-data .contents ul li:hover .num {
	background: var(--color-primary);
}

html.blue .news-data .contents .trending-num.down {
	color: var(--color-second);
	border-color: var(--color-second);
	background-color: transparent;
}

html.blue .news-data .contents ul li:hover .tit span {
	color: var(--color-primary);
}

html.blue .notice .news-data .sub-notice-wrap {
	background: var(--bg-primary);
}

html.blue .notice .news-data .sub-notice .header .title {
	background: var(--color-second);
}

html.blue .banner .swiper-pagination-bullet-active {
	background: var(--color-primary);
}

html.blue .data-service-info .label span {
	border-color: var(--color-second);
	color: var(--color-second);
}

html.blue .data-service-info .label span.etc {
	border-color: var(--color-third);
	color: var(--color-third);
}

html.blue .data-service .contents .swiper .swiper-slide:hover {
	border-color: var(--color-second);
}

html.blue .data-service-item:hover .data-service-info .tit {
	color: var(--color-second);
}
/* //main*/

/* sub */
html.blue .sTitle {
	background-image: url(../../images/busan/common/sTitle_bg_blue.png);
}

html.blue .btnTop {
	border-color: var(--color-second);
}

html.blue .page-sns .snsBtn {
	border-color: var(--color-second);
	background: var(--color-second);
}

html.blue .backListBtn button {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .sContTab {
	background-color: var(--color-second);
}

html.blue .sContTab button.on {
	background-color: var(--color-primary);
}

html.blue .sContTab button.on:hover {
	background-color: var(--color-primary);
}

html.blue .sContTab button:hover {
	background-color: var(--color-second-hover);
}

html.blue .sContTab2.on button {
	transition: backrgound-image .3s;
}

html.blue .sContTab .zoomBtn button {
	background-color: var(--color-fourth);
	border-color: var(--color-fourth);
}

html.blue .sContTab .zoomBtn button:hover {
	background-color: var(--color--second);
	border-color: var(--color-white);
}

html.blue #sContents.search-wrap .inr {
	background-color: var(--bg-second);
}

html.blue .onKdyword-wrap {
	border-color: var(--border-primary);
	background: var(--bg-third);
}

html.blue #sContents .onKdyword .searchInputKey {
	border-color: var(--border-primary);
}

html.blue #sContents .onKdyword>a {
	background: var(--color-second);
	border-color: var(--color-second);
}

html.blue #sContents .searchInput .search {
	border-color: var(--color-second);
}

html.blue #sContents .searchInput .filter-btn-wrap {
	background: var(--color-gradient);
}

html.blue .searchInput .searchWord {
	border-color: var(--color-second);
	box-shadow: var(--color-shadow);
}

html.blue .category {
	background: var(--color-white);
	border-color: var(--color-black);
}

html.blue .category.board {
	max-width: 100%;
	border-radius: 0;
	border-color: #ccc;
}

html.blue .category.board .categoryCont:nth-child(3) {
	width: 28%;
}

html.blue .category.board .categoryCont:last-child {
	width: 19%;
	border-right: 0;
}

html.blue .category.board .categoryCont div {
	height: initial;
}

html.blue .category .categoryCont div::-webkit-scrollbar-thumb {
	background: var(--color-fifth);
}

html.blue .category .categoryCont h5 {
	color: var(--text-label);
}

html.blue .category .categoryCont div button:hover {
	color: var(--color-primary);
}

html.blue .category .categoryCont {
	border-color: var(--bg-primary);
}

html.blue .category .categoryCont div p {
	color: var(--text-label-sub);
}

html.blue .category .categoryCont div button {
	background-image: url(../../images/busan/icon/ico_checkbox02_blue.svg);
}

html.blue .category .categoryCont div button.on {
	background-image: url(../../images/busan/icon/ico_checkboxOn02_blue2.svg);
	color: var(--color-second);
}

html.blue .category .categoryCont:last-child div button:nth-child(3).on	{
	color: var(--color-second);
}

html.blue #sContents .onKdyword button {
	color: var(--color-black);
	border-color: var(--border-primary);
}

html.blue #sContents .onKdyword .searchInputKey span {
	color: var(--color-black);
}

html.blue #sContents .onKdyword button::after {
	width: 14px;
	height: 14px;
	margin-top: 2px;
	background-color: var(--color-gray-50);
	background-size: 9px 9px;
}

html.blue #sContents .searchResult .resultTabs .result {
	background-color: var(--bg-third);
}

html.blue #sContents .searchResult .resultTabs .result>button {
	color: var(--color-gray-50);
	background-color: var(--bg-third);
}

html.blue #sContents .searchResult .resultTabs .result>button.on, 
html.blue #sContents .searchResult .resultTabs .result.range>button.insideOut.on {
	background: var(--color-second);
	color: var(--color-white);
}

html.blue #sContents .searchResult .searchTabs span {
	color: var(--color-primary);
}

html.blue #sContents .searchResult .resultTabs .searchDown {
	color: var(--color-second);
	border-color: var(--color-second);
	background: var(--bg-primary);
}

html.blue #sContents .searchResult .resultList .item {
	border-color: var(--border-primary);
}

html.blue #sContents .searchResult .resultList .item:first-child {
	border-color: var(--border-primary);
}

html.blue #sContents .searchResult .resultList .item:last-child {
	border-color: var(--border-primary);
}

html.blue #sContents .searchResult .resultList .item:hover {
	background: var(--bg-primary);
}

html.blue #sContents .searchResult .resultList .item .downBtn button {
	background-color: var(--bg-primary);
	border-color: var(--bg-primary);
	color: var(--color-second);
}

html.blue #sContents .searchResult .resultList .item .downBtn button:hover
	{
	background: var(--color-second);
	color: var(--color-white);
}

html.blue #sContents .viewMore button {
	background: var(--color-second);
}

html.blue #sContents .searchResult .resultList .item .contTitle div {
	transition: color .3s;
}

html.blue #sContents .searchResult .resultList .item .contTitle:hover div
	{
	color: var(--color-primary);
}

html.blue .noData {
	background-image: url(../../images/busan/icon/ico_noData_blue.png);
	background-color: var(--bg-second);
}

html.blue .dataSetViewTitle span {
	color: var(--color-black);
}

html.blue .dataSetViewSubTitle {
	border-color: var(--border-primary);
}

html.blue .dataSetViewSubTitle span {
	color: var(--color-primary);
}

html.blue .dataSetViewTitle::before {
	background: var(--border-primary);
}

html.blue .dataSetView .titleTable {
	border-color: var(--color-black);
}

html.blue .dataSetView .titleTable tr {
	border-color: var(--color-gray-80);
}

html.blue .dataSetView .titleTable tr th {
	background: var(--bg-primary);
	border-color: var(--color-gray-80);
}

html.blue .dataSetView .dataSetViewList .listTitle li.on a {
	background: var(--color-second);
}

html.blue .dataSetView .dataSetViewList .dataCont>h3>a {
	background-image: url(../../images/busan/icon/ico_dataSetDel_blue.png);
}

html.blue .dataSetView .dataSetViewList .dataCont>h3 {
	border-top-color: var(--border-primary);
	color: var(--color-black);
	background: var(--bg-primary);
}

html.blue .dataSetView .dataSetViewList .dataCont>div table {
	border-color: var(--border-primary);
}

html.blue .dataSetView .dataSetViewList .dataCont>div table tr th {
	background: var(--bg-second);
}

html.blue .dataSetView .quick .quickList {
	border-color: var(--border-primary);
}

html.blue .dataSetView .quick .quickList h5 {
	border-color: var(--border-primary);
}

html.blue .dataSetView .quick .quickList a:hover {
	background-color: var(--bg-primary);
	color: var(--color-primary);
}

html.blue .btnList {
	background-color: var(--color-second);
}

html.blue .btnList:hover {
	background-color: var(--color-second-hover);
}

html.blue .btnC:hover, html.blue .btnC.on {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .sContTab2 {
	background-color: var(--bg-primary);
}

html.blue .sContTab2 button {
	color: var(--text-label);
	transition: color .3s;
}

html.blue .sContTab2 button.on {
	background-color: var(--color-white);
	color: var(--color-primary);
	border-color: var(--color-primary);
}

html.blue .sContTab2 button:hover {
	background-color: var(--bg-primary);
	color: var(--color-primary);
}

html.blue .sContTab2 button.on:hover {
	background-color: var(--color-white);
	color: var(--color-primary);
}

html.blue .sContTab2.dataMapDTabs {
	background-color: var(--color-white);
}

/* html.blue .sContTab2.on button{
	background-color: var(--color-primary);
	color: var(--color-white);
} */

html.blue #sContents .searchResult .resultCard .item {
	border-color: var(--border-primary);
	border-top-color: var(--border-third);
}

html.blue #sContents .searchResult .resultCard .item .contTitle {
	background: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue #sContents .searchResult .resultCard .item .downBtn button {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: var(--bg-primary);
}

html.blue #sContents .searchResult .resultCard .item .downBtn button:hover {
	background-color: var(--color-primary);
}

html.blue #sContents .searchResult .resultWrap.resultCard .item:hover {
	box-shadow: var(--color-shadow);
	border-color: var(--border-second);
}

html.blue #sContents .searchResult .resultCard .item .contTitle:hover div {
	color: var(--color-primary);
}

html.blue #sContents .searchResult .resultCard .item .contTitle:hover {
	border-color: var(--color-primary);
}

html.blue .dataCont>div .opWrap h2 {
	color: var(--color-second);
}

html.blue .dataCont>div .opWrap .opTabWrap ul li.on, 
html.blue .dataCont>div .opWrap .opTabWrap ul li:hover {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .customizedWrap .tabsDep4 button {
	border-color: var(--border-third);
}

html.blue .customizedWrap .tabsDep4 button.on, 
html.blue .customizedWrap .tabsDep4 button:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
	box-shadow: var(--color-shadow);
}

html.blue .customizedWrap .tabsDep4 button.on p, 
html.blue .customizedWrap .tabsDep4 button:hover p {
	color: var(--color-primary);
}

html.blue .txtWrap h2 {
	color: var(--color-second);
}

html.blue .txtWrap .tip, html.blue .txtWrap .introDataNorm, 
html.blue .txtWrap .dataRequestStep div,	
html.blue .txtWrap .dataErrorProcedure {
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .txtWrap .tip a {
	background-color: var(--color-primary);
}

html.blue .txtWrap .introDataNorm ul li {
	color: var(--color-second);
	box-shadow: var(--color-shadow);
}

html.blue .txtWrap .introDataNorm02 ul li span {
	color: var(--text-label);
}

html.blue .txtWrap .dataRequestStep div strong i {
	color: var(--color-second);
	border-color: var(--border-primary);
}

html.blue .new_btn_register .btnLink, html.blue .btnArea .btnClear {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .btnArea .btnDep {
	border-color: var(--color-second);
	color: var(--color-second);
}

html.blue .btnArea .btnDep img {
	margin-top: 2px;
}

html.blue .new_btn_register .btnLink:hover, 
html.blue .btnArea .btnClear:hover {
	background-color: var(--color-second-hover);
}

html.blue .new_btn_register .btnLink:active {
	background-color: var(--color-second-hover);
}

html.blue .new_btn_register .btnLink:nth-child(2) {
	border-color: var(--color-second);
	color: var(--color-second);
	background-color: var(--color-white);
}

html.blue .new_btn_register .btnLink:nth-child(2):before {
	background-image: url(../../images/busan/icon/icon_btn_resister_second_blue.svg);
}

html.blue .new_btn_register .btnLink:nth-child(2):hover {
	background-color: var(--bg-primary);
}

html.blue .new_btn_register .btnLink:nth-child(2):active {
	background-color: var(--color-second);
}

html.blue .txtWrap .dataErrorTit {
	border-color: var(--border-primary);
}

html.blue .txtWrap .dataErrorCategory a {
	border-color: var(--border-primary);
}

html.blue .txtWrap .dataErrorCategory a:hover {
	color: var(--color-primary);
	box-shadow: var(--color-shadow);
	border-color: var(--color-primary);
}

html.blue .tabsDep3 button {
	border-color: var(--border-primary);
	color: var(--text-label);
	transition: none;
}

html.blue .tabsDep3 button.on {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	color: var(--color-white);
}

html.blue .tabsDep3 button:hover {
	color: var(--color-primary);
	background-color: var(--color-white);
	border-color: var(--color-primary);
}

html.blue .tabsDep3 button.on:hover {
	border-color: var(--color-primary);
	background-color: var(--color-primary);
	color: var(--color-white);
}

html.blue .tabsDep3 button.on::before {
	border-color: var(--color-primary) transparent transparent transparent;
}

html.blue .titTopTooltip {
	border-color: var(--color-primary);
}

html.blue .titTopTooltip .board_area .lineList .thead tr th {
	text-align: center;
}

html.blue .infoTxt>div li.point, html.blue .infoTxt span.point {
	color: var(--color-third);
}

html.blue .visualDataCont ul li>a .photo {
	border-color: var(--border-primary);
}

html.blue .visualDataCont ul li:hover>a .photo {
	box-shadow: var(--color-shadow);
	border-color: var(--color-primary);
}

html.blue .citizenWrap>.citizenList>li {
	border-color: var(--border-primary);
}

html.blue .citizenWrap>.citizenList>li:hover {
	border-color: var(--color-primary);
	box-shadow: var(--color-shadow);
}

html.blue .citizenWrap>.citizenList>li>a {
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .citizenWrap>.citizenList>li>a:hover {
	border-color: var(--color-primary);
}

html.blue .citizenWrap>.citizenList>li>a:hover div {
	color: var(--color-primary);
}

html.blue .lineListWrap.viewList .lineList tr th {
	background-color: var(--bg-primary);
}

html.blue .citizenViewCont h3 {
	color: var(--color-primary);
}

html.blue .addressCleaningWrap {
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .fileSave, html.blue .btnClear {
	border-color: var(--color-second);
	background-color: var(--color-second);
}

html.blue .dataAnalysisTitle .dATBtn {
	background-color: var(--color-second);
}

html.blue .fileSave:hover, 
html.blue .btnClear:hover, 
html.blue .dataAnalysisTitle .dATBtn:hover 	{
	border-color: var(--color-second-hover);
	background-color: var(--color-second-hover);
}

html.blue .dataAnalysisTitle .dATBtn02 {
	background-color: var(--color-white);
	border: 1px solid var(--color-second);
	color: var(--color-second);
}

html.blue .dataAnalysisTitle .dATBtn02:hover {
	background-color: var(--bg-primary);
}

html.blue .dataAnalysisTitle {
	border-color: var(--border-primary);
}

html.blue .dataAnalysisTitle h1>span {
	color: var(--color-primary);
}

html.blue .dataAnalysisTitle h1>span::before {
	background-color: var(--color-primary);
}

html.blue .popWrap h3 {
	background-color: var(--color-second);
}

html.blue .popWrap h3>span.searchDeep {
	color: var(--bg-primary);
}

html.blue .popSearchBtn {
	background-color: var(--color-second);
}

html.blue .searchTitle {
	color: var(--color-second);
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .searchTitle::before {
	background-color: var(--color-second);
}

html.blue .citizenViewTit .icoWrap button {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

html.blue .citizenViewTit .icoWrap button:hover {
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}

html.blue .citizenViewTit.dataBusinessViewTit ul li:last-child h5, 
html.blue #sContents .searchResult .resultCard .item.searchItem .shopSum {
	color: var(--color-primary);
}

html.blue #sContents .searchResult .resultCard .item.searchItem .icoShop a.like.on,
html.blue #sContents .searchResult .resultList .item.searchItem .icoShop a.like.on {
	background-image: url(../../images/busan/icon/ico_likeOn_blue.svg);
	border-color: var(--color-second);
}

html.blue #sContents .searchResult .resultCard .item.searchItem .icoShop a:hover {
	border-color: var(--color-primary);
}

html.blue .commentWrap li.commentWrite {
	border-color: var(--color-second);
}

html.blue .commentWrap li .commentBtn .btn {
	background-color: var(--color-second);
}

html.blue .citizenViewTit, html.blue .citizenViewTit .listVisual {
	border-color: var(--border-primary);
}

html.blue .citizenViewTit.new .icoWrap .btnC {
	border-color: var(--color-second);
	background-color: var(--color-second);
}

html.blue .citizenViewTit.new .icoWrap .btnC:hover {
	border-color: var(--color-second-hover);
	background-color: var(--color-second-hover);
}

html.blue .citizenViewTit.new .icoWrap .like {
	border-color: var(--border-primary);
}

html.blue .pagination .paging>li>button:hover, 
html.blue .pagination .paging>li>button.on {
	border-color: var(--color-primary);
}

html.blue #sContents .searchResult .cusDataReqVendorDetailSlide .slick-dots li.slick-active button {
	background-color: var(--color-primary);
}

html.blue .txtWrap .aiWrap .aiWrapTip li {
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .txtWrap .aiWrap .aiWrapTip li>span {
	background-image: url(../../images/busan/icon/ico_warning2_blue.png);
}

html.blue .txtWrap.dataBusinessWrap .aiWrap .aiWrapTip li>span {
	color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .overallStatusWrap .dataCurMap {
	box-shadow: var(--color-shadow);
}

html.blue .dataMapDep3::-webkit-scrollbar-thumb {
	background-color: var(--color-fifth);
}

html.blue .dataMapDep3::-webkit-scrollbar-track {
	border-color: var(--color-primary);
}

html.blue .sContTab2.dataMapDTabs button.on {
	background-color: var(--color-second);
	border-color: var(--color-second);
	color: var(--color-white);
}

html.blue .sContTab2.dataMapDTabs button.on:hover {
	color: var(--color-white);
}

html.blue .dataSetView .chartTabContWrap {
	border-color: var(--color-second);
	box-shadow: var(--color-shadow);
}

html.blue .bT2px {
	border-color: var(--color-second) !important;
}

html.blue .overallStatusWrap>ul>li .chartBtnC .chartBtnBusan.on {
	background-color: var(--color-primary);
}

html.blue .tui-grid-row-hover>.tui-grid-cell, html.blue .tui-grid-table tr:hover,
html.blue #grid .tui-grid-table tr:hover, html.blue #grid .tui-grid-table tr:hover td,
html.blue #grid .tui-grid-row-hover>.tui-grid-cell {
	background-color: var(--bg-primary) !important;
}

html.blue .overallStatusWrap>ul>li .overallStatusContChart {
	box-shadow: var(--color-shadow);
}

html.blue .sContTab .new_window {
	background-color: transparent;
	border-color: var(--color-white);
}

html.blue .viewGdWrap ul li div {
	border-color: var(--border-primary);
}
html.blue .viewGdWrap ul li div h5{
	transition:color .3s;
}
html.blue .viewGdWrap ul li div:hover, .viewGdWrap ul li.on div {
	box-shadow: var(--color-shadow);
}
html.blue .viewGdWrap ul li div:hover h5 {
	color: var(--color-primary);
}
html.blue .statWrap .statBanner .bannerItem {
	border-color: var(--border-primary);
	box-shadow: var(--color-shadow);
}

html.blue .statWrap .statBanner .bannerItem .slick-list .slick-track .post h1 {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .statWrap .statBanner .slick-dots li.slick-active button {
	background-color: var(--color-primary);
}

html.blue .statWrap .statCont div.statIndicatar div a {
	border-color: var(--border-primary);
	background: var(--bg-primary);
}

html.blue .statWrap .statCont div.statLink a {
	border-color: var(--border-primary);
	background-image: url(../../images/busan/icon/link_icon_blue.png);
}

html.blue .statWrap .statCont div.statLink a:hover {
	color: var(--color-primary);
	box-shadow: var(--color-shadow);
	background-image: url(../../images/busan/icon/linkOn02_icon_blue.png);
}

html.blue .statWrap .statBoard>div .statList {
	border-color: var(--border-primary);
}

html.blue .statWrap .statBoard>div .statList:hover {
	box-shadow: var(--color-shadow);
}

html.blue .statWrap .statBoard>div .statList a span.recent {
	background-image: url(../../images/busan/icon/ico_mRankNew_blue.png);
}

html.blue .statWrap .statBoard>div .statList a .statListTxt {
	transition: color .3s;
}

html.blue .statWrap .statBoard>div .statList a:hover .statListTxt {
	color: var(--color-primary);
}

html.blue .indicator {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .indicator .indicatarCont .indiList {
	border-color: var(--border-primary);
}

html.blue .indicator .indicatarCont .indiList:hover {
	border-color: var(--border-primary);
	box-shadow: var(--color-shadow);
}

html.blue .indiList h3 {
	color: var(--color-primary);
}

html.blue .busan_haru_wrap .haru_box ul li {
	border-color: var(--border-primary);
}

html.blue .busan_haru_wrap .haru_box ul li a .hru_tit {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .busan_haru_wrap .haru_box ul li a>i {
	border-color: var(--border-primary);
}

html.blue .busan_haru_wrap .haru_box ul li:hover {
	border-color: var(--border-primary);
	box-shadow: var(--color-shadow);
}

html.blue .busan_haru_wrap .haru_box ul li:hover a .hru_tit {
	border-color: var(--border-primary);
	color: var(--color-primary);
}

html.blue .busan_haru_wrap .haru_box ul li a .num>span:first-child {
	color: var(--color-primary);
}

html.blue .regional_stat .num {
	color: #5ac6ff;
}

html.blue .statRptTit .sRCategory {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .statRptTit .sRCategory div button {
	border-color: var(--border-primary);
}

html.blue .statRptTit .sRCategory div button:hover {
	border-color: var(--color-second);
	color: var(--color-second);
}

html.blue .statRptTit .sRCategory div button.on {
	color: var(--color-second);
	border-color: var(--color-primary);
	background-color: var(--bg-fourth);
}

html.blue .description button {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .description button:hover {
	background-color: var(--color-second-hover);
}

html.blue .cont_area .cont .depth0 li div, html.blue .cont_area .cont .depth1 li div,
html.blue .cont_area .cont .depth2 li div, html.blue .cont_area .cont .depth3 li div,
html.blue .cont_area .cont .depth4 li div, html.blue .cont_area .cont .depth5 li div,
html.blue .cont_area .cont .depth6 li div, html.blue .cont_area .cont .depth7 li div,
html.blue .cont_area .cont .depth8 li div {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .cont_area .cont .depth0 li div.active, html.blue .cont_area .cont .depth1 li div.active,
html.blue .cont_area .cont .depth2 li div.active, html.blue .cont_area .cont .depth3 li div.active,
html.blue .cont_area .cont .depth4 li div.active, html.blue .cont_area .cont .depth5 li div.active,
html.blue .cont_area .cont .depth6 li div.active, html.blue .cont_area .cont .depth7 li div.active,
html.blue .cont_area .cont .depth8 li div.active {
	background-color: var(--bg-fourth);
	color: var(--color-primary);
}

html.blue .board_area .tui-grid-table tr:hover td, 
html.blue #gridRelatedLinkList .tui-grid-table tr:hover td {
	background-color: var(--bg-primary) !important;
}

html.blue .board_area .lineListView .tbody tr th {
	background-color: var(--bg-primary);
}

html.blue .radio_box span label {
	background-image: url(../../images/busan/icon/icon_checkbox_blue.png);
}

html.blue .radio_box input[type="radio"]:checked+label {
	background-image: url(../../images/busan/icon/icon_checkboxOn_blue.png);
}

html.blue .stat_box:before, html.blue .stat_box ul li:before {
	background: var(--color-primary) !important;
}

html.blue .menu_click .m_tab {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue #view_container ul.m_tab li.active {
	box-shadow: none;
}

html.blue .menu_click .m_tab li.active a {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: var(--bg-fourth);
	box-shadow: none;
}

html.blue .Term .tit {
	border-color: var(--border-primary);
	border-top-color: var(--color-primary);
}

html.blue .Term .tit p {
	color: var(--color-black);
}

html.blue .txtWrap .introDataWhat, html.blue .txtWrap .introDataOpen {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .txtWrap .introDataWhat ul li {
	box-shadow: var(--color-shadow);
}

html.blue .txtWrap .introDataOpen a {
	box-shadow: var(--color-shadow);
	border: 1px solid transparent;
}

html.blue .txtWrap .introDataOpen a:hover {
	color: var(--color-primary);
	border-color: var(--color-primary);
}

html.blue .sContTitle {
	color: var(--color-second);
}

html.blue .board_area .noticeTitInfo {
	border-right: 1px solid var(--border-primary);
	border-left: 1px solid var(--border-primary);
}

html.blue .board_area .noticeCont.modifyNoticeCont {
	border-color: var(--border-primary);
}

html.blue .boardViewTitle::before {
	background: var(--color-second);
}

html.blue .faqWrap>ul>li>a {
	border-color: var(--border-primary);
	background-color: var(--bg-primary);
}

html.blue .faqWrap>ul>li>a i {
	border-color: var(--color-second);
	color: var(--color-second);
}

html.blue .faqWrap>ul>li>a:hover, html.blue .faqWrap ul li a.on {
	color: var(--color-second);
}

html.blue .loginWrap {
	border-color: var(--border-primary);
	box-shadow: var(--color-shadow);
}

html.blue .loginWrap>h1 {
	color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .loginWrap .btnWrapLogin {
	background-color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .loginWrap .btnWrapLogin:hover {
	background-color: var(--color-second-hover);
	border-color: var(--color-second-hover);
}

html.blue .myPageTit {
	background-color: var(--bg-primary);
	border-color: var(--border-primary);
}

html.blue .myPageTit>a {
	border-color: var(--color-second);
}

html.blue .myPageTit>a>span {
	color: var(--color-second);
}

html.blue .myPageCount ul h2 {
	color: var(--color-black);
}

html.blue .myPageCount ul li span {
	color: var(--color-primary);
}

html.blue .myPageCont>ul>li>a {
	border-color: var(--border-primary);
	border-top-color: var(--color-primary);
}

html.blue .usrAplyBtnList button {
	border-color: var(--color-primary);
}

html.blue .usrAplyBtnList button.on {
	background-color: var(--color-primary);
}

html.blue .oderHistory {
	background-color: var(--bg-second);
}

html.blue #sContents .searchResult .cartListCheck input[type="checkbox"]+label {
	color: var(--color-black);
}

html.blue #sContents .searchResult .resultList .item.searchItem .shopSum {
	color: var(--color-second);
}

html.blue #sContents .searchResult .resultList .item.cartListItem .icoShop a.buy {
	background: var(--color-primary);
}

html.blue #sContents .searchResult .resultList .item.cartListItem .icoShop a.buy:hover {
	background: var(--color-primary-hover);
}

html.blue #sContents .searchResult .cartListResult {
	border-color: var(--color-primary);
}

html.blue #sContents .searchResult .cartListResult h3 {
	color: var(--color-primary);
}

html.blue #sContents .searchResult .cartListResult button {
	background: var(--color-primary);
}

html.blue #sContents .searchResult .cartListResult button:hover {
	background: var(--color-primary-hover);
}

html.blue #sContents .searchResult .cartListCheck input[type="checkbox"]:checked+label,
html.blue #sContents .searchResult .resultList .item.cartListItem .cartListCheck input[type="checkbox"]:checked+label {
	background-image: url(../../images/busan/icon/checkboxOn_cartListIcon_blue.png)
}

html.blue #sContents .searchResult .resultList.dMResult .item .downBtn button.pay {
	background: var(--color-primary);
	color: var(--color-white);
}

html.blue #sContents .searchResult .resultList .item .bookmark.on, 
html.blue #sContents .searchResult .resultCard .item .bookmark.on,
html.blue .dataSetViewTitle span .bookmark.on, html.blue .bookmark.on {
	background-image: url('../../images/busan/icon/ico_bookmarkOn_blue.svg');
}

html.blue #sContents .searchResult .resultTabs .searchStyle .card {
	background-image: url(../../images/busan/icon/ico_searchResultCard_blue.png);
}

html.blue #sContents .searchResult .resultTabs .searchStyle .card.on {
	background-image: url(../../images/busan/icon/ico_searchResultCardOn_blue.png);
}

html.blue #sContents .searchResult .resultTabs .searchStyle .list {
	background-image: url(../../images/busan/icon/ico_searchResultList_blue.png);
}

html.blue #sContents .searchResult .resultTabs .searchStyle .list.on {
	background-image: url(../../images/busan/icon/ico_searchResultListOn_blue.png);
}

html.blue .infoTxt>div li.infoTxtBlue {
	color: var(--color-third);
}
html.blue .backB {
	background-color: var(--color-white) !important;
}

html.blue .check .checkmark::after {
	background-color: var(--bg-fourth) !important;
}

html.blue .check input:checked ~ .checkmark .checkTxt {
	color: var(--color-primary) !important;
}

html.blue .check input:checked ~ .checkmark::after {
	border: 1px solid var(--color-primary);
}

html.blue .infoTooltip .tooltipTxt {
	border-color: var(--color-primary) !important;
	color: var(--color-primary) !important;
}

html.blue .iss_box .iss_box_top {
	background-image: url(../../images/busan/icon/ico_date_blue.png);
}

html.blue .ctgr_01 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_all_off_blue.png);
}

html.blue .ctgr_02 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_economy_off_blue.png);
}

html.blue .ctgr_03 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_global_off_blue.png);
}

html.blue .ctgr_04 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_culture_off_blue.png);
}

html.blue .ctgr_05 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_society_off_blue.png);
}

html.blue .ctgr_06 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_sports_off_blue.png);
}

html.blue .ctgr_07 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_politics_off_blue.png);
}

html.blue .ctgr_08 {
	background-image: url(../../images/busan/dataanls/ico_ctgr_it_off_blue.png);
}

html.blue .ctgr_01.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_all_on.png);
}

html.blue .ctgr_02.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_economy_on.png);
}

html.blue .ctgr_03.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_global_on.png);
}

html.blue .ctgr_04.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_culture_on.png);
}

html.blue .ctgr_05.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_society_on.png);
}

html.blue .ctgr_06.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_sports_on.png);
}

html.blue .ctgr_07.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_politics_on.png);
}

html.blue .ctgr_08.active {
	background-image: url(../../images/busan/dataanls/ico_ctgr_it_on.png);
}

html.blue .iss_box_con dt::before, html.blue .iss_box_con2 dt::before {
	background-image: url(../../images/busan/icon/btn_arrow_circle_blue.png.png);
}

html.blue .citizenViewTit.new .icoWrap .like:hover, 
html.blue .citizenViewTit.new .icoWrap .basket:hover {
	border-color: var(--color-primary);
}

html.blue .qualreqRegistVisual {
	border-color: var(--border-primary);
}

html.blue .trendTit h2, html.blue .detailTxt .dt_tit {
	color: var(--color-second);
}

html.blue .txt_origin {
	color: var(--color-third);
}

html.blue .box_top_tit h4 {
	color: #575757;
}

html.blue .tcb_card_con {
	background-color: var(--color-second);
}

html.blue .tcb_card_con .card_con_tit {
	color: var(--color-second);
	background-color: var(--color-white);
}

html.blue .tcb_card_con p {
	color: var(--bg-fourth);
}

html.blue .tcb_card_list .top_num {
	background-color: var(--color-second);
}

html.blue .total_con_btm h3 {
	color: var(--color-second);
}

html.blue .media_tab.active, html.blue .mediaAnalysis button.active,
html.blue .news_con_tab button.active {
	background-color: var(--color-second);
}

html.blue .highcharts-container text[Attributes] {
	fill: var(--color-primary);
}

html.blue .weekReport_con li span, html.blue .section_keyword h3 span {
	color: var(--color-primary);
}

html.blue .btn_purple_line, html.blue .btn_men_all {
	color: var(--color-fifth);
	border-color: var(--color-fifth);
}

html.blue .btn_men_all:hover {
	color: var(--color-white);
	background-color: var(--color-fifth);
	border: 1px solid var(--color-fifth);
}

html.blue .btn_purple_line:hover {
	color: var(--color-white);
	background-color: var(--color-fifth);
	border-color: var(--color-fifth);
	background-color: var(--color-fifth);
}

html.blue .btn_purple_line.active {
	color: var(--color-white);
	background-color: var(--color-fifth);
}

html.blue .tcb_card_con p::-webkit-scrollbar-thumb {
	background-color: var(--color-primary);
}

html.blue .tcb_card_con p::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-primary-hover);
}

html.blue .tcb_card_con p::-webkit-scrollbar-track {
	background-color: var(--color-primary);
}

html.blue .dataSetViewPop.dataSetView .dataSetViewList .dataCont .lineListWrap .titleTable	{
	border-top-color: 2px solid var(--color-black);
	border-bottom-color: 2px solid var(--color-black);
}

html.blue .dataSetViewPop.dataSetView .dataSetViewList .dataCont .lineListWrap .titleTable tr th {
	background-color: var(--bg-primary);
}

html.blue #sContents .searchInput .topTypoCorrection {
	border-color: var(--color-fourth);
}

html.blue #sContents .searchInput .topTypoCorrection .topTypoCorrectionCont::-webkit-scrollbar-thumb {
	background-color: var(--color-fifth);
}

html.blue #sContents .searchResult .resultList .item>.bookmark {
	background-size: 20px 24px;
}

html.blue .siteMapWrap>li {
	border-color: var(--color-second);
}

html.blue .siteMapWrap>li>a>span {
	color: var(--color-second);
}

html.blue .txtWrap h2::after {
	color: var(--color-second);
}

html.blue .txtWrap .introDataOpen a:hover {
	background-image: url(../../images/busan/icon/link_blue.png);
}
html.blue #map .ck_wrap .ck_tit .list>.storInfoPop{
	background-color:var(--color-primary);
}
html.blue input[type="checkbox"] + label{
	background-image:url(../../images/busan/icon/icon_map_checkbox_blue.png);
}
html.blue input[type="checkbox"]:checked + label{
	background-image:url(../../images/busan/icon/icon_map_checkbox_on_blue.png);
}
html.blue .dataSetView .star-rating :checked ~ label,
html.blue .dataSetView .star-rating label:hover,
html.blue .dataSetView .star-rating label:hover ~ label {
	-webkit-text-fill-color: #0086CD;
	-webkit-text-stroke-color: #0086CD;
}

html.blue .dataSetView .star-rating-update :checked ~ label,
html.blue .dataSetView .star-rating-update label:hover,
html.blue .dataSetView .star-rating-update label:hover ~ label {
	-webkit-text-fill-color: #0086CD;
	-webkit-text-stroke-color: #0086CD;
}
html.blue .leftMenu.hotPlace{
	background-color:var(--bg-primary) !important;;
}
/* //sub */

/* style_p.css */
html.blue .table_style_cen tr:hover {
	background-color: var(--bg-primary);
}

html.blue .table_style_cen th {
	background-color: var(--bg-primary);
	color: var(--color-fourth);
}

html.blue .table_style_cen td {
	color: var(--text-label);
}

html.blue .tabBtn {
	color: var(--text-label);
}

html.blue .box_g {
	background: var(--bg-primary) !important;
}

html.blue .box_g_tit .smh3 {
	color: var(--color-second) !important;
}

html.blue .box_g_con {
	border-color: var(--border-primary) !important;
}

html.blue .box_g_con:hover, html.blue .box_g_con2:hover {
	box-shadow: var(--color-shadow) !important;
}

html.blue .rankList_con h5 {
	background: var(--bg-primary) !important;
}

html.blue .rank_con .rank_num {
	background: var(--color-fifth) !important;
}

html.blue .mbr_top h2 {
	background: var(--color-second) !important;
}

html.blue .con_list li {
	color: var(--color-second) !important;
}

html.blue .infoTxt {
	border-color: var(--border-primary) !important;
}

html.blue .topBox_g {
	background: var(--bg-primary) !important;
}

html.blue .topBox_g_top h4 {
	color: var(--color-second) !important;
}

html.blue .box_g_con {
	border-color: var(--border-primary) !important;
}

html.blue .box_top_tit h4 span.txt_pur16 {
	color: var(--color-primary) !important;
}

html.blue .card_R_top, html.blue .bmc_txt .txt_L {
	background: var(--bg-primary) !important;
}

html.blue .bmc_txt .txt_L span {
	color: var(--color-primary);
}

html.blue .btn_s_search {
	background: var(--color-primary) !important;
}

html.blue .mbr_out_top h2 {
	background: var(--color-second) !important;
}

html.blue .chantbl h5 {
	background: var(--color-second) !important;
}

html.blue .table_style th, html.blue .table_sm_style th, html.blue .tdColor2 td
	{
	color: var(--color-fourth) !important;
	background-color: var(--bg-primary) !important;
}

html.blue .tabBtn {
	padding: 4px 10px !important;
}

html.blue .tabBtn.active {
	color: var(--color-white);
	background-color: var(--color-primary) !important;
	box-shadow: var(--color-shadow) !important;
	background-color: var(--color-primary) !important;
}

html.blue .tabList label {
	border-bottom-color: var(--color-second) !important;
}

html.blue input[id=tab1]:checked ~ .tabList label[for=tab1], 
html.blue input[id=tab2]:checked ~ .tabList label[for=tab2], 
html.blue input[id=tab3]:checked ~ .tabList label[for=tab3] {
	background-color: var(--color-second) !important;
}

html.blue .list h2 {
	color: var(--color-second) !important;
}

html.blue .searchBar {
	border-color: var(--color-second) !important;
}

html.blue input[id=chkBtn1]:checked ~ .newsBtnList label[for=chkBtn1],
html.blue input[id=chkBtn2]:checked ~ .newsBtnList label[for=chkBtn2],
html.blue input[id=chkBtn3]:checked ~ .newsBtnList label[for=chkBtn3],
html.blue input[id=chkBtn1]:checked ~ .btnList label[for=chkBtn1],
html.blue input[id=chkBtn2]:checked ~ .btnList label[for=chkBtn2], 
html.blue input[id=chkBtn3]:checked ~ .btnList label[for=chkBtn3], 
html.blue input[id=chkBtn4]:checked ~ .btnList label[for=chkBtn4], 
html.blue input[id=chkBtn5]:checked ~ .btnList label[for=chkBtn5], 
html.blue input[id=chkBtn6]:checked ~ .btnList label[for=chkBtn6], 
html.blue .ctgrBtn.active, html.blue input[id=fishBtn1]:checked ~ .btnList label[for=fishBtn1], 
html.blue input[id=fishBtn2]:checked ~ .btnList label[for=fishBtn2], 
html.blue input[id=fishBtn3]:checked ~ .btnList label[for=fishBtn3], 
html.blue input[id=fishBtn4]:checked ~ .btnList label[for=fishBtn4], 
html.blue input[id=fishBtn5]:checked ~ .btnList label[for=fishBtn5], 
html.blue input[id=seaBtn1]:checked ~ .btnList label[for=seaBtn1], 
html.blue input[id=seaBtn2]:checked ~ .btnList label[for=seaBtn2], 
html.blue input[id=seaBtn3]:checked ~ .btnList label[for=seaBtn3], 
html.blue input[id=seaBtn4]:checked ~ .btnList label[for=seaBtn4] {
	background-color: var(--color-second) !important;
}

html.blue .searchBtn button, html.blue .btnSearch .btnColor_purple {
	background-color: var(--color-second) !important;
}

html.blue .iss_box, html.blue .issueTop10 .top10Box.active {
	border-color: var(--color-second) !important;
}

html.blue .issueTop10 .top10Box.active li {
	transition: all .3s;
}

html.blue .issueTop10 .top10Box.active li.on {
	border-color: var(--bg-primary) !important;
	color: var(--color-second) !important;
	background-color: var(--bg-primary) !important;
}

html.blue .issueTop10 .top10Box.active li:hover {
	border-color: var(--bg-primary) !important;
	background-color: var(--bg-primary) !important;
}

html.blue .box_g_con, html.blue .box_g_con2 {
	border-color: var(--border-primary) !important;
}

html.blue .box_g_con dt a, html.blue .box_g_r_txt a {
	color: var(--color-second) !important;
}

html.blue .newsBox dt a {
	color: var(--color-second) !important;
}

html.blue .tui-pagination .tui-is-selected, html.blue .tui-pagination strong,
html.blue .tui-pagination .tui-first-child.tui-is-selected {
	border-color: var(--color-second) !important;
	background: var(--color-second) !important;
}

html.blue .iss_box .iss_box_top {
	color: var(--color-second) !important;
}

html.blue .iss_box_con dl:hover, 
html.blue .iss_box_con dl.on, html.blue .iss_box_con2 dl.on	{
	background-color: var(--bg-primary) !important;
}

html.blue .iss_news_link .linkTxt .linkTit, html.blue .iss_news_link .linkTxt,
html.blue .iss_more a, html.blue .box_g_r_txt p {
	color: var(--color-third) !important;
}

html.blue .ctgr_bg_g {
	background: var(--bg-primary) !important;
}

html.blue .searchBar .selectBox {
	border-color: var(--color-fifth) !important;
	background-color: var(--bg-primary) !important;
}

html.blue .ctgrBtn_ico, html.blue .ctgr_01 {
	border-color: var(--color-fifth) !important;
	background-color: var(--bg-primary) !important;
	color: var(--color-second) !important;
}

html.blue .ctgrBtn_ico span {
	color: var(--color-second);
}

html.blue .ctgrBtn_ico.active, html.blue .ctgr_01.active {
	color: var(--color-white) !important;
	background-color: var(--color-second) !important;
	box-shadow: var(--color-shadow) !important;
	background-color: var(--color-second) !important;
}

html.blue .ctgrBtn_ico.active span {
	color: var(--color-white) !important;
}

html.blue .ctgrBtn_ico:hover {
	box-shadow: var(--color-shadow) !important;
}

html.blue .category_section::after {
	background-color: var(--color-white) !important;
}

html.blue .keynChart .graph p span, html.blue .selectedKeyword span {
	color: var(--color-second) !important;
}

html.blue .keynChart .keyList .listTxt dl.active {
	border-color: var(--color-primary) !important;
}

html.blue .boxGray {
	background-color: var(--bg-primary) !important;
}

html.blue .market_sect01 .resultTxt dl.active {
	border-color: var(--color-second) !important;
	box-shadow: var(--color-shadow) !important;
}

html.blue .selectResult div dl {
	background-color: var(--bg-primary) !important;
}

html.blue .box20 {
	border-color: var(--color-fifth) !important;
}

html.blue .box20:hover {
	box-shadow: var(--color-shadow) !important;
}

html.blue .issueTxt>div .issueNews .listNews dd a {
	color: var(--color-second) !important;
}

html.blue #gridList .tui-grid-row-hover>.tui-grid-cell, 
html.blue #gridList .tui-grid-table tr:hover {
	background: var(--bg-primary) !important;
}

html.blue .selectBox {
	background-color: var(--bg-primary) !important;
	border-color: var(--border-primary) !important;
}

html.blue .tabVisualWrap>.aSTabVisual, 
html.blue .aSWrap>ul li .visualTit,
html.blue .aSWrap>ul li .numCont, 
html.blue .manager_guide {
	background: var(--bg-primary) !important;
	border-color: var(--border-primary) !important;
}

html.blue .tabVisualWrap>.aSTabVisual:hover {
	color: var(--color-second);
	border-color: var(--color-second);
}

html.blue .aSWrap>ul li .numCont p {
	border-color: var(--border-primary) !important;
}

html.blue .cBlue {
	color: var(--color-second) !important;
}

html.blue .manager_guide .icon {
	background-color: var(--color-second);
}

html.blue .manager_guide .tit {
	color: var(--color-second);
}

html.blue .cont_area .cont .depth0 li div, 
html.blue .cont_area .cont .depth1 li div,
html.blue .cont_area .cont .depth2 li div, 
html.blue .cont_area .cont .depth3 li div,
html.blue .cont_area .cont .depth4 li div, 
html.blue .cont_area .cont .depth5 li div, 
html.blue .cont_area .cont .depth6 li div,
html.blue .cont_area .cont .depth7 li div, 
html.blue .cont_area .cont .depth8 li div {
	background-image: url(../../images/busan/icon/ico_report_blue.png);
}

html.blue .cont_area .cont .depth0 li div.active, 
html.blue .cont_area .cont .depth1 li div.active,
html.blue .cont_area .cont .depth2 li div.active, 
html.blue .cont_area .cont .depth3 li div.active,
html.blue .cont_area .cont .depth4 li div.active, 
html.blue .cont_area .cont .depth5 li div.active,
html.blue .cont_area .cont .depth6 li div.active, 
html.blue .cont_area .cont .depth7 li div.active,
html.blue .cont_area .cont .depth8 li div.active, 
html.blue .cont_area .cont ul li div:hover {
	background-image: url(../../images/busan/icon/ico_reportOn_blue.png);
}

html.blue .smTit {
	color: var(--color-second);
}

html.blue .com {
	background-image: url(../../images/busan/dataanls/ico_sm_comprehensive.svg);
}
html.blue .com_box_top .top_txt > div h3{
	color:var(--color-primary);
}

html.blue .btnColor_purple {
	background-color: var(--color-second) !important;
}

html.blue .selected_txt>div p,
html.blue .selected_txt>div span, 
html.blue .com_top_tit h2 {
	color: var(--color-second);
}

/* mypage */
html.blue .sContTab.myTab button span {
	display: block;
	border: 0;
	opacity: .7;
	color: var(--color-white);
	font-weight: 400;
	font-size: 18px;
	position: relative;
	left: initial;
	top: initial;
	padding-right: 4px;
}

/* //style_p.css */
@media all and (min-width: 1920px) {
	#sContents {
		min-height: calc(100vh - 560px);
	}
	#sContents.min {
		min-height: calc(100vh - 480px);
	}
}

@media all and (max-width:1280px) {
	html.blue #header .util ul li.sitemap {
		background: var(--color-primary);
	}
	html.blue #header nav:before {
		background: var(--color-gradient);
	}
	html.blue .tabsDep3::-webkit-scrollbar-thumb {
		background: var(--color-second);
	}
}

@media all and (max-width:767px) {
	html.blue .sContTab::after {
		background: linear-gradient(90deg, rgba(0, 134, 205, 0.00) 0%, rgb(1 77 161/ 50%) 29.58%, #014da1 53.5%);
	}
	html.blue .sContTab2.on {
		border-color: var(--color-second);
	}
	html.blue .loginWrap {
		box-shadow: none;
	}
	html.blue .sContTab2Wrap {
		height: 70px;
	}
	html.blue .customizedWrap .tabsDep4, html.blue #sContents .searchInput.single
		{
		margin-top: 0;
	}
	html.blue .public-data-icon ul li {
		background-color: var(--bg-primary);
	}
	html.blue .sContTab.myTab button span {
		font-size: 16px;
	}
	html.blue .board_area .searchWrap .boardSearch {
		border-color: var(--border-primary);
		background-color: var(--bg-second);
	}
	html.blue .board_area .searchWrap {
		margin-top: 0;
	}
	html.blue .sContTab2.on button.on {
		background-image: url(../../images/busan/icon/select_icon_active.png);
	}
	html.blue .aSWrap ul li .btnArea {
		display: flex;
		gap: 4px;
	}
	html.blue .aSWrap>ul li .btnArea>button {
		min-width: initial;
	}
	html.blue .searchInput .searchWord .lately ul li a {
		display: inline-flex;
		width: 80%;
		line-height: 1.25;
	}
}

@media all and (max-width:440px) {
	html.blue .aSWrap>ul li .btnArea>button {
		height: 66px;
		line-height: 1.25;
	}
}