@charset "utf-8";

@media print {
  .print-only { display: inline-block;}
}
@media screen {
  .print-only { display: none; }
}

img {
	display: inline;
}

pre {
	font-family:Roboto, sans-serif;
	font-size: 1.0em;
	letter-spacing: -0.06em;
	color: #232327;
}
.font03em {
	font-size: 0.3em !important;
}
.font04em {
	font-size: 0.4em !important;
}
.font05em {
	font-size: 0.5em !important;
}
.font055em {
	font-size: 0.55em !important;
}
.font06em {
	font-size: 0.6em !important;
}
.font065em {
	font-size: 0.65em !important;
}
.font07em {
	font-size: 0.7em !important;
}
.font075em {
	font-size: 0.75em !important;
}
.font084em {
	font-size: 0.84em !important;
}
.font08em {
	font-size: 0.8em !important;
}
.font085em {
	font-size: 0.85em !important;
}
.font09em {
	font-size: 0.9em !important;
}
.font095em {
	font-size: 0.95em !important;
}
.font1em {
	font-size: 1em !important;
}
.font11em {
	font-size: 1.1em !important;
}
.font12em {
	font-size: 1.2em !important;
}
.font13em {
	font-size: 1.3em !important;
}
.font14em {
	font-size: 1.4em !important;
}
.font15em {
	font-size: 1.5em !important;
}
.font16em {
	font-size: 1.6em !important;
}
.font17em {
	font-size: 1.7em !important;
}
.font18em {
	font-size: 1.8em !important;
}
.font19em {
	font-size: 1.9em !important;
}
.font2em {
	font-size: 2em !important;
}
.font21em {
	font-size: 2.1em !important;
}
.font22em {
	font-size: 2.2em !important;
}
.font25em {
	font-size: 2.5em !important;
}
.font27em {
	font-size: 2.7em !important;
}
.font3em {
	font-size: 3em !important;
}

/* Blur 효과 스타일 */
.blur {
    filter: blur(2px); /* 흐릿한 정도 설정 (단위: px) */
    -webkit-filter: blur(2px); /* 웹킷 브라우저 지원 */
    transition: filter 0.3s ease; /* 효과 전환 시 애니메이션 */
}

.shadow {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}

span.inherit {
	all: inherit !important;
}

.gray {
	color: gray;
	font-weight: inherit !important;
}

.middle-gray {
	color: #adb5bd;
	font-weight: inherit !important;
}

.light-gray {
	color: #dedede;
	font-weight: inherit !important;
}

.show {
	display:block;
}
.hide {
	display:none !important;
}

.mbz-green {
	color: #80c038;
	font-weight: inherit !important;
}
.mbz-darkbrown {
	color: #A5775F;
	font-weight: inherit !important;
} 

.italic {
	font-style: italic  !important;

}
.orange {
	color: #EF7613;
	font-weight: inherit !important;
}
.darkorange {
	color: #d5690f;
	font-weight: inherit !important;
}
.white {
	color: #fff;
	font-weight: inherit !important;
}
.dark {
	color: #000;
	font-weight: inherit !important;
}
.light-green {
	color: #5bef20;
	font-weight: inherit !important;
}
.blue {
	color: #0d6efd;
	font-weight: inherit !important;
}
.light-blue {
	color: #6489F2 !important;
	font-weight: inherit !important;
}
.red {
	color: red;
	font-weight: inherit !important;
}
.underline {
	text-decoration: none !important;
	/* box-shadow: inset 0 -2px 0 #EF7613; */
    border-bottom: 4px solid #EF7613;
}
.underline-dotted {
	text-decoration: none !important;
	/* box-shadow: inset 0 -2px 0 #EF7613; */
    border-bottom: 4px dotted #EF7613;
}
.underline-dashed {
	text-decoration: none !important;
	/* box-shadow: inset 0 -2px 0 #EF7613; */
    border-bottom: 3px dashed #EF7613;
}
.strong {
	font-weight: 700 !important;
}


.naver {
	color: #03c75a !important;
}

.bg_naver {
	background-color: #03c75a !important;
}

.bg_kakao {
	background-color: #fae100 !important;
}
.kakao {
	color: #fae100 !important;
}

.bg_yahoo {
	background-color: #9863ef !important;
}
.yahoo {
	color: #9863ef !important;
}


.btn-marketbz {
    /* width: 64px; */
    width: 50px;
    height: 50px;
    font-weight: 900;
    font-size: 1.85rem;
    padding: 0;
    /* transform: scaleX(0.8); */ /* 0.8로 좁히기 */
    /* display: inline-block; */ /* transform이 제대로 적용되려면 필요 */
}

table td.two-column {
    line-height: 1.1;
    text-align:left;
}

table td.two-column .main {
    display: block;
}

span.badge > span
, span.badge > a > span
, table td.two-column .sub .badge > span{
	/*font-weight:500;
	color: #a0a0a9;*/
	border: 1.5px solid #9f9f9f;
	border-radius: 8px!important;
	padding:1px 3px 1px 0px!important;
	margin-left: 0.2rem;
	margin-top: 0.1rem;
	font-size: .933em!important;
	display: inline-block!important;
	cursor: pointer!important;
}
span.badge.mbzbadge {
	text-align: left!important;
    white-space: wrap!important;
    border:0!important;
}

span.badge > span.active, 
span.badge > a > span.active, 
table td.two-column .sub .badge > span.active {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0%, 100% {
        opacity: 1; /* 완전히 보임 */
    }
    50% {
        opacity: 0.2; /* 반투명 */
    }
}

table td.two-column .middle-main {
    display: block;
    font-weight: 400;
    font-size: .933em;
    color: #EF7613;
}

table td.two-column .plus {
    color: blue;
}

table td.two-column .minus {
    color: #D01414;
}


table td.two-column .mzbadge > * {
    color: #ee9b00;
}

table td.two-column .mzbadge > span {
    float:left;
    margin: 5px 7px 6px 0px;
}

table td.two-column .mzbadge > span > img {
    color: #c0c0c0;
    width: 12px;
    height: 12px;
}

.BG0021 {
	color: #6610f2;
}

span.flat {
	color:#000;
	font-size: 0.633em;
	margin-left: 5px;
	vertical-align: bottom;
}

span.plus {
	color: #D01414;
    font-size: 0.633em;
    margin-left: 5px;
    vertical-align: bottom;
}

span.minus {
	color : blue;
	font-size: 0.633em;
	margin-left: 5px;
	vertical-align: bottom;
}

span.num {
	font-size: 1.033em;
	color: #6489F2;
    font-weight: 300;
}

div.main_company_detail {
	margin-top: 5px;
}
div.border_bottom{
	border-bottom: 1px solid #c4c4c4;
	/* padding-top: 25px; */
}

.company-detail.companyname{
	/*color : #232327;*/
	font-size: 1.7em;
    font-weight: 700!important;
    letter-spacing: .0125em;
    line-height: 2rem;
    word-break: break-all;
}
.search-list-group.companyname{
	/*color : #232327;*/
	font-size: 1.4em;
    font-weight: 500!important;
    letter-spacing: .0125em;
    line-height: 2rem;
    word-break: break-all;
}
.search-list-group.productname{
	/*color : #232327;*/
	font-size: 1.0em;
    font-weight: 500!important;
    letter-spacing: .0125em;
    line-height: 2rem;
    word-break: break-all;
}
.search-list-group.rppnnm{
	/* color : #9f9f9f; */
	font-size: 1em;
	font-weight: 500!important;
	margin-left: 5px!important;
	vertical-align : baseline!important;
}
.search-list-group.bstt{
	font-size: 0.65em;
	color : #fff;
	border-radius: 6px;
	padding: 2px;
	font-weight: 500!important;
	margin-left: 10px!important;
	vertical-align : middle!important;
}
.search-list-group.srmmAddr{
	display: block;
	margin-left: 5px;
}
.search-list-group.timestamp {
	color : #9f9f9f;
	font-size: 1em;
}
.search-list-group.bstt.normal{
	background-color: #6489F2;
}
.search-list-group.bstt.closeddown{
	background-color: #f00f14;
}
.search-list-group.bstt.closed{
	background-color: #f3e163;
}
.search-list-group.bstt.unregistered{
	background-color: #474747;
}

/*
 * 말풍선
 */
.mbz.icon {
    position: relative;
}
.mbz.icon span{
	word-wrap: break-word !important;
    position: absolute;  /*어떤 요소에 absolute를 주면 블럭요소는 inline으로 변경됨.*/
    background-color: #000;
    /* width: 200px; */
    color : #fff;
    top : -50px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    left: 50%;                    /*중앙배치 : 왼쪽에서 50%위치*/
    transform: translateX(-50%);  /*중앙배치 : X크기값을 50%만큼 이동*/
    opacity: 0;                   /*이벤트설정 : 서서히 변하게 함*/
    transition: 0.5s;             /*어떤 변화가 요청되면 0.5초뒤에 일어나자.*/
    visibility: hidden;          /*특정 요소 접촉시 이벤트 발생*/

}
.mbz.icon span:after {
    content : '';             /*가상클래스 before, after는 무조건 content가 있어야 작동*/
    position: absolute;       /*상위클래스icon이 relative이므로, absolute로 설정하여 동적페이지에도 같은 위치로 유지*/
    background-color:#000;
    width : 10px;
    height: 10px;
    transform: rotate(45deg) translateX(-50%);  /*transform은 한 요소에 1번밖에 못쓰므로 합쳐줘야함*/
    bottom: -5px;
    left: 50%;                                  /*1. 왼쪽에서 50%위치에 둔다.*/
                                                /*2. 크기값을 50%만큼 이동시켜준다.->항상 중앙에 위치하게됨*/

}
.mbz.icon:hover span{
    opacity: 1;
    visibility: visible;     /*hover시 발생하는 이벤트*/

}
.mbz.container {
    text-align : center;     /*글자 중앙 정렬*/
    display: flex;           /*가로로 일렬 배치*/
    justify-content: center; /*수평 중앙*/
    align-items: center;     /*수직 중앙 -> container의 높이값이 있어야 적용됨*/
    /* height : 100vh;  */
    cursor: pointer;
}
.mbz.icon img {
	vertical-align: top;
}

img.mbz_company_ico {
	max-width: 20px;
	width: 20px !important;
	height: 20px !important;
	border-radius: 10px;
	margin-right: 5px;
}

em.badge_search_button, em.badge_detail_button {
    padding: .4rem .8rem;
    background-color: #ff0707;
    border-radius: 50px;
    color: #fff;
    letter-spacing: 0;
    font-size: .8rem;
    font-weight: 500;
    position: fixed;
    z-index: 99999;
    /* left: 62%;
    bottom: 46%; */
    margin-left: -60px; /* 툴팁 박스가 마우스 위치에 적당히 놓이도록 */
}
em.badge_search_button::before, em.badge_detail_button::before {
    content:"";
    display: block;
    width: 5px;
    height: 5px;
    border: 5px solid #ff0707;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    bottom:-6px;
    left:50%;
    transform: translate(-50%, 0) rotate(90deg);
}

.pagination.mobile{
	padding: 4px;
    border: 1px solid #fd7e14;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}

.search-list-group.companyname.real-search {
	font-size: 1.1em;
}
.search-list-group.rppnnm.real-search {
	font-size: 0.8em;
}
.search-list-group.srmmAddr.real-search {
	font-size: 0.9em;
}
.search-list-group.timestamp.real-search {
	font-size: 0.8em;
	font-style: italic;
}
.policy {
	font-size: 0.6rem!important;
}
.hands {
    cursor:pointer;
}
div.lastUpdate {
    /* text-align: right; */
	font-size: 0.91em;
	/* font-style: italic; */
	color: #808080;
}

.rolling_placeholer::placeholder {
    font-size: 0.78em;
	font-style: italic;
}


/* 툴팁의 배경색을 빨간색으로 변경 */
.tooltip-inner {
	text-align: left;
	font-size: 0.9em;
	font-weight: 600;
	background-color: #0085c5;
}
.tooltip-arrow::before {
	border-top-color: #0085c5 !important;
}

.OzN1ud .VCmZ8.kdYqFe {
    color: #9e9e9e;
}

.rZ7UQ {
    color: rgb(249,171,0);
    padding-left: 5px;
}

.google-material-icons {
    font-family: 'Google Material Icons';
    font-weight: 500;
    font-style: normal;
    font-size: 29px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.FZD9xd.q9VV1b {
    background-color: #0b8043;
}
.FZD9xd {
    border-radius: 2px;
    display: inline-block;
    height: 4px;
    width: 12px;
}
.qL2dyd {
    display: inline-block;
}
.dzkZrb {
    margin: 4px 0 4px 6px;
}

.company-round-header-icon {
    width: 35px; /* 원하는 크기로 설정 */
    height: 35px; /* 원하는 크기로 설정 */
    border-radius: 50%; /* 이미지를 원형으로 만듬 */
    object-fit: contain; /* 이미지 비율 유지 */
    vertical-align: top;
    /* margin-left: 0.3rem; */
    background-color: #fff;
    border: 2px solid #fd7e14;
}
.company-round-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: contain;
    vertical-align: top;
    margin-left: 0.3rem;
    background-color: #fff;
    border: 2px solid #fd7e14;
}

.sls_chart{
	vertical-align: middle !important;
	margin-left: 0.3rem;
	/* background-color: #fcf1e1; */
}

.number-animation {
  font-size: 48px;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  width: 100px;
  margin: 100px auto;
  transition: all 0.5s ease-in-out;
}

.all-pop-anchor {
  position: fixed;
  top: 72px; /* 상단 메뉴 바 바로 아래 위치 */
  width: 100%; /* 너비 반응형으로 설정 */
  left: 50%;
  transform: translateX(-50%); /* 중앙 정렬 */
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  padding: 5px;
  display: none; /* 처음에는 숨김 */
  z-index: 1100;
  font-size: .867em;
  font-weight: 600;
}

.result .iframe-visual-update {
    z-index: 1;
}

.result-iframe {
    border: 0;
    background: var(--cp-color-1);
    color-scheme: normal;
    width: 100%;
    height: 280px;
    position: absolute;
    top: 72px;
    left: 0;
    z-index: 1;
}

.page-navi img {
	cursor: pointer;
}

.btn-mbz-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-mbz-toggle:focus,
.btn-mbz-toggle.focus,
.btn-mbz-toggle:focus.active,
.btn-mbz-toggle.focus.active {
  outline: none;
}
.btn-mbz-toggle:before,
.btn-mbz-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-mbz-toggle:before {
  content: 'Off';
  left: -4rem;
}
.btn-mbz-toggle:after {
  content: 'On';
  right: -4rem;
  opacity: 0.5;
}
.btn-mbz-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-mbz-toggle.active {
  transition: background-color 0.25s;
}
.btn-mbz-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-mbz-toggle.active:before {
  opacity: 0.5;
}
.btn-mbz-toggle.active:after {
  opacity: 1;
}
.btn-mbz-toggle.btn-xs:before,
.btn-mbz-toggle.btn-xs:after {
  display: none;
}
.btn-mbz-toggle:before,
.btn-mbz-toggle:after {
  color: #6b7381;
}
.btn-mbz-toggle.active {
  background-color: #29b5a8;
}
.btn-mbz-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-mbz-toggle.btn-xs:focus,
.btn-mbz-toggle.btn-xs.focus,
.btn-mbz-toggle.btn-xs:focus.active,
.btn-mbz-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-mbz-toggle.btn-xs:before,
.btn-mbz-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-mbz-toggle.btn-xs:before {
  content: 'Off';
  left: 0;
}
.btn-mbz-toggle.btn-xs:after {
  content: 'On';
  right: 0;
  opacity: 0.5;
}
.btn-mbz-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-mbz-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-mbz-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-mbz-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.btn-mbz-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-mbz-toggle.btn-xs.btn-xs:before,
.btn-mbz-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-mbz-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-mbz-toggle.btn-secondary:before,
.btn-mbz-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-mbz-toggle.btn-secondary.active {
  background-color: #ff8300;
}

 .openstreetmap-custom-marker span {
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 배경색 */
    position: relative;
}
.openstreetmap-custom-marker span::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0, 0, 0, 0.5); /* 반투명 배경색 */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.mbz-refresh-button {
   width: 30px;
   height: 30px;
   border: none;
   background-color: #fd7e14;
   color: #fff !important;
   vertical-align: middle;
   font-size: 18px;
   text-align: center;
   font-weight: 900;
   border-radius: 50%;
   cursor: pointer;
   transition: transform 0.3s ease-in-out;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
 }

 .mbz-refresh-button.rotating {
   animation: rotate-refresh-button 1s linear infinite;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
 }

 @keyframes rotate-refresh-button {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
 
 .mbz_refresh_btn {
  display: flex;
  justify-content: center;
  height: 30px;
}
.mbz_refresh_btn .circle {
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 10px;
  box-shadow: 0px 1px 1px 1px #eee;
}
.mbz_refresh_btn .circle.blue {
  background-color: #17abd3;
}
.mbz_refresh_btn .circle.purple {
  background-color: #b14297;
}
.mbz_refresh_btn .circle.pink {
  background-color: #d92060;
}
.mbz_refresh_btn .circle.red {
  background-color: #f25622;
}
.mbz_refresh_btn .circle.yellow {
  background-color: #ffd062;
}
.mbz_refresh_btn .circle:nth-child(1) {
  -webkit-animation: refresh 1s 0.05s 1 forwards;
          animation: refresh 1s 0.05s 1 forwards;
}
.mbz_refresh_btn .circle:nth-child(2) {
  -webkit-animation: refresh 1s 0.1s 1 forwards;
          animation: refresh 1s 0.1s 1 forwards;
}
.mbz_refresh_btn .circle:nth-child(3) {
  -webkit-animation: refresh 1s 0.15s 1 forwards;
          animation: refresh 1s 0.15s 1 forwards;
}
.mbz_refresh_btn .circle:nth-child(4) {
  -webkit-animation: refresh 1s 0.2s 1 forwards;
          animation: refresh 1s 0.2s 1 forwards;
}
.mbz_refresh_btn .circle:nth-child(5) {
  -webkit-animation: refresh 1s 0.25s 1 forwards;
          animation: refresh 1s 0.25s 1 forwards;
}
.list .item {
  width: 180px;
  height: 50px;
  margin: 10px;
  border-radius: 10px;
  background-color: #d9d9da;
}
.list .item:nth-child(1) {
  -webkit-animation: mbz-refresh-move1 3s 1 ease;
          animation: mbz-refresh-move1 3s 1 ease;
}
.list .item:nth-child(2) {
  -webkit-animation: mbz-refresh-move2 3s 1 ease;
          animation: mbz-refresh-move2 3s 1 ease;
}
.list .item:nth-child(3) {
  -webkit-animation: mbz-refresh-move3 3s 1 ease;
          animation: mbz-refresh-move3 3s 1 ease;
}
@-webkit-keyframes refresh {
  0% {
    height: 18px;
    transform: translateY(0);
  }
  10% {
    transform: translateY(20px);
  }
  30%, 50% {
    height: 10px;
    transform: translateY(20px);
  }
  20%, 40% {
    height: 10px;
    transform: translateY(10px);
  }
  60% {
    transform: translateY(0px);
    opacity: 1;
  }
  68%, 100% {
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes refresh {
  0% {
    height: 18px;
    transform: translateY(0);
  }
  10% {
    transform: translateY(20px);
  }
  30%, 50% {
    height: 10px;
    transform: translateY(20px);
  }
  20%, 40% {
    height: 10px;
    transform: translateY(10px);
  }
  60% {
    transform: translateY(0px);
    opacity: 1;
  }
  68%, 100% {
    transform: translateY(0);
    opacity: 0;
  }
}
@-webkit-keyframes mbz-refresh-move1 {
  4% {
    transform: translateY(0);
  }
  14%, 66% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}
@keyframes mbz-refresh-move1 {
  4% {
    transform: translateY(0);
  }
  14%, 66% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes mbz-refresh-move2 {
  2% {
    transform: translateY(0);
  }
  12%, 68% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}
@keyframes mbz-refresh-move2 {
  2% {
    transform: translateY(0);
  }
  12%, 68% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes mbz-refresh-move3 {
  0% {
    transform: translateY(0);
  }
  10%, 70% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}
@keyframes mbz-refresh-move3 {
  0% {
    transform: translateY(0);
  }
  10%, 70% {
    transform: translateY(30px);
  }
  80%, 100% {
    transform: translateY(0);
  }
}

.bar {
  float: left;
  width: 15px;
  height: 6px;
  border-radius: 2px;
  background-color: #4b9cdb;
}

.mbz-load-wrapp-1 {
  /* height: 100px; */
  border-radius: 5px;
  text-align: center;
}


.mbz-load-wrapp-1:last-child {
  margin-right: 0;
}

.load-10 .bar {
  animation: loadingJ 2s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
.load-10 .comment {
  
  /* height: 8px; */
  letter-spacing: -.01em;
  margin-left: 6px;
  color: #80c038;
  font-weight: inherit !important;
  font-size: 0.8em !important;
  font-style: italic  !important;
}

@keyframes loadingJ {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(80px, 0);
    background-color: #f5634a;
    width: 25px;
  }
}

.mbz-green-light {
    background-color: #6489F2;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}
.mbz-yellow-light {
    background-color: #f3e163;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}
.mbz-red-light {
    background-color: #f00f14;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}

section .container {
	margin-top: 60px;
	font-family: "Lato", "Arial", "Verdana", sans-serif;
}

.mbz-memb-header-container__counter {
	font-size: 1.5em;
	color: #233750;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.mbz-memb-container__counter {
	background-color: #e9edf1;
	font-size: 1.3em;
	height: 180px;
	border-radius: 8px;
	color: #233750;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.mbz-memb-container__counter total {
	font-size: 0.9em;
}
.mbz-memb-icon {
	font-size: 1.8em;
	color: #fd7e14;
}

.mbz-memb-header-counter {
	letter-spacing: 0.5px;
	font-weight: 900;
	font-size: 1.7em;
}

.mbz-memb-count {
	letter-spacing: 0.5px;
	font-weight: 900;
	font-size: 1.1em;
	/* height : 18px; */
}

/* .mbz-memb-category {
	font-weight: 500;
	font-size: .8em;
	height : 18px;
} */

.mbz-ico {
	vertical-align: initial;
}

.mbz-user-info-left {
    border: 2px dashed #ff6347;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    transition: transform 0.3s;
    margin: 5px;
}

.mbz-user-info-left p:first-of-type {
    font-size: 0.9em;
    font-weight: 600;
    margin-left: 10px;
    margin-top: -.1em;
    margin-bottom: 10px;
}
.mbz-user-info-left i {
	margin-left: 10px;
	margin-right: 10px;
}

.mbz-inte-right-textarea {
	width: 250px;
}

.mbz-inte-textarea {
	font-size: 0.85em; /* 폰트 크기 설정 (작게) */
	overflow-x: hidden; /* 가로 스크롤 잠금 */
	overflow-y: auto; /* 세로 스크롤 활성화 */
    resize: none; /* 크기 조절 비활성화 */
    border: 1px solid #ccc; /* 테두리 */
    padding: 10px; /* 패딩 */
    transition: width 0.3s, background-color 0.3s; /* 배경색 전환 효과 */
    white-space: nowrap; /* 줄 바꿈 방지 */
}

@keyframes mbz-shake-left {
    0% { transform: translate(-2px, -2px); }
    25% { transform: translate(-4px, -2px); }
    50% { transform: translate(-2px, 0); }
    75% { transform: translate(-4px, 2px); }
    100% { transform: translate(0, 0); }
}

@keyframes mbz-shake-right {
    0% { transform: translate(2px, -2px); }
    25% { transform: translate(4px, -2px); }
    50% { transform: translate(2px, 0); }
    75% { transform: translate(4px, 2px); }
    100% { transform: translate(0, 0); }
}

.mbz-shake-left {
    animation: mbz-shake-left 0.4s ease forwards; /* 지속 시간을 줄임 */
}

.mbz-shake-right {
    animation: mbz-shake-right 0.4s ease forwards; /* 지속 시간을 줄임 */
}

.cart-button-icon.fa.fa-minus,
.cart-button-icon.fa.fa-close {
	width:14px;
	height:16px;
}

.mbz-click-ticker-body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 20px; /* 틱커 간의 간격 */
    column-gap: 30px; /* 틱커 간의 간격 */
    /* margin-left: 35px; */
    padding-bottom: 20px;
}
.mbz-click-ticker {
    width: 90%; /* 너비 조정 */
    height: 60px; /* 높이 조정 */
    overflow: hidden;
    /* background-image: linear-gradient(0deg, rgba(153, 153, 153, 0.37) 7%, #ffffff 34%, #ffffff 50%, rgba(153, 153, 153, 0.51) 190%); */
    position: relative;
    box-shadow: inset 0 0 1px 0px #f1efef;
    margin: 0 auto;
}
.mbz-click-ticker:after {
    content: "\A";
    display: block;
    position: absolute;
    top: 56%;
    left: 0;
    border: 5px solid #F86060;
    z-index: 20;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-width: 5px;
}
.mbz-click-ticker .mbz-ticks {
    width: 100%; /* 너비를 100%로 설정 */
    border-left: 3px solid #71ADC9;
    line-height: 20px; /* 줄 높이 조정 (50% 감소) */
    display: block;
    font-size: 0.65em; /* 폰트 크기 조정 */
    margin: 0 auto;
    text-align: left; /* 텍스트 왼쪽 정렬 */
    color: #d2cdcd;
}
.mbz-click-ticker .mbz-tick {
    float: none; /* float 제거 */
    color: #71ADC9;
}
.mbz-click-ticker .mbz-click-ticker-wrapper {
    bottom: -280%; /* 최하위 항목이 보이도록 초기 위치 설정 */
    position: relative;
    opacity: 0;
	padding-inline-start: 18px !important;
}
.mbz-click-ticker .mbz-click-ticker-wrapper.animate {
    transition: all 0.6s ease-in-out;
    opacity: 1;
}
.mbz-highlight { /* 강조 표시할 클래스 추가 */
	font-size: 0.9em !important; /* 폰트 크기 조정 */
    font-weight: bold !important;
    color: #28a745 !important;
}
.mbz-highlight-upper {
	font-size: 0.9em !important;
	font-weight: bold !important;
	color: #dc3545 !important; /* 강조 색상: 빨간색 */
}
.mbz-highlight-upper_bound_3per {
	font-size: 0.9em !important;
	font-weight: bold !important;
	color: #ffc107 !important; /* 강조 색상: 밝은주황색 */
}
.mbz-highlight-lower_bound_3per {
	font-size: 0.9em !important;
	font-weight: bold !important;
	color: #1bcef1 !important; /* 강조 색상:  밝은하능색 */
}
.mbz-highlight-lower {
	font-size: 0.9em !important;
	font-weight: bold !important;
	color: #2f70ec !important; /* 강조 색상: 파란색*/
}
.mbz-click-ticker-title {
	min-width: 95px;
	font-size: 0.9em;
	color: #232327;
	font-weight: bold !important;
}
.mbz-click-ticker-frame {
	width: 100%;
    background-color: #f8fafb;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

/*기업개요 메인 테이블css*/
.mbz-table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    table-layout: auto;
}
.mbz-th, .mbz-td, .mbz-order-th, .mbz-order-td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative;
    word-break: break-word;
    transition: background-color 0.3s ease;
}
.mbz-th, .mbz-order-th {
    background-color: #c15432;
    color: #f5dada;
    font-size: 0.86em;
    font-weight: 600;
    text-transform: uppercase;
}
.mbz-td, .mbz-order-td {
	font-size: 0.89em;
}
.mbz-td:hover, .mbz-order-td:hover {
    background-color: #f0f0f0;
}
/*기업개요 메인탭 테이블css*/
.mbz-tab-th, .mbz-tab-td,
.mbz-tab-wrop-th, .mbz-tab-wrop-td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative;
    word-break: break-word;
    transition: background-color 0.3s ease;
}
.mbz-tab-th,
.mbz-tab-wrop-th {
    background-color: #c15432bf;
    color: #f5dada;
    font-size: 0.86em;
    font-weight: 600;
    text-transform: uppercase;
}
.mbz-tab-td,
.mbz-tab-wrop-td {
	font-size: 0.89em;
}
.mbz-tab-td:hover,
.mbz-tab-wrop-td:hover {
    background-color: #f0f0f0;
}
/*팝업 테이블css*/
.mbz-pop-th, .mbz-pop-td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    position: relative;
    word-break: break-word;
    transition: background-color 0.3s ease;
}
.mbz-pop-th {
    background-color: #c15432;
    color: #fff;
    font-size: 0.86em;
    font-weight: 600;
    text-transform: uppercase;
}
.mbz-pop-td {
	font-size: 0.89em;
}
.mbz-pop-td:hover {
    background-color: #f0f0f0;
}




.mbz-icon {
    margin-left: 10px;
    cursor: pointer;
    color: #f3af99;
    transition: color 0.3s;
}
.mbz-icon:hover {
    color: #f6fb29;
}
.hovered {
	color: #f6fb29;
}
.crossed {
    text-decoration: line-through;
    color: #999;
}

.mbz-sample-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.3); /* 흐릿한 회색 배경 */
    display: flex;
    justify-content: center; /* 수평 가운데 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    color: #FF0000; /* 텍스트 색상 */
    font-size: 18px; /* 텍스트 크기 */
    font-style: italic; /* 이탤릭체 */
    z-index: 2; /* 차트 위에 표시 */
    border-radius: 10px;
}

.blinking {
    animation: blink-animation 1.5s steps(5, start) infinite;
    -webkit-animation: blink-animation 1.5s steps(5, start) infinite; /* Safari */
}

@keyframes blink-animation {
    0%, 100% {
        opacity: 1; /* 완전히 보임 */
    }
    50% {
        opacity: 0.3; /* 완전히 사라짐 */
    }
}

/******* tag *******/
.tagCom_kospi {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #ef9a87;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.tagCom_kospi_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #9fd9b4;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}

.tagCom_kosdaq {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #b55df2;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_kosdaq_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #9de7ea;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_konex {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #0092cb;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_konex_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #a5c5ff;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_etc {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #8cba51;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_etc_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #e2c0fa;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_ir {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #ff9fbc;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_ir_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #fbc5d5;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_gong {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #00c1ff;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_gong_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #81f0fb;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_jung {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #d8a76b;
    color: #fff;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_jung_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #ebd2b4;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_chul_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #fbb79e;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_yeon_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #d8e9b4;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.tagCom_chae_other {
    margin: 2px 4px 0px 4px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid rgba(0,0,0,0.3);
    background: #c6e1ff;
    color: #222;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.mbz-badge-rank {
	position: relative;
	display: inline-block;
	background: #facc15;
	color: #c15432;
	font-weight: bold;
	font-size: 0.72rem;
	padding: 1px 7px;
	border-radius: 9999px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	animation: mbz-badge-rank-bounce 1s infinite;
	z-index: 10;
}

@keyframes mbz-badge-rank-bounce {
  0%, 100% { transform: translateY(0); }
  50% {	transform: translateY(-4px); }
}

.search-suggestions {
  margin-top: 20px;
  padding: 16px;
  background-color: #f7f9fc;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
  font-size: 0.95em; /* 전체 폰트 사이즈 조정 */
}

.search-suggestions li {
  list-style: none;
  padding: 8px 0;
  font-size: 0.95em;  /* 개별 항목도 조금 작게 */
  color: #333;
  border-bottom: 1px solid #e0e6ef;
  position: relative;
  padding-left: 22px;
}

.search-suggestions li:last-child {
  border-bottom: none;
}

.search-suggestions li::before {
  content: "💡";
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 1em;
}

@media (max-width: 768px) {
  .search-suggestions {
    font-size: 0.85em;
  }

  .search-suggestions li {
    font-size: 0.9em;
  }
}