CINXE.COM

<script> function msieversion() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) { // If Internet Explorer, return version number window.location.href = '/main_ie.circle'; } return false; } msieversion(); </script><!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta name="google-site-verification" content="parqLeIjCa1cpsrM1BE2e5tUeFVFKZ3zw6X-aiCnAhc" /> <meta name="naver-site-verification" content="46df0f6fe67fc5bacbcaecdb35e4ceacc7a2b353" />  <title>써클차트 - CIRCLE CHART, 글로벌 케이팝(K-pop) 음악차트</title> <meta name="description" content="써클차트는 국내 및 글로벌 음악 서비스 플랫폼의 K-pop 데이터를 정식 공급받는 대한민국의 음악차트 입니다." />  <meta property="og:url" content="https://circlechart.kr"> <meta property="og:type" content="website"> <meta property="og:title" content="CIRCLE CHART - 써클차트"> <meta property="og:description" content="New Circular Wave."> <meta property="og:image" content="">  <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="circlechart.kr"> <meta property="twitter:url" content="https://circlechart.kr"> <meta name="twitter:title" content="CIRCLE CHART - 써클차트"> <meta name="twitter:description" content="New Circular Wave."> <meta name="twitter:image" content="">  <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"/> <link rel="manifest" href="/assets/favicon/site.webmanifest"/> <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5"/> <link rel="shortcut icon" href="/assets/favicon/favicon.ico"/> <meta name="msapplication-TileColor" content="#da532c"/> <meta name="msapplication-config" content="/assets/favicon/browserconfig.xml"/> <meta name="theme-color" content="#ffffff"/>  <link href="/assets/global.css?230102" rel="stylesheet" type="text/css"/> <link href="/assets/daisyui@2.2.2.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="/assets/utils/splide-3.6.12/css/splide.min.css">  <script src="/assets/jquery-3.6.0.min.js"></script> <script src="/assets/tailwindcss_3.0.23.js"></script> <script src="/assets/utils/splide-3.6.12/js/splide.min.js"></script>  <script src="/assets/global.js"></script> <style> @media (min-width: 768px) { html { background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(/assets/img/bg_bottom.jpg) no-repeat center 100% scroll; background-size: 100% 2600px; } } a{text-decoration:none; color:white} </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-8RMK7SGEGF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8RMK7SGEGF'); </script>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-142125298-3', 'auto', 'mycelebs'); ga('mycelebs.send','pageview'); </script> </head> <body> <div class="flex justify-center">   <main class="md:hidden w-full">  <section class="mo_top_fixdiv">  <a href="/"> <div class="mo_top_logo"> <img src="/assets/img/pc_logo.png"> </div> </a> <div onclick="HandlerOpenNavSlideMO();" class="mo_top_menu_btn"> <svg class="w-8 h-8" fill="black" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg> </div>  <nav id="mo_nav_slide" class="bg-white overflow-scroll">  <aside class="p-4 bg_comm_content2 h-[8rem]"> <div class="w-1/2" onclick="HandlerOpenNavSlideMO();"> <svg class="w-8 h-8" fill="white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> </div> <div class="text-center" style="margin-top: 20px;"> <a href="/page_session/login.circle"> <div class="mo_logbtn badge bg-black text-[11px] cursor-pointer mr-3">LOGIN</div> </a>  </div> </aside>  <aside id="mo_nav_menu" class="p-4 mt-4"> <ul class="text-right"> <li> <div class="mo_nav_txt_primary" onclick="HandlerOpenNavSubMO('mo_nav_chart');">CHART</div> <section class="mo_nav_fixed_txt_sub" > <a href="/page_chart/global.circle?termGbn=day"><div>Global K-pop Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=ALL"><div>Digital Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1040"><div>Streaming Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1020"><div>Download Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1060"><div>BGM Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S4010"><div>V Coloring Chart</div></a> <a href="/page_chart/album.circle"><div>Album Chart</div></a> <a href="/page_chart/retail.circle?termGbn=hour"><div>Retail Album Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S3010"><div>Singing Room Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S2020"><div>Bell Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S2040"><div>Ring Chart</div></a> <a href="/page_chart/social.circle"><div>Social Chart 2.0</div></a> </section> </li> <li> <div class="mo_nav_txt_primary" onclick="HandlerOpenNavSubMO('mo_nav_certification');">CERTIFICATION</div> <section class="mo_nav_txt_sub" id="mo_nav_certification"> <a href="/page_cert/page.circle"><div>Certification</div></a> <a href="/page_cert/chart.circle?serviceGbn=ALBUM"><div>Album</div></a> <a href="/page_cert/chart.circle?serviceGbn=S1020"><div>Download</div></a> <a href="/page_cert/chart.circle?serviceGbn=S1040"><div>Streaming</div></a> <a href="/page_cert/choice.circle"><div>CIRCLE’s Choice</div></a> </section> </li> <li> <div class="mo_nav_txt_primary" onclick="HandlerOpenNavSubMO('mo_nav_news');">NEWS</div> <section class="mo_nav_txt_sub" id="mo_nav_news"> <a href="/page_article/news_main.circle"><div>News Home</div></a> <a href="/page_article/list.circle?sgenre=opinion"><div>Opinion</div></a> <a href="/page_article/list.circle?sgenre=album"><div>Album</div></a> <a href="/page_article/list.circle?sgenre=kpop"><div>K-pop now</div></a> <a href="/page_article/list.circle?sgenre=perform"><div>Perform</div></a> <a href="/page_article/list.circle?sgenre=issue"><div>Issue</div></a> </section> </li> <li> <div class="mo_nav_txt_primary" onclick="HandlerOpenNavSubMO('mo_nav_archive');">ARCHIVE</div> <section class="mo_nav_txt_sub" id="mo_nav_archive"> <a href="/page_article/archive_main.circle"><div>Archive Home</div></a> <a href="/page_article/list.circle?sgenre=week"><div>Circle Week</div></a> <a href="/page_article/list.circle?sgenre=report"><div>Circle Report</div></a> <a href="/page_article/list.circle?sgenre=interview"><div>Interview</div></a> <a href="/page_article/list.circle?sgenre=story"><div>K-pop Story</div></a> </section> </li> <li> <div class="mo_nav_txt_primary" onclick="HandlerOpenNavSubMO('mo_nav_community');">COMMUNITY</div> <section class="mo_nav_txt_sub" id="mo_nav_community"> <a href="/page_community/list.circle?type=notice"><div>Notice</div></a>   <a href="/page_community/faq.circle"><div>FAQ</div></a> </section> </li> </ul> </aside> </nav> <div id="mo_nav_drop" onclick="HandlerOpenNavSlideMO();"></div> </section>  <style> @media only screen and (max-device-width: 480px) { /* 초소형 1 */ .chart_mo_height { height: 320px; } .chart_img_size { background-image: url(); background-size: cover; min-width: 150px !important; } #splide_main_chart_mo .splide__arrow--prev { top : 11.5rem; left: 0; } #splide_main_chart_mo .splide__arrow--next { top : 11.5rem; right: 0; } #splide_main_youtube_mo .splide__arrow--prev { top : 6.5rem; left: 0; } #splide_main_youtube_mo .splide__arrow--next { top : 6.5rem; right: 0; } } @media only screen and (min-device-width: 481px) { /* 초소형 1 */ .chart_mo_height { height: 400px; } .chart_img_size { background-image: url(); background-size: cover; min-width: 180px !important; } } </style> <section class="p-6 mt-20">  <aside class="chart_mo_height w-full rounded-[30px] bg_comm_content2"> <div class="text-white text-3xl font-bold p-6 absolute">CHART</div> <article id="splide_main_chart_mo" class="splide m-auto"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Global K-pop</div> <div class="avatar mt-5" onclick="window.open('/page_chart/global.circle?termGbn=day', '_self');"> <div id="mo_img_chart_global" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Retail Album</div> <div class="avatar mt-5" onclick="window.open('/page_chart/retail.circle?termGbn=day', '_self');"> <div id="mo_img_chart_retail" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Album</div> <div class="avatar mt-5" onclick="window.open('/page_chart/album.circle', '_self');"> <div id="mo_img_chart_album" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Digital</div> <div class="avatar mt-5" onclick="window.open('/page_chart/onoff.circle?serviceGbn=ALL', '_self');"> <div id="mo_img_chart_digital" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Streaming</div> <div class="avatar mt-5" onclick="window.open('/page_chart/onoff.circle?serviceGbn=S1040', '_self');"> <div id="mo_img_chart_streaming" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> <li class="splide__slide"> <aside class="pt-[5rem] text-center"> <div class="chart_subject_size text-white font-bold">Social 2.0</div> <div class="avatar mt-5" onclick="window.open('/page_chart/social.circle', '_self');"> <div id="mo_img_chart_social" class="chart_img_size rounded-full ring ring-white ring-offset-base-100 ring-offset-2 m-auto"></div> </div> </aside> </li> </ul> </div> </article> </aside>  <aside class="mt-6"> <article id="splide_main_youtube_mo" class="splide m-auto"> <div class="splide__track"> <ul class="splide__list max-h-[480px]" id="mo_content_ytb"></ul> </div> </article> </aside>  <aside class="mt-6"> <section class="rounded-[30px] bg-no-repeat bg_comm_content2 text-white p-6"> <a href="/page_article/list.circle?sgenre=opinion"> <main class="flex"> <div class="w-1/2"> <span class="text-3xl font-bold">COLUMN</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[40px]"> </div> </main> </a> <main class="mt-[2rem]" id="mo_content_column"></main> </section> </aside>  <aside class="mt-6"> <section class="rounded-[30px] bg-no-repeat bg_comm_content3 text-white p-6"> <a href="/page_article/news_main.circle"> <main class="flex"> <div class="w-1/2"> <span class="text-3xl font-bold">NEWS</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[40px]"> </div> </main> </a> <main class="flex mt-[2rem]" id="mo_content_news"></main> </section> </aside>  <aside class="mt-6"> <section class="rounded-[30px] bg-no-repeat bg_comm_content4 text-white p-6"> <a href="/page_community/list.circle?type=notice"> <main class="flex"> <div class="w-1/2"> <span class="text-3xl font-bold">NOTICE</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[40px]"> </div> </main> </a> <main class="mt-[2rem] text-sm" id="mo_content_notice"></main> </section> </aside> </section>  <section style="background-color: black; padding: 20px;" class="mt-12"> <table id="mo_content_logo"></table> </section>  <section class="w-full bg-black text-white p-8 text-center text-xs"> <main> <div> <a href="https://biz.circlechart.kr/main/section/introduction/main.circle" target="_blank"><span>써클차트소개</span></a> <span class="ml-2 mr-2">|</span> <a href="https://biz.circlechart.kr/main/section/infomation/cooperation/main.circle" target="_blank"><span>차트제휴신청</span></a> <span class="ml-2 mr-2">|</span> <span class="cursor-pointer" onclick="window.open('/popup/main_email.circle', 'notice', 'left=50, top=50, width=400, height=272');">이메일주소무단수집거부</span> <span class="ml-2 mr-2">|</span> <span class="cursor-pointer" onclick="window.open('/popup/main_privacy.circle', 'notice', 'left=50, top=50, width=800, height=800');">개인정보취급방침</span> </div> <div class="mt-4"> Copyright © 2010-2024 Korea Music Content Association. All rights reserved. </div> <div class="mt-4"> <div class="flex relative"> <div class="w-1/3 text-center"> <a href="/"> <div> <img src="/assets/img/pc_logo_text_white.png" style="width: 80px;"> </div> </a> </div> <div class="w-1/3 text-center"> <a href="http://k-mca.or.kr/" target="_blank"> <div style="margin-top: 5px;"> <svg id="그룹_822" data-name="그룹 822" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="79.958" height="22.644" viewBox="0 0 79.958 22.644"> <defs> <clipPath id="clip-path"> <rect id="사각형_264" data-name="사각형 264" width="79.958" height="22.644" fill="none"/> </clipPath> </defs> <path id="패스_539" data-name="패스 539" d="M0,.773v6.77l2.741,2.741V3.514H19.578v6.77l2.741-2.741V.773Z" transform="translate(0 -0.481)" fill="#fff"/> <g id="그룹_821" data-name="그룹 821"> <g id="그룹_820" data-name="그룹 820" clip-path="url(#clip-path)"> <path id="패스_540" data-name="패스 540" d="M19.577,41.441h0s-16.67-.026-16.837,0v-6.77L0,37.414v6.768H22.319V37.414l-2.741-2.741Z" transform="translate(0 -21.572)" fill="#fff"/> <path id="패스_541" data-name="패스 541" d="M75.316,44.878a.1.1,0,0,0-.092.1v.362a.1.1,0,0,0,.092.092h1.6a.1.1,0,0,0,.1-.1v-.35a.108.108,0,0,0-.1-.1Z" transform="translate(-46.801 -27.921)" fill="#fff"/> <path id="패스_542" data-name="패스 542" d="M84.664,46.575h-.828V44.6c0-.055-.025-.08-.08-.08h-.546c-.055,0-.079.025-.079.08v4.331c0,.056.024.08.079.08h.546c.055,0,.08-.025.08-.08V47.165h.828a.083.083,0,0,0,.091-.074v-.435a.088.088,0,0,0-.091-.08" transform="translate(-51.72 -27.698)" fill="#fff"/> <path id="패스_543" data-name="패스 543" d="M79.276,56.662H76.387c-.08,0-.11-.019-.11-.1v-.7a.1.1,0,0,0-.1-.091h-.521a.1.1,0,0,0-.092.091v.951c0,.319.1.436.473.436h3.238a.084.084,0,0,0,.092-.074v-.435a.093.093,0,0,0-.092-.08" transform="translate(-47.013 -34.699)" fill="#fff"/> <path id="패스_544" data-name="패스 544" d="M76.8,50.175a1.36,1.36,0,1,0-1.343,1.1,1.228,1.228,0,0,0,1.343-1.1m-2.006,0a.678.678,0,1,1,.669.565.606.606,0,0,1-.669-.565" transform="translate(-46.124 -30.537)" fill="#fff"/> <path id="패스_545" data-name="패스 545" d="M76.408,47.5v-.368a.094.094,0,0,0-.092-.092H73.071a.111.111,0,0,0-.1.092v.362a.107.107,0,0,0,.1.1h3.251a.1.1,0,0,0,.092-.1" transform="translate(-45.397 -29.264)" fill="#fff"/> <path id="패스_546" data-name="패스 546" d="M93.274,46.864h-.9a8.669,8.669,0,0,0,.166-1.589c0-.3-.141-.429-.405-.429H88.82c-.043,0-.092.025-.092.073v.424a.093.093,0,0,0,.092.079h2.859c.117,0,.172.012.172.128a7.013,7.013,0,0,1-.129,1.313H87.93c-.054,0-.085.031-.085.1v.4a.092.092,0,0,0,.085.092H90.2v.914h-1.54a.084.084,0,0,0-.092.074v.435c0,.043.049.074.092.074h3.018c.092,0,.117.019.117.1v1.412a.094.094,0,0,0,.091.086h.534a.093.093,0,0,0,.086-.086V48.808c0-.362-.068-.442-.405-.442h-1.2v-.914h2.368a.1.1,0,0,0,.092-.092v-.4a.111.111,0,0,0-.092-.1" transform="translate(-54.653 -27.901)" fill="#fff"/> <path id="패스_547" data-name="패스 547" d="M108.7,54.391h-2.834c-.313,0-.466.117-.466.43v1.141c0,.319.1.43.466.43H108.7c.3,0,.466-.117.466-.43V54.821c0-.325-.1-.43-.466-.43m-.239,1.331c0,.073-.012.08-.086.08h-2.19c-.067,0-.079-.006-.079-.08v-.65c0-.067.012-.092.079-.092h2.19c.055,0,.086.031.086.1Z" transform="translate(-65.574 -33.839)" fill="#fff"/> <path id="패스_548" data-name="패스 548" d="M108.516,51.584h-5.337c-.055,0-.085.03-.085.091v.4a.09.09,0,0,0,.085.093h5.337a.1.1,0,0,0,.092-.093v-.4a.1.1,0,0,0-.092-.091" transform="translate(-64.14 -32.093)" fill="#fff"/> <path id="패스_549" data-name="패스 549" d="M107.171,46.889c1.172,0,1.939-.429,1.939-1.1s-.767-1.092-1.939-1.092-1.95.43-1.95,1.092.773,1.1,1.95,1.1m0-1.632c.711,0,1.2.233,1.2.534s-.491.54-1.2.54-1.215-.245-1.215-.54.5-.534,1.215-.534" transform="translate(-65.464 -27.81)" fill="#fff"/> <path id="패스_550" data-name="패스 550" d="M130.4,45.993h-.834V44.6c0-.055-.025-.08-.08-.08h-.546c-.055,0-.079.025-.079.08v3.165c0,.056.025.087.079.087h.546c.056,0,.08-.025.08-.08v-1.19h.834a.087.087,0,0,0,.086-.08v-.43a.087.087,0,0,0-.086-.079" transform="translate(-80.173 -27.698)" fill="#fff"/> <path id="패스_551" data-name="패스 551" d="M124.26,54.148h-3.184a.079.079,0,0,0-.086.08v.435a.082.082,0,0,0,.086.074h2.773c.08,0,.111.012.111.1v1.393a.094.094,0,0,0,.1.086h.521a.092.092,0,0,0,.086-.086V54.578c0-.312-.092-.43-.4-.43" transform="translate(-75.274 -33.688)" fill="#fff"/> <path id="패스_552" data-name="패스 552" d="M122.179,46.529a1.428,1.428,0,0,0-1.5-1.423,1.406,1.406,0,0,0-1.472,1.423,1.38,1.38,0,0,0,1.472,1.411,1.4,1.4,0,0,0,1.5-1.411m-2.294.012a.8.8,0,1,1,.792.81.753.753,0,0,1-.792-.81" transform="translate(-74.163 -28.063)" fill="#fff"/> <path id="패스_553" data-name="패스 553" d="M139,47.21l.472.043c.068.006.111-.049.129-.123a15.448,15.448,0,0,0,.166-1.81.372.372,0,0,0-.4-.411h-3.344c-.043,0-.092.025-.092.074V45.4c0,.043.049.073.092.073h2.871c.117,0,.165.012.165.128s-.006.234-.012.374c-.737.049-1.969.043-3.012.043-.056,0-.08.031-.08.086v.38a.1.1,0,0,0,.08.1c1.025-.006,2.086-.012,2.969-.061-.024.2-.049.386-.074.552-.012.08.012.128.074.135" transform="translate(-84.57 -27.941)" fill="#fff"/> <path id="패스_554" data-name="패스 554" d="M139.017,50.905h-2.5v-.724a.1.1,0,0,0-.092-.092H135.9a.091.091,0,0,0-.092.092v.724h-2.129a.089.089,0,0,0-.085.092V51.4a.093.093,0,0,0,.085.092h5.337a.1.1,0,0,0,.092-.092V51a.1.1,0,0,0-.092-.092" transform="translate(-83.116 -31.163)" fill="#fff"/> <path id="패스_555" data-name="패스 555" d="M139.757,56.031H136.72c-.091,0-.116-.018-.116-.1V54.97a.1.1,0,0,0-.092-.092h-.527a.1.1,0,0,0-.087.092v1.209c0,.319.1.442.467.442h3.393a.083.083,0,0,0,.091-.074V56.1c0-.043-.049-.074-.091-.074" transform="translate(-84.549 -34.142)" fill="#fff"/> <path id="패스_556" data-name="패스 556" d="M156.6,48.713h.5c.055,0,.079-.031.079-.086V44.861c0-.055-.025-.08-.079-.08h-.5c-.056,0-.086.025-.086.08v1.491h-.68a.084.084,0,0,0-.092.074v.411a.088.088,0,0,0,.092.08h.68v1.711a.078.078,0,0,0,.086.086" transform="translate(-96.898 -27.861)" fill="#fff"/> <path id="패스_557" data-name="패스 557" d="M160.853,44.521c-.061,0-.092.025-.092.08v4.006c0,.055.031.08.086.08h.528a.086.086,0,0,0,.085-.08V44.6a.086.086,0,0,0-.085-.08Z" transform="translate(-100.018 -27.699)" fill="#fff"/> <path id="패스_558" data-name="패스 558" d="M156.32,56.143h-3.1c-.08,0-.117-.019-.117-.1v-.994a.1.1,0,0,0-.091-.092h-.522a.1.1,0,0,0-.092.092V56.3c0,.319.1.436.472.436h3.448a.078.078,0,0,0,.085-.074v-.436a.087.087,0,0,0-.085-.08" transform="translate(-94.816 -34.193)" fill="#fff"/> <path id="패스_559" data-name="패스 559" d="M152.344,48.333,152.282,48a.085.085,0,0,0-.122-.062,7.172,7.172,0,0,1-1.564.123c-.154-.018-.184-.037-.184-.165V47.37c.393,0,.81-.012,1.2-.043.025,0,.055-.037.055-.111l-.006-.374c0-.043-.043-.055-.074-.055-.368.031-.767.031-1.178.031v-.588c0-.068.037-.1.116-.1h1.282c.055,0,.085-.025.085-.08v-.4c0-.055-.031-.08-.085-.08h-1.694c-.312,0-.411.1-.411.387v2.246c0,.275.147.423.442.442a8.307,8.307,0,0,0,2.1-.184c.043-.019.111-.043.092-.117" transform="translate(-93.14 -28.345)" fill="#fff"/> <path id="패스_560" data-name="패스 560" d="M168.115,48a8.356,8.356,0,0,1-2.779,1.092.111.111,0,0,0-.079.128l.122.387a.122.122,0,0,0,.147.055,9.138,9.138,0,0,0,2.1-.675,14.322,14.322,0,0,0,2.055.608.122.122,0,0,0,.141-.08l.135-.38a.1.1,0,0,0-.08-.123,15.8,15.8,0,0,1-1.558-.393A3.151,3.151,0,0,0,169,48.1a.881.881,0,0,0,.275-.5c0-.2-.178-.306-.533-.306h-2.939c-.056,0-.08.024-.08.073v.417c0,.055.024.08.08.08h2.325c.055,0,.111.037-.019.135" transform="translate(-102.812 -29.427)" fill="#fff"/> <path id="패스_561" data-name="패스 561" d="M170.522,45.375a.1.1,0,0,0,.1-.1V44.9a.106.106,0,0,0-.1-.1h-1.694a.1.1,0,0,0-.092.092v.393a.1.1,0,0,0,.092.092Z" transform="translate(-104.98 -27.871)" fill="#fff"/> <path id="패스_562" data-name="패스 562" d="M169.524,55.675H164.18a.089.089,0,0,0-.085.091v.387a.093.093,0,0,0,.085.092h5.344a.1.1,0,0,0,.092-.092v-.387a.1.1,0,0,0-.092-.091" transform="translate(-102.092 -34.638)" fill="#fff"/> <path id="패스_563" data-name="패스 563" d="M186.32,54.23h-.539a.086.086,0,0,0-.086.08V54.8h-2.252v-.466a.082.082,0,0,0-.086-.074h-.54a.076.076,0,0,0-.08.074v1.527c0,.325.1.43.466.43h2.736c.35,0,.467-.135.467-.411V54.31a.087.087,0,0,0-.086-.08m-.625,1.38c0,.067-.037.1-.111.1h-2.031a.1.1,0,0,1-.11-.1v-.24H185.7Z" transform="translate(-113.691 -33.739)" fill="#fff"/> <path id="패스_564" data-name="패스 564" d="M183.289,46.995V46.67a.1.1,0,0,0-.092-.1l-3.2-.006a.131.131,0,0,0-.1.1v.319a.111.111,0,0,0,.1.1h3.2a.094.094,0,0,0,.092-.092" transform="translate(-111.923 -28.971)" fill="#fff"/> <path id="패스_565" data-name="패스 565" d="M183.636,49.391c0-.583-.57-.957-1.312-.957s-1.307.374-1.307.957.571.969,1.3.969c.749,0,1.318-.4,1.318-.969m-1.963,0c0-.251.264-.442.651-.442s.65.19.65.442-.257.454-.65.454-.651-.2-.651-.454" transform="translate(-112.62 -30.133)" fill="#fff"/> <path id="패스_566" data-name="패스 566" d="M182.262,44.651a.1.1,0,0,0-.092.092v.325a.1.1,0,0,0,.086.1h1.558a.1.1,0,0,0,.1-.1v-.313a.107.107,0,0,0-.1-.1Z" transform="translate(-113.338 -27.78)" fill="#fff"/> <path id="패스_567" data-name="패스 567" d="M189.855,44.521h-.54c-.055,0-.086.025-.086.08v1.46h-.724a.082.082,0,0,0-.086.074v.393a.093.093,0,0,0,.086.086h.724v.4h-.73a.076.076,0,0,0-.08.074v.4a.082.082,0,0,0,.08.08h.73v.294c0,.056.031.08.086.08h.54a.089.089,0,0,0,.086-.092V44.6a.087.087,0,0,0-.086-.08" transform="translate(-117.226 -27.699)" fill="#fff"/> <path id="패스_568" data-name="패스 568" d="M195.358,47v.343a.105.105,0,0,0,.092.1h3.245a.1.1,0,0,0,.092-.092V47a.094.094,0,0,0-.092-.092h-3.239a.111.111,0,0,0-.1.092" transform="translate(-121.543 -29.184)" fill="#fff"/> <path id="패스_569" data-name="패스 569" d="M199.242,45.343a.1.1,0,0,0,.1-.1v-.344a.106.106,0,0,0-.1-.1h-1.625c-.031,0-.1.036-.1.092v.356a.1.1,0,0,0,.1.1Z" transform="translate(-122.886 -27.871)" fill="#fff"/> <path id="패스_570" data-name="패스 570" d="M198.6,51.3c-.436.068-.957.1-1.5.135v-.509a1.1,1.1,0,0,0,1.03-1c0-.614-.594-1.037-1.355-1.037-.736,0-1.35.423-1.35,1.037a1.093,1.093,0,0,0,.987,1.012v.527c-.515.019-1.036.031-1.5.012a.081.081,0,0,0-.092.092v.4a.09.09,0,0,0,.092.092,26.456,26.456,0,0,0,3.767-.215.085.085,0,0,0,.073-.1l-.036-.386c-.006-.068-.074-.068-.117-.061m-2.509-1.374c0-.289.294-.491.687-.491.411,0,.693.2.693.491s-.283.5-.693.5-.687-.208-.687-.5" transform="translate(-121.209 -30.416)" fill="#fff"/> <path id="패스_571" data-name="패스 571" d="M206.423,44.521h-.54a.086.086,0,0,0-.086.08v5.662a.083.083,0,0,0,.086.08h.54c.055,0,.086-.025.086-.08V44.6c0-.055-.031-.08-.086-.08" transform="translate(-128.038 -27.699)" fill="#fff"/> <path id="패스_572" data-name="패스 572" d="M119.45,13.894V.764h-2.612L113.267,7.3l-3.6-6.536h-2.6V13.894h2.384V5.362l3.724,6.443,3.888-6.452v8.541Z" transform="translate(-66.609 -0.475)" fill="#fff"/> <path id="패스_573" data-name="패스 573" d="M75.355,10.528l2.139-2.066,3.842,5.433h3.058L79.231,6.609l.031-.034L84.2.764H81.132L75.355,7.381V.764H72.967V13.894h2.388Z" transform="translate(-45.397 -0.475)" fill="#fff"/> <path id="패스_574" data-name="패스 574" d="M180.456,11.289h6l1.059,2.605h2.5L184.7.8l-.017-.039h-2.449L176.9,13.895h2.5Zm3-7.389,2.076,5.111h-4.153Z" transform="translate(-110.058 -0.475)" fill="#fff"/> <path id="패스_575" data-name="패스 575" d="M151.366,13.668a6.087,6.087,0,0,0,5.455-4.27l-2.191-.735a3.807,3.807,0,0,1-3.536,2.622c-2.663,0-3.735-2.457-3.735-4.45s1.071-4.451,3.735-4.451a3.027,3.027,0,0,1,3.174,2.026l2.191-.735C155.4-.066,151.366,0,151.366,0a5.945,5.945,0,0,0-5.857,3.737,7.761,7.761,0,0,0,0,6.194,5.944,5.944,0,0,0,5.857,3.737" transform="translate(-90.128 0)" fill="#fff"/> </g> </g> </svg> </div> </a> </div> <div class="w-1/3 text-center"> <label> <select onchange="select_failmy('familySiteChange_MO');" id="familySiteChange_MO" class="select select-bordered select-xs max-w-xs bg-transparent border-white w-full text-sm mt-[0.6rem]"> <option class="text-black" value="" selected>패밀리 사이트</option> <option class="text-black" value="http://www.kocca.kr/cop/main.do">한국콘텐츠진흥원</option> <option class="text-black" value="https://www.kcopa.or.kr/">한국저작권보호원</option> <option class="text-black" value="http://www.mcst.go.kr/main.jsp">문화체육관광부</option> <option class="text-black" value="https://www.copyright.or.kr/">한국저작권위원회</option> <option class="text-black" value="http://www.kmcia.or.kr/">한국음악콘텐츠협회</option> <option class="text-black" value="http://circlemusicawards.com">써클차트뮤직어워즈</option> </select> </label> </div> </div> </div> </main> </section> </main>  <main class="hidden md:block md:w-[1000px] md:p-2">  <nav class="mt-5"> <main class="w-full mb-4"> <div class="float-left"> <div class="flex"> <div class="pr-[0.5rem] hover:bg-[#3F51B5] hover:text-white hover:rounded-full mr-1"> <a href="https://www.facebook.com/circlechart.kr" target="_blank"> <svg class="w-[1.5rem] inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z"/><path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z"/></svg> <span class="text-[0.8rem] ml-[-0.2rem]">FaceBook</span> </a> </div> <div class="pr-[0.5rem] hover:bg-[#FF3D00] hover:text-white hover:rounded-full mr-1"> <a href="https://www.youtube.com/channel/UC0q8v3JNJ9h_330rEX9VTsw" target="_blank"> <svg class="w-[1.5rem] inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"/><path fill="#FFF" d="M20 31L20 17 32 24z"/></svg> <span class="text-[0.8rem] ml-[-0.2rem]">YouTube</span> </a> </div> <div class="pr-[0.5rem] hover:bg-gradient-to-tr from-rose-400 to-blue-600 hover:text-white hover:rounded-full mr-1"> <a href="https://www.instagram.com/circlechart/" target="_blank"> <svg class="w-[1.5rem] inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#304ffe" d="M41.67,13.48c-0.4,0.26-0.97,0.5-1.21,0.77c-0.09,0.09-0.14,0.19-0.12,0.29v1.03l-0.3,1.01l-0.3,1l-0.33,1.1 l-0.68,2.25l-0.66,2.22l-0.5,1.67c0,0.26-0.01,0.52-0.03,0.77c-0.07,0.96-0.27,1.88-0.59,2.74c-0.19,0.53-0.42,1.04-0.7,1.52 c-0.1,0.19-0.22,0.38-0.34,0.56c-0.4,0.63-0.88,1.21-1.41,1.72c-0.41,0.41-0.86,0.79-1.35,1.11c0,0,0,0-0.01,0 c-0.08,0.07-0.17,0.13-0.27,0.18c-0.31,0.21-0.64,0.39-0.98,0.55c-0.23,0.12-0.46,0.22-0.7,0.31c-0.05,0.03-0.11,0.05-0.16,0.07 c-0.57,0.27-1.23,0.45-1.89,0.54c-0.04,0.01-0.07,0.01-0.11,0.02c-0.4,0.07-0.79,0.13-1.19,0.16c-0.18,0.02-0.37,0.03-0.55,0.03 l-0.71-0.04l-3.42-0.18c0-0.01-0.01,0-0.01,0l-1.72-0.09c-0.13,0-0.27,0-0.4-0.01c-0.54-0.02-1.06-0.08-1.58-0.19 c-0.01,0-0.01,0-0.01,0c-0.95-0.18-1.86-0.5-2.71-0.93c-0.47-0.24-0.93-0.51-1.36-0.82c-0.18-0.13-0.35-0.27-0.52-0.42 c-0.48-0.4-0.91-0.83-1.31-1.27c-0.06-0.06-0.11-0.12-0.16-0.18c-0.06-0.06-0.12-0.13-0.17-0.19c-0.38-0.48-0.7-0.97-0.96-1.49 c-0.24-0.46-0.43-0.95-0.58-1.49c-0.06-0.19-0.11-0.37-0.15-0.57c-0.01-0.01-0.02-0.03-0.02-0.05c-0.1-0.41-0.19-0.84-0.24-1.27 c-0.06-0.33-0.09-0.66-0.09-1c-0.02-0.13-0.02-0.27-0.02-0.4l1.91-2.95l1.87-2.88l0.85-1.31l0.77-1.18l0.26-0.41v-1.03 c0.02-0.23,0.03-0.47,0.02-0.69c-0.01-0.7-0.15-1.38-0.38-2.03c-0.22-0.69-0.53-1.34-0.85-1.94c-0.38-0.69-0.78-1.31-1.11-1.87 C14,7.4,13.66,6.73,13.75,6.26C14.47,6.09,15.23,6,16,6h16c4.18,0,7.78,2.6,9.27,6.26C41.43,12.65,41.57,13.06,41.67,13.48z"/><path fill="#4928f4" d="M42,16v0.27l-1.38,0.8l-0.88,0.51l-0.97,0.56l-1.94,1.13l-1.9,1.1l-1.94,1.12l-0.77,0.45 c0,0.48-0.12,0.92-0.34,1.32c-0.31,0.58-0.83,1.06-1.49,1.47c-0.67,0.41-1.49,0.74-2.41,0.98c0,0,0-0.01-0.01,0 c-3.56,0.92-8.42,0.5-10.78-1.26c-0.66-0.49-1.12-1.09-1.32-1.78c-0.06-0.23-0.09-0.48-0.09-0.73v-7.19 c0.01-0.15-0.09-0.3-0.27-0.45c-0.54-0.43-1.81-0.84-3.23-1.25c-1.11-0.31-2.3-0.62-3.3-0.92c-0.79-0.24-1.46-0.48-1.86-0.71 c0.18-0.35,0.39-0.7,0.61-1.03c1.4-2.05,3.54-3.56,6.02-4.13C14.47,6.09,15.23,6,16,6h10.8c5.37,0.94,10.32,3.13,14.47,6.26 c0.16,0.39,0.3,0.8,0.4,1.22c0.18,0.66,0.29,1.34,0.32,2.05C42,15.68,42,15.84,42,16z"/><path fill="#6200ea" d="M42,16v4.41l-0.22,0.68l-0.75,2.33l-0.78,2.4l-0.41,1.28l-0.38,1.19l-0.37,1.13l-0.36,1.12l-0.19,0.59 l-0.25,0.78c0,0.76-0.02,1.43-0.07,2c-0.01,0.06-0.02,0.12-0.02,0.18c-0.06,0.53-0.14,0.98-0.27,1.36 c-0.01,0.06-0.03,0.12-0.05,0.17c-0.26,0.72-0.65,1.18-1.23,1.48c-0.14,0.08-0.3,0.14-0.47,0.2c-0.53,0.18-1.2,0.27-2.02,0.32 c-0.6,0.04-1.29,0.05-2.07,0.05H31.4l-1.19-0.05L30,37.61l-2.17-0.09l-2.2-0.09l-7.25-0.3l-1.88-0.08h-0.26 c-0.78-0.01-1.45-0.06-2.03-0.14c-0.84-0.13-1.49-0.35-1.98-0.68c-0.7-0.45-1.11-1.11-1.35-2.03c-0.06-0.22-0.11-0.45-0.14-0.7 c-0.1-0.58-0.15-1.25-0.18-2c0-0.15,0-0.3-0.01-0.46c-0.01-0.01,0-0.01,0-0.01v-0.58c-0.01-0.29-0.01-0.59-0.01-0.9l0.05-1.61 l0.03-1.15l0.04-1.34v-0.19l0.07-2.46l0.07-2.46l0.07-2.31l0.06-2.27l0.02-0.6c0-0.31-1.05-0.49-2.22-0.64 c-0.93-0.12-1.95-0.23-2.56-0.37c0.05-0.23,0.1-0.46,0.16-0.68c0.18-0.72,0.45-1.4,0.79-2.05c0.18-0.35,0.39-0.7,0.61-1.03 c2.16-0.95,4.41-1.69,6.76-2.17c2.06-0.43,4.21-0.66,6.43-0.66c7.36,0,14.16,2.49,19.54,6.69c0.52,0.4,1.03,0.83,1.53,1.28 C42,15.68,42,15.84,42,16z"/><path fill="#673ab7" d="M42,18.37v4.54l-0.55,1.06l-1.05,2.05l-0.56,1.08l-0.51,0.99l-0.22,0.43c0,0.31,0,0.61-0.02,0.9 c0,0.43-0.02,0.84-0.05,1.22c-0.04,0.45-0.1,0.86-0.16,1.24c-0.15,0.79-0.36,1.47-0.66,2.03c-0.04,0.07-0.08,0.14-0.12,0.2 c-0.11,0.18-0.24,0.35-0.38,0.51c-0.18,0.22-0.38,0.41-0.61,0.57c-0.34,0.26-0.74,0.47-1.2,0.63c-0.57,0.21-1.23,0.35-2.01,0.43 c-0.51,0.05-1.07,0.08-1.68,0.08l-0.42,0.02l-2.08,0.12h-0.01L27.5,36.6l-2.25,0.13l-3.1,0.18l-3.77,0.22l-0.55,0.03 c-0.51,0-0.99-0.03-1.45-0.09c-0.05-0.01-0.09-0.02-0.14-0.02c-0.68-0.11-1.3-0.29-1.86-0.54c-0.68-0.3-1.27-0.7-1.77-1.18 c-0.44-0.43-0.82-0.92-1.13-1.47c-0.07-0.13-0.14-0.25-0.2-0.39c-0.3-0.59-0.54-1.25-0.72-1.97c-0.03-0.12-0.06-0.25-0.08-0.38 c-0.06-0.23-0.11-0.47-0.14-0.72c-0.11-0.64-0.17-1.32-0.2-2.03v-0.01c-0.01-0.29-0.02-0.57-0.02-0.87l-0.49-1.17l-0.07-0.18 L9.5,25.99L8.75,24.2l-0.12-0.29l-0.72-1.73l-0.8-1.93c0,0,0,0-0.01,0L6.29,18.3L6,17.59V16c0-0.63,0.06-1.25,0.17-1.85 c0.05-0.23,0.1-0.46,0.16-0.68c0.85-0.49,1.74-0.94,2.65-1.34c2.08-0.93,4.31-1.62,6.62-2.04c1.72-0.31,3.51-0.48,5.32-0.48 c7.31,0,13.94,2.65,19.12,6.97c0.2,0.16,0.39,0.32,0.58,0.49C41.09,17.48,41.55,17.91,42,18.37z"/><path fill="#8e24aa" d="M42,21.35v5.14l-0.57,1.19l-1.08,2.25l-0.01,0.03c0,0.43-0.02,0.82-0.05,1.17c-0.1,1.15-0.38,1.88-0.84,2.33 c-0.33,0.34-0.74,0.53-1.25,0.63c-0.03,0.01-0.07,0.01-0.1,0.02c-0.16,0.03-0.33,0.05-0.51,0.05c-0.62,0.06-1.35,0.02-2.19-0.04 c-0.09,0-0.19-0.01-0.29-0.02c-0.61-0.04-1.26-0.08-1.98-0.11c-0.39-0.01-0.8-0.02-1.22-0.02h-0.02l-1.01,0.08h-0.01l-2.27,0.16 l-2.59,0.2l-0.38,0.03l-3.03,0.22l-1.57,0.12l-1.55,0.11c-0.27,0-0.53,0-0.79-0.01c0,0-0.01-0.01-0.01,0 c-1.13-0.02-2.14-0.09-3.04-0.26c-0.83-0.14-1.56-0.36-2.18-0.69c-0.64-0.31-1.17-0.75-1.6-1.31c-0.41-0.55-0.71-1.24-0.9-2.07 c0-0.01,0-0.01,0-0.01c-0.14-0.67-0.22-1.45-0.22-2.33l-0.15-0.27L9.7,26.35l-0.13-0.22L9.5,25.99l-0.93-1.65l-0.46-0.83 l-0.58-1.03l-1-1.79L6,19.75v-3.68c0.88-0.58,1.79-1.09,2.73-1.55c1.14-0.58,2.32-1.07,3.55-1.47c1.34-0.44,2.74-0.79,4.17-1.02 c1.45-0.24,2.94-0.36,4.47-0.36c6.8,0,13.04,2.43,17.85,6.47c0.22,0.17,0.43,0.36,0.64,0.54c0.84,0.75,1.64,1.56,2.37,2.41 C41.86,21.18,41.94,21.26,42,21.35z"/><path fill="#c2185b" d="M42,24.71v7.23c-0.24-0.14-0.57-0.31-0.98-0.49c-0.22-0.11-0.47-0.22-0.73-0.32 c-0.38-0.17-0.79-0.33-1.25-0.49c-0.1-0.04-0.2-0.07-0.31-0.1c-0.18-0.07-0.37-0.13-0.56-0.19c-0.59-0.18-1.24-0.35-1.92-0.5 c-0.26-0.05-0.53-0.1-0.8-0.14c-0.87-0.15-1.8-0.24-2.77-0.25c-0.08-0.01-0.17-0.01-0.25-0.01l-2.57,0.02l-3.5,0.02h-0.01 l-7.49,0.06c-2.38,0-3.84,0.57-4.72,0.8c0,0-0.01,0-0.01,0.01c-0.93,0.24-1.22,0.09-1.3-1.54c-0.02-0.45-0.03-1.03-0.03-1.74 l-0.56-0.43l-0.98-0.74l-0.6-0.46l-0.12-0.09L8.88,24.1l-0.25-0.19l-0.52-0.4l-0.96-0.72L6,21.91v-3.4 c0.1-0.08,0.19-0.15,0.29-0.21c1.45-1,3-1.85,4.64-2.54c1.46-0.62,3-1.11,4.58-1.46c0.43-0.09,0.87-0.18,1.32-0.24 c1.33-0.23,2.7-0.34,4.09-0.34c6.01,0,11.53,2.09,15.91,5.55c0.66,0.52,1.3,1.07,1.9,1.66c0.82,0.78,1.59,1.61,2.3,2.49 c0.14,0.18,0.28,0.36,0.42,0.55C41.64,24.21,41.82,24.46,42,24.71z"/><path fill="#d81b60" d="M42,28.72V32c0,0.65-0.06,1.29-0.18,1.91c-0.18,0.92-0.49,1.8-0.91,2.62c-0.22,0.05-0.47,0.05-0.75,0.01 c-0.63-0.11-1.37-0.44-2.17-0.87c-0.04-0.01-0.08-0.03-0.11-0.05c-0.25-0.13-0.51-0.27-0.77-0.43c-0.53-0.29-1.09-0.61-1.65-0.91 c-0.12-0.06-0.24-0.12-0.35-0.18c-0.64-0.33-1.3-0.63-1.96-0.86c0,0,0,0-0.01,0c-0.14-0.05-0.29-0.1-0.44-0.14 c-0.57-0.16-1.15-0.26-1.71-0.26l-1.1-0.32l-4.87-1.41c0,0,0,0-0.01,0l-2.99-0.87h-0.01l-1.3-0.38c-3.76,0-6.07,1.6-7.19,0.99 c-0.44-0.23-0.7-0.81-0.79-1.95c-0.03-0.32-0.04-0.68-0.04-1.1l-1.17-0.57l-0.05-0.02h-0.01l-0.84-0.42L9.7,26.35l-0.07-0.03 l-0.17-0.09L7.5,25.28L6,24.55v-3.43c0.17-0.15,0.35-0.29,0.53-0.43c0.19-0.15,0.38-0.29,0.57-0.44c0.01,0,0.01,0,0.01,0 c1.18-0.85,2.43-1.6,3.76-2.22c1.55-0.74,3.2-1.31,4.91-1.68c0.25-0.06,0.51-0.12,0.77-0.16c1.42-0.27,2.88-0.41,4.37-0.41 c5.27,0,10.11,1.71,14.01,4.59c1.13,0.84,2.18,1.77,3.14,2.78c0.79,0.83,1.52,1.73,2.18,2.67c0.05,0.07,0.1,0.14,0.15,0.2 c0.37,0.54,0.71,1.09,1.03,1.66C41.64,28.02,41.82,28.37,42,28.72z"/><path fill="#f50057" d="M41.82,33.91c-0.18,0.92-0.49,1.8-0.91,2.62c-0.19,0.37-0.4,0.72-0.63,1.06c-0.14,0.21-0.29,0.41-0.44,0.6 c-0.36-0.14-0.89-0.34-1.54-0.56c0,0,0,0,0-0.01c-0.49-0.17-1.05-0.35-1.65-0.52c-0.17-0.05-0.34-0.1-0.52-0.15 c-0.71-0.19-1.45-0.36-2.17-0.46c-0.6-0.1-1.19-0.16-1.74-0.16l-0.46-0.13h-0.01l-2.42-0.7l-1.49-0.43l-1.66-0.48h-0.01l-0.54-0.15 l-6.53-1.88l-1.88-0.54l-1.4-0.33l-2.28-0.54l-0.28-0.07c0,0,0,0-0.01,0l-2.29-0.53c0-0.01,0-0.01,0-0.01l-0.41-0.09l-0.21-0.05 l-1.67-0.39l-0.19-0.05l-1.42-1.17L6,27.9v-4.08c0.37-0.36,0.75-0.7,1.15-1.03c0.12-0.11,0.25-0.21,0.38-0.31 c0.12-0.1,0.25-0.2,0.38-0.3c0.91-0.69,1.87-1.31,2.89-1.84c1.3-0.7,2.68-1.26,4.13-1.66c0.28-0.09,0.56-0.17,0.85-0.23 c1.64-0.41,3.36-0.62,5.14-0.62c4.47,0,8.63,1.35,12.07,3.66c1.71,1.15,3.25,2.53,4.55,4.1c0.66,0.79,1.26,1.62,1.79,2.5 c0.05,0.07,0.09,0.13,0.13,0.2c0.32,0.53,0.62,1.08,0.89,1.64c0.25,0.5,0.47,1,0.67,1.52C41.34,32.25,41.6,33.07,41.82,33.91z"/><path fill="#ff1744" d="M40.28,37.59c-0.14,0.21-0.29,0.41-0.44,0.6c-0.44,0.55-0.92,1.05-1.46,1.49c-0.47,0.39-0.97,0.74-1.5,1.04 c-0.2-0.05-0.4-0.11-0.61-0.19c-0.66-0.23-1.35-0.61-1.99-1.01c-0.96-0.61-1.79-1.27-2.16-1.57c-0.14-0.12-0.21-0.18-0.21-0.18 l-1.7-0.15L30,37.6l-2.2-0.19l-2.28-0.2l-3.37-0.3l-5.34-0.47l-0.02-0.01l-1.88-0.91l-1.9-0.92l-1.53-0.74l-0.33-0.16l-0.41-0.2 l-1.42-0.69L7.43,31.9l-0.59-0.29L6,31.35v-4.47c0.47-0.56,0.97-1.09,1.5-1.6c0.34-0.32,0.7-0.64,1.07-0.94 c0.06-0.05,0.12-0.1,0.18-0.14c0.04-0.05,0.09-0.08,0.13-0.1c0.59-0.48,1.21-0.91,1.85-1.3c0.74-0.47,1.52-0.89,2.33-1.24 c0.87-0.39,1.78-0.72,2.72-0.97c1.63-0.46,3.36-0.7,5.14-0.7c4.08,0,7.85,1.24,10.96,3.37c1.99,1.36,3.71,3.08,5.07,5.07 c0.45,0.64,0.85,1.32,1.22,2.02c0.13,0.26,0.26,0.52,0.37,0.78c0.12,0.25,0.23,0.5,0.34,0.75c0.21,0.52,0.4,1.04,0.57,1.58 c0.32,1,0.56,2.02,0.71,3.08C40.21,36.89,40.25,37.24,40.28,37.59z"/><path fill="#ff5722" d="M38.39,39.42c0,0.08,0,0.17-0.01,0.26c-0.47,0.39-0.97,0.74-1.5,1.04c-0.22,0.12-0.44,0.24-0.67,0.34 c-0.23,0.11-0.46,0.21-0.7,0.3c-0.34-0.18-0.8-0.4-1.29-0.61c-0.69-0.31-1.44-0.59-2.02-0.68c-0.14-0.03-0.27-0.04-0.39-0.04 l-1.64-0.21h-0.02l-2.04-0.27l-2.06-0.27l-0.96-0.12l-7.56-0.98c-0.49,0-1.01-0.03-1.55-0.1c-0.66-0.06-1.35-0.16-2.04-0.3 c-0.68-0.12-1.37-0.28-2.03-0.45c-0.69-0.16-1.37-0.35-2-0.53c-0.73-0.22-1.41-0.43-1.98-0.62c-0.47-0.15-0.87-0.29-1.18-0.4 c-0.18-0.43-0.33-0.88-0.44-1.34C6.1,33.66,6,32.84,6,32v-1.67c0.32-0.53,0.67-1.05,1.06-1.54c0.71-0.94,1.52-1.8,2.4-2.56 c0.03-0.04,0.07-0.07,0.1-0.09l0.01-0.01c0.31-0.28,0.63-0.53,0.97-0.77c0.04-0.04,0.08-0.07,0.12-0.1 c0.16-0.12,0.33-0.24,0.51-0.35c1.43-0.97,3.01-1.73,4.7-2.24c1.6-0.48,3.29-0.73,5.05-0.73c3.49,0,6.75,1.03,9.47,2.79 c2.01,1.29,3.74,2.99,5.06,4.98c0.16,0.23,0.31,0.46,0.46,0.7c0.69,1.17,1.26,2.43,1.68,3.75c0.05,0.15,0.09,0.3,0.13,0.46 c0.08,0.27,0.15,0.55,0.21,0.83c0.02,0.07,0.04,0.14,0.06,0.22c0.14,0.63,0.24,1.29,0.31,1.95c0,0.01,0,0.01,0,0.01 C38.36,38.22,38.39,38.82,38.39,39.42z"/><path fill="#ff6f00" d="M36.33,39.42c0,0.35-0.02,0.73-0.06,1.11c-0.02,0.18-0.04,0.36-0.06,0.53c-0.23,0.11-0.46,0.21-0.7,0.3 c-0.45,0.17-0.91,0.31-1.38,0.41c-0.32,0.07-0.65,0.13-0.98,0.16h-0.01c-0.31-0.19-0.67-0.42-1.04-0.68 c-0.67-0.47-1.37-1-1.93-1.43c-0.01-0.01-0.01-0.01-0.02-0.02c-0.59-0.45-1.01-0.79-1.01-0.79l-1.06,0.04l-2.04,0.07l-0.95,0.04 l-3.82,0.14l-3.23,0.12c-0.21,0.01-0.46,0.01-0.77,0h-0.01c-0.42-0.01-0.92-0.04-1.47-0.09c-0.64-0.05-1.34-0.11-2.05-0.18 c-0.69-0.08-1.39-0.16-2.06-0.24c-0.74-0.08-1.44-0.17-2.04-0.25c-0.47-0.06-0.88-0.11-1.21-0.15c-0.28-0.32-0.53-0.65-0.77-1.01 c-0.36-0.54-0.67-1.11-0.91-1.72c-0.18-0.43-0.33-0.88-0.44-1.34c0.29-0.89,0.67-1.73,1.12-2.54c0.36-0.66,0.78-1.29,1.24-1.89 c0.45-0.59,0.94-1.14,1.47-1.64v-0.01c0.15-0.15,0.3-0.29,0.45-0.42c0.28-0.26,0.57-0.5,0.87-0.73h0.01 c0.01-0.02,0.02-0.02,0.03-0.03c0.24-0.19,0.49-0.36,0.74-0.53c1.48-1.01,3.15-1.76,4.95-2.2c1.19-0.29,2.44-0.45,3.73-0.45 c2.54,0,4.94,0.61,7.05,1.71h0.01c1.81,0.93,3.41,2.21,4.7,3.75c0.71,0.82,1.32,1.72,1.82,2.67c0.35,0.64,0.65,1.31,0.9,1.99 c0.02,0.06,0.04,0.11,0.06,0.16c0.17,0.5,0.32,1.02,0.45,1.54c0.09,0.37,0.16,0.75,0.22,1.13c0.02,0.12,0.04,0.23,0.05,0.35 C36.28,37.99,36.33,38.7,36.33,39.42z"/><path fill="#ff9800" d="M34.28,39.42v0.1c0,0.34-0.03,0.77-0.06,1.23c-0.03,0.34-0.06,0.69-0.09,1.02c-0.32,0.07-0.65,0.13-0.98,0.16 h-0.01C32.76,41.98,32.39,42,32,42h-1.75l-0.38-0.11l-1.97-0.6l-2-0.6l-4.63-1.39l-2-0.6c0,0-0.83,0.33-2,0.72h-0.01 c-0.45,0.15-0.94,0.31-1.46,0.47c-0.65,0.19-1.34,0.38-2.02,0.53c-0.7,0.16-1.39,0.28-2.01,0.33c-0.19,0.02-0.38,0.03-0.55,0.03 c-0.56-0.31-1.1-0.68-1.59-1.09c-0.43-0.36-0.83-0.75-1.2-1.18c-0.28-0.32-0.53-0.65-0.77-1.01c0.07-0.45,0.15-0.89,0.27-1.32 c0.3-1.19,0.77-2.33,1.39-3.37c0.34-0.59,0.72-1.16,1.16-1.69c0.01-0.03,0.04-0.06,0.07-0.08c-0.01-0.01,0-0.01,0-0.01 c0.13-0.17,0.27-0.33,0.41-0.48c0-0.01,0-0.01,0-0.01c0.41-0.44,0.83-0.86,1.29-1.25c0.16-0.13,0.31-0.26,0.48-0.39 c0.03-0.03,0.06-0.05,0.1-0.08c2.25-1.72,5.06-2.76,8.09-2.76c3.44,0,6.57,1.29,8.94,3.41c1.14,1.03,2.11,2.26,2.84,3.63 c0.06,0.1,0.12,0.21,0.17,0.32c0.09,0.18,0.18,0.37,0.26,0.57c0.33,0.72,0.59,1.48,0.77,2.26c0.02,0.08,0.04,0.16,0.06,0.24 c0.08,0.37,0.15,0.75,0.2,1.13C34.24,38.21,34.28,38.81,34.28,39.42z"/><path fill="#ffc107" d="M32.22,39.42c0,0.2-0.01,0.42-0.02,0.65c-0.02,0.37-0.05,0.77-0.1,1.18c-0.02,0.25-0.06,0.5-0.1,0.75h-5.48 l-1.06-0.17l-4.14-0.66l-0.59-0.09l-1.35-0.22c-0.59,0-1.87,0.26-3.22,0.51c-0.71,0.13-1.43,0.27-2.08,0.36 c-0.08,0.01-0.16,0.02-0.23,0.03h-0.01c-0.7-0.15-1.38-0.38-2.02-0.68c-0.2-0.09-0.4-0.19-0.6-0.3c-0.56-0.31-1.1-0.68-1.59-1.09 c-0.01-0.12-0.02-0.22-0.02-0.27c0-0.26,0.01-0.51,0.03-0.76c0.04-0.64,0.13-1.26,0.27-1.86c0.22-0.91,0.54-1.79,0.97-2.6 c0.08-0.17,0.17-0.34,0.27-0.5c0.04-0.08,0.09-0.15,0.13-0.23c0.18-0.29,0.38-0.57,0.58-0.85c0.42-0.55,0.89-1.07,1.39-1.54 c0.01,0,0.01,0,0.01,0c0.04-0.04,0.08-0.08,0.12-0.11c0.05-0.04,0.09-0.09,0.14-0.12c0.2-0.18,0.4-0.34,0.61-0.49 c0-0.01,0.01-0.01,0.01-0.01c1.89-1.41,4.23-2.24,6.78-2.24c1.98,0,3.82,0.5,5.43,1.38h0.01c1.38,0.76,2.58,1.79,3.53,3.03 c0.37,0.48,0.7,0.99,0.98,1.53h0.01c0.05,0.1,0.1,0.2,0.15,0.3c0.3,0.59,0.54,1.21,0.72,1.85h0.01c0.01,0.05,0.03,0.1,0.04,0.15 c0.12,0.43,0.22,0.87,0.29,1.32c0.01,0.09,0.02,0.19,0.03,0.28C32.19,38.43,32.22,38.92,32.22,39.42z"/><path fill="#ffd54f" d="M30.17,39.31c0,0.16,0,0.33-0.02,0.49v0.01c0,0.01,0,0.01,0,0.01c-0.02,0.72-0.12,1.43-0.28,2.07 c0,0.04-0.01,0.07-0.03,0.11h-4.67l-3.85-0.83l-0.51-0.11l-0.08,0.02l-4.27,0.88L16.27,42H16c-0.64,0-1.27-0.06-1.88-0.18 c-0.09-0.02-0.18-0.04-0.27-0.06h-0.01c-0.7-0.15-1.38-0.38-2.02-0.68c-0.02-0.11-0.04-0.22-0.05-0.33 c-0.07-0.43-0.1-0.88-0.1-1.33c0-0.17,0-0.34,0.01-0.51c0.03-0.54,0.11-1.07,0.23-1.58c0.08-0.38,0.19-0.75,0.32-1.1 c0.11-0.31,0.24-0.61,0.38-0.9c0.12-0.25,0.26-0.49,0.4-0.73c0.14-0.23,0.29-0.45,0.45-0.67c0.4-0.55,0.87-1.06,1.39-1.51 c0.3-0.26,0.63-0.51,0.97-0.73c1.46-0.96,3.21-1.52,5.1-1.52c0.37,0,0.73,0.02,1.08,0.07h0.02c1.07,0.12,2.07,0.42,2.99,0.87 c0.01,0,0.01,0,0.01,0c1.45,0.71,2.68,1.78,3.58,3.1c0.15,0.22,0.3,0.46,0.43,0.7c0.11,0.19,0.21,0.39,0.3,0.59 c0.14,0.31,0.27,0.64,0.38,0.97h0.01c0.11,0.37,0.21,0.74,0.28,1.13v0.01C30.11,38.16,30.17,38.73,30.17,39.31z"/><path fill="#ffe082" d="M28.11,39.52v0.03c0,0.59-0.07,1.17-0.21,1.74c-0.05,0.24-0.12,0.48-0.21,0.71h-4.48l-2.29-0.63L18.63,42H16 c-0.64,0-1.27-0.06-1.88-0.18c-0.02-0.03-0.03-0.06-0.04-0.09c-0.14-0.43-0.25-0.86-0.3-1.31c-0.04-0.29-0.06-0.59-0.06-0.9 c0-0.12,0-0.25,0.02-0.37c0.01-0.47,0.08-0.93,0.2-1.37c0.06-0.3,0.15-0.59,0.27-0.87c0.04-0.14,0.1-0.27,0.17-0.4 c0.15-0.34,0.33-0.67,0.53-0.99c0.22-0.32,0.46-0.62,0.73-0.9c0.32-0.36,0.68-0.69,1.09-0.96c0.7-0.51,1.5-0.89,2.37-1.1 c0.58-0.16,1.19-0.24,1.82-0.24c2,0,3.79,0.8,5.09,2.09c0.05,0.05,0.11,0.11,0.16,0.18h0.01c0.14,0.15,0.27,0.3,0.4,0.47 c0.37,0.47,0.68,0.98,0.92,1.54c0.12,0.26,0.22,0.53,0.3,0.81c0.01,0.04,0.02,0.07,0.03,0.11c0.14,0.49,0.23,1,0.25,1.53 C28.1,39.2,28.11,39.36,28.11,39.52z"/><path fill="#ffecb3" d="M26.06,39.52c0,0.41-0.05,0.8-0.16,1.17c-0.1,0.4-0.25,0.78-0.44,1.14c-0.03,0.06-0.1,0.17-0.1,0.17h-8.88 c-0.01-0.01-0.02-0.03-0.02-0.04c-0.12-0.19-0.22-0.38-0.3-0.59c-0.2-0.46-0.32-0.96-0.36-1.48c-0.02-0.12-0.02-0.25-0.02-0.37 c0-0.06,0-0.13,0.01-0.19c0.01-0.44,0.07-0.86,0.19-1.25c0.1-0.36,0.23-0.69,0.4-1.01c0,0,0.01-0.01,0.01-0.02 c0.12-0.21,0.25-0.42,0.4-0.62c0.49-0.66,1.14-1.2,1.89-1.55c0.01,0,0.01,0,0.01,0c0.24-0.12,0.49-0.22,0.75-0.29c0,0,0,0,0.01,0 c0.46-0.14,0.96-0.21,1.47-0.21c0.59,0,1.16,0.09,1.68,0.28c0.19,0.05,0.37,0.13,0.55,0.22c0,0,0,0,0.01,0 c0.86,0.41,1.59,1.05,2.09,1.85c0.1,0.15,0.19,0.31,0.27,0.48c0.04,0.07,0.08,0.15,0.11,0.22c0.23,0.52,0.37,1.09,0.41,1.69 c0.01,0.05,0.01,0.1,0.01,0.16C26.06,39.36,26.06,39.44,26.06,39.52z"/><g><path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M30,11H18c-3.9,0-7,3.1-7,7v12c0,3.9,3.1,7,7,7h12c3.9,0,7-3.1,7-7V18C37,14.1,33.9,11,30,11z"/><circle cx="31" cy="16" r="1" fill="#fff"/></g><g><circle cx="24" cy="24" r="6" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></g></svg> <span class="text-[0.8rem] ml-[-0.2rem]">Instagram</span> </a> </div> <div class="pr-[0.5rem] hover:bg-[#212121] hover:text-white hover:rounded-full mr-1"> <a href="https://www.tiktok.com/@circlechart?is_from_webapp=1&sender_device=pc" target="_blank"> <svg class="w-[1.5rem] inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill-rule="evenodd" clip-rule="evenodd"><path fill="#212121" fill-rule="evenodd" d="M10.904,6h26.191C39.804,6,42,8.196,42,10.904v26.191 C42,39.804,39.804,42,37.096,42H10.904C8.196,42,6,39.804,6,37.096V10.904C6,8.196,8.196,6,10.904,6z" clip-rule="evenodd"/><path fill="#ec407a" fill-rule="evenodd" d="M29.208,20.607c1.576,1.126,3.507,1.788,5.592,1.788v-4.011 c-0.395,0-0.788-0.041-1.174-0.123v3.157c-2.085,0-4.015-0.663-5.592-1.788v8.184c0,4.094-3.321,7.413-7.417,7.413 c-1.528,0-2.949-0.462-4.129-1.254c1.347,1.376,3.225,2.23,5.303,2.23c4.096,0,7.417-3.319,7.417-7.413L29.208,20.607L29.208,20.607 z M30.657,16.561c-0.805-0.879-1.334-2.016-1.449-3.273v-0.516h-1.113C28.375,14.369,29.331,15.734,30.657,16.561L30.657,16.561z M19.079,30.832c-0.45-0.59-0.693-1.311-0.692-2.053c0-1.873,1.519-3.391,3.393-3.391c0.349,0,0.696,0.053,1.029,0.159v-4.1 c-0.389-0.053-0.781-0.076-1.174-0.068v3.191c-0.333-0.106-0.68-0.159-1.03-0.159c-1.874,0-3.393,1.518-3.393,3.391 C17.213,29.127,17.972,30.274,19.079,30.832z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M28.034,19.63c1.576,1.126,3.507,1.788,5.592,1.788v-3.157 c-1.164-0.248-2.194-0.856-2.969-1.701c-1.326-0.827-2.281-2.191-2.561-3.788h-2.923v16.018c-0.007,1.867-1.523,3.379-3.393,3.379 c-1.102,0-2.081-0.525-2.701-1.338c-1.107-0.558-1.866-1.705-1.866-3.029c0-1.873,1.519-3.391,3.393-3.391 c0.359,0,0.705,0.056,1.03,0.159V21.38c-4.024,0.083-7.26,3.369-7.26,7.411c0,2.018,0.806,3.847,2.114,5.183 c1.18,0.792,2.601,1.254,4.129,1.254c4.096,0,7.417-3.319,7.417-7.413L28.034,19.63L28.034,19.63z" clip-rule="evenodd"/><path fill="#81d4fa" fill-rule="evenodd" d="M33.626,18.262v-0.854c-1.05,0.002-2.078-0.292-2.969-0.848 C31.445,17.423,32.483,18.018,33.626,18.262z M28.095,12.772c-0.027-0.153-0.047-0.306-0.061-0.461v-0.516h-4.036v16.019 c-0.006,1.867-1.523,3.379-3.393,3.379c-0.549,0-1.067-0.13-1.526-0.362c0.62,0.813,1.599,1.338,2.701,1.338 c1.87,0,3.386-1.512,3.393-3.379V12.772H28.095z M21.635,21.38v-0.909c-0.337-0.046-0.677-0.069-1.018-0.069 c-4.097,0-7.417,3.319-7.417,7.413c0,2.567,1.305,4.829,3.288,6.159c-1.308-1.336-2.114-3.165-2.114-5.183 C14.374,24.749,17.611,21.463,21.635,21.38z" clip-rule="evenodd"/></svg> <span class="text-[0.8rem] ml-[-0.2rem]">TikTok</span> </a> </div> <div class="pr-[0.5rem] hover:bg-[#00AAF4] hover:text-white hover:rounded-full mr-1"> <a href="https://twitter.com/CIRCLE_CHART" target="_blank"> <svg class="w-[1.5rem] inline" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96 96" enable-background="new 0 0 96 96" xml:space="preserve"> <image id="image0" x="0" y="0" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAABGdBTUEAALGPC/xhBQAAACBjSFJN AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACH1BMVEUAAAAAqv8DqvMDqfQE qfQDqfQDqfMDqfMDqPMDqfUDqPMAqv8EqfQEqfQAgP8EqfQDqfUDqfQDqPMDqfQDqfQEqPQDqfUD qfQEqfQEqPQDqfQDqvMAmf8DqfUDqPUEqfQEqPQDqfQvuPaK1/rQ7/3r+P75/f/m9/7I7P2H1vo0 uvZEv/eG1voTrvWd3vv9/v////+15vwgs/UltPVzz/nV8f34/f81uvYKq/Sl4PsLrPQbsfXS7/3n 9/5iyfiS2vrZ8v38/v9VxfhdyPiq4vsFqvQJq/TL7f1eyPit4/uY3PsEqfSE1fo9vfc2u/be9P6b 3fsUr/Xy+/7G6/xrzPmO2fr3/P8tt/b1/P+k4Ptszfns+f7E6/wYsPWx5Pyg3/vd9P43u/YGqvR0 z/n6/f990vn0+/8SrvXv+v7J7P06vPb+//+n4fsmtfau4/u25vxLwvfw+v4MrPTF6/wntfYOrfTi 9f7B6vxcx/gWr/Xf9P6R2vpOw/ep4vtyz/lWxfjT8P0HqvQuuPZDv/fx+v5Nwve65/wIq/QqtvZU xfiU2/rp+P7o9/4QrfVoy/gfsvXO7v0yufbl9v5uzfmj4Pua3fsPrfWP2fq86Pzh9f635vwasfWs 4/uw5PwZsPVax/hlyvgesvVwzvmi3/vV8P3D6vwrtvY+vfdHwPccsfW45/z2/P+N2Ppbx/iI1/qy 5fzM7f3a8/3u+f7P7v1YxvioP4C+AAAAIXRSTlMABlem2PRWU93cUgOMiwKJUN5Vp6Ta8/HZ16NU BdtPiIq8tKWIAAAAAWJLR0Qwrtwt5AAAAAd0SU1FB+YIGhMcN0O3S34AAALGSURBVGje7dn5UxJh GAfwVdDU8siIItF6qLS08i2BKIOiQlNQzLQsMdMsLYsKuyQp7aKyy+7sMrvv8w8MSgbcfffwfd+m Ztzvb+zM+/3svs+7wwxwnBo1atT8j0lK1mhTgCApWk1qknz/lDSS8ljSM2Tqp06jqY8mM0sSoO4H yJbcH/p+gByJ+aazAKaLTzqZRT9Arigwgw2gEwVmsgG0ooCeDaAXBdj0A6iACkwKwDR/wcLCokWL i2MXSpawBJYuK0VjWb4i8rnMbLGuJABsq1Zj+8vXoHjsjrXrEHKuJ9miDWijC9NfUYn4sW4imkEV QtVuIeAR9NtroNZBAHgja+sEz7C5nt+/paHRsnUbAdAUXb3dxgN2IFzMJFvU/Hupr2X81Z24/lY3 CeD7s3hXm2Dj+GlsJxry7rHlHXsS1+8V9lv5c1IIdHbFGvbtj1/FPICTEEiYZ/eBg38DcPnjJaWH DrvEgCOkAAR6Enuaqxpqjh7DAMcJgRMnK3p7kIL4CIEgKjrV51cAtBICISV3H81pQuCMUqCWEHD1 K+vvGiA9RWebFAGCESg/pufOKwEukANQdlG+PzhAAQC0VXtlADOQA+HeS5evDEr3X71GAdQpmMB1 oABu2GX7b7bTADB0S6Z//Jc9wZBbQt2SwG2gBACK70i8bneBHgC413f/wUOsMhxmAkTz6DGm/4kN GAFPPfW4/QkDE6Dzmb8Qd35GxJ9XERCAwHNTyeiLl07seF+9BkrgTSUST9DhBloA3G+H8TeP+kfC APRAJO9G33/gt1s+DoFcJjLksOnT5y9fvw1aO757f4Q8P8tl2yd8igiiApMZYPSj4CxRYDYbwCAK aNgAc0SBVDZAnihgzGfRnybxN0gGC6CAk0gmff9cqX4uax5tf7b0Xywcl0M1h/wCTjbGXJ2B6I3T G3R5Rvl+NWrUqPkH+QXB1gbaiLzr+gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wOC0yNlQxNzoy ODo1NSswMjowMLfWvIcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDgtMjZUMTc6Mjg6NTUrMDI6 MDDGiwQ7AAAAAElFTkSuQmCC" /> </svg> <span class="text-[0.8rem] ml-[-0.2rem]">Twitter</span> </a> </div> </div> </div> <div class="float-right"> <section class="float-right"> <div class="float-left"> <a href="/page_session/login.circle"> <span class="badge bg-black w-[80px] text-[11px] cursor-pointer pt-[2px]">LOGIN</span> </a> </div>  <div class="clear-both"></div> </section> <section class="clear-both"></section> </div> <div class="clear-both"></div> </main> <main class="flex"> <div class="w-[16%]"> <a href="/"> <img src="/assets/img/pc_logo.png" style="width: 140px;"> </a> </div> <div class="w-[84%] pt-[20px]"> <table class="w-[820px] text-sm m-auto font-bold" onmousemove="HandlerNavPC('on');"> <tr class="nav_pc_title"> <td>CHART</td> <td>CERTIFICATION</td> <td>NEWS</td> <td>ARCHIVE</td> <td>COMMUNITY</td> </tr> </table> <table class="text-sm font-bold" id="nav_pc_table" onmouseleave="HandlerNavPC('off');"> <tr class="nav_pc_sub"> <td> <a href="/page_chart/global.circle?termGbn=day"><div>Global K-pop Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=ALL"><div>Digital Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1040"><div>Streaming Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1020"><div>Download Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S1060"><div>BGM Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S4010"><div>V Coloring Chart</div></a> <a href="/page_chart/album.circle"><div>Album Chart</div></a> <a href="/page_chart/retail.circle?termGbn=hour"><div>Retail Album Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S3010"><div>Singing Room Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S2020"><div>Bell Chart</div></a> <a href="/page_chart/onoff.circle?serviceGbn=S2040"><div>Ring Chart</div></a> <a href="/page_chart/social.circle"><div>Social Chart 2.0</div></a> </td> <td class="align-top"> <a href="/page_cert/page.circle"><div>Certification</div></a> <a href="/page_cert/chart.circle?serviceGbn=ALBUM"><div>Album</div></a> <a href="/page_cert/chart.circle?serviceGbn=S1020"><div>Download</div></a> <a href="/page_cert/chart.circle?serviceGbn=S1040"><div>Streaming</div></a> <a href="/page_cert/choice.circle"><div>CIRCLE’s Choice</div></a> </td> <td class="align-top"> <a href="/page_article/news_main.circle"><div>News Home</div></a> <a href="/page_article/list.circle?sgenre=opinion"><div>Opinion</div></a> <a href="/page_article/list.circle?sgenre=album"><div>Album</div></a> <a href="/page_article/list.circle?sgenre=kpop"><div>K-pop now</div></a> <a href="/page_article/list.circle?sgenre=perform"><div>Perform</div></a> <a href="/page_article/list.circle?sgenre=issue"><div>Issue</div></a> </td> <td class="align-top"> <a href="/page_article/archive_main.circle"><div>Archive Home</div></a> <a href="/page_article/list.circle?sgenre=week"><div>Circle Week</div></a> <a href="/page_article/list.circle?sgenre=report"><div>Circle Report</div></a> <a href="/page_article/list.circle?sgenre=interview"><div>Interview</div></a> <a href="/page_article/list.circle?sgenre=story"><div>K-pop Story</div></a> </td> <td class="align-top"> <a href="/page_community/list.circle?type=notice"><div>Notice</div></a>   <a href="/page_community/faq.circle"><div>FAQ</div></a> </td> </tr> </table> </div> </main> </nav>  <section class="mt-14 p-10 rounded-[30px] bg-cover bg-no-repeat bg_comm_chart"> <span class="text-5xl text-white">CHART</span> <main class="min-w-max mt-14 mb-10"> <div class="grid grid-rows-2 grid-cols-3 gap-6 text-center"> <section> <div class="mb-5 text-2xl text-center text-white">Global K-pop</div> <div onclick="window.open('/page_chart/global.circle?termGbn=day', '_self');" class="avatar relative" id="hover-chart1-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_global" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart1-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> <section> <div class="mb-5 text-2xl text-center text-white">Retail Album</div> <div onclick="window.open('/page_chart/retail.circle?termGbn=day', '_self');" class="avatar relative" id="hover-chart2-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_retail" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart2-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> <section> <div class="mb-5 text-2xl text-center text-white">Album</div> <div onclick="window.open('/page_chart/album.circle', '_self');" class="avatar relative" id="hover-chart3-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_album" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart3-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> <section class="pt-4"> <div class="mb-5 text-2xl text-center text-white">Digital</div> <div onclick="window.open('/page_chart/onoff.circle?serviceGbn=ALL', '_self');" class="avatar relative" id="hover-chart4-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_digital" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart4-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> <section class="pt-4"> <div class="mb-5 text-2xl text-center text-white">Streaming</div> <div onclick="window.open('/page_chart/onoff.circle?serviceGbn=S1040', '_self');" class="avatar relative" id="hover-chart5-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_streaming" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart5-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> <section class="pt-4"> <div class="mb-5 text-2xl text-center text-white">Social 2.0</div> <div onclick="window.open('/page_chart/social.circle', '_self');" class="avatar relative" id="hover-chart6-img" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[260px] h-[260px]"> <img id="pc_img_chart_social" src=""> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[240px]"> <img id="hover-chart6-logo" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </section> </div> </main> </section>  <section class="mt-14"> <aside class="mt-6 rounded-[30px] bg-no-repeat bg_comm_content3 text-white h-[250px]"> <article id="splide_interview" class="splide m-auto"> <div class="splide__track"> <ul class="splide__list text-center" id="pc_content_ytb"></ul> </div> </article> </aside> </section>  <section class="mb-[100px] mt-14"> <main class="grid grid-cols-2 gap-6">  <section class="rounded-[30px] bg-no-repeat bg_comm_content2 text-white p-6 pb-14"> <a href="/page_article/list.circle?sgenre=opinion"> <aside class="flex"> <div class="w-1/2"> <span class="text-5xl">COLUMN</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[32px] mt-[10px]"> </div> </aside> </a> <aside class="mt-20" id="pc_content_column"></aside> </section>  <section> <section class="rounded-[30px] bg-no-repeat bg_comm_content2 text-white p-6 mb-6"> <a href="/page_article/news_main.circle"> <aside class="flex"> <div class="w-1/2"> <span class="text-5xl">NEWS</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[32px] mt-[10px]"> </div> </aside> </a> <aside class="mt-14"> <section class="flex" id="pc_content_news"></section> </aside> </section> <section class="rounded-[30px] bg-no-repeat bg_comm_content2 text-white p-6"> <a href="/page_community/list.circle?type=notice"> <aside class="flex"> <div class="w-1/2"> <span class="text-5xl">NOTICE</span> </div> <div class="w-1/2" style="direction: rtl;"> <img src="./assets/img/icon_arrow_white.png" class="w-[32px] mt-[10px]"> </div> </aside> </a> <aside class="mt-[20px] text-sm" id="pc_content_notice"></aside> </section> </section> </main> </section>  <section class="bg-black" style="position: absolute; left: 0; width: 100%;">  <div> <aside class="mb-[100px] pt-[100px]"> <div class="text-center text-7xl font-bold text-gray-400 drop-shadow-md"> New Circular Wave, <br>Circle Chart </div> </aside> </div>  <div class="w-[980px] m-auto"> <section> <table id="pc_content_logo"></table> </section> </div>  <div class="w-[980px] m-auto"> <footer class="mt-14">  <aside> <div class="border-t-[1px] border-white"></div> <div class="text-sm text-white mt-5 mb-5"> <a href="https://biz.circlechart.kr/main/section/introduction/main.circle" target="_blank"><span>써클차트소개</span></a> <span class="ml-2 mr-2">|</span> <a href="https://biz.circlechart.kr/main/section/infomation/cooperation/main.circle" target="_blank"><span>차트제휴신청</span></a> <span class="ml-2 mr-2">|</span> <span class="cursor-pointer" onclick="window.open('/popup/main_email.circle', 'notice', 'left=50, top=50, width=400, height=272');">이메일주소무단수집거부</span> <span class="ml-2 mr-2">|</span> <span class="cursor-pointer" onclick="window.open('/popup/main_privacy.circle', 'notice', 'left=50, top=50, width=800, height=800');">개인정보취급방침</span> </div> <div class="border-t-[1px] border-white"></div> </aside>  <aside class="pb-20 mt-5"> <section class="text-white text-sm"> <table class="w-[100%]"> <tr> <td class="text-left"> <a href="/"> <div> <img src="/assets/img/pc_logo_text_white.png" style="width: 100px;"> </div> </a> </td> <td class="text-center text-[12px] text-white"> Copyright © 2010-2024 Korea Music Content Association. All rights reserved. </td> <td class="text-right"> <div class="flex"> <div> <a href="http://k-mca.or.kr/" target="_blank"> <div> <svg id="그룹_822" data-name="그룹 822" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100.102" height="28.349" viewBox="0 0 100.102 28.349"> <defs> <clipPath id="clip-path"> <rect id="사각형_264" data-name="사각형 264" width="100.102" height="28.349" fill="none"/> </clipPath> </defs> <path id="패스_539" data-name="패스 539" d="M0,.773V9.249l3.431,3.432V4.205H24.51V12.68l3.432-3.431V.773Z" transform="translate(0 -0.407)" fill="#fff"/> <g id="그룹_821" data-name="그룹 821"> <g id="그룹_820" data-name="그룹 820" clip-path="url(#clip-path)"> <path id="패스_540" data-name="패스 540" d="M24.509,43.147h0s-20.869-.033-21.079,0V34.673L0,38.1v8.474H27.941V38.1l-3.432-3.432Z" transform="translate(0 -18.271)" fill="#fff"/> <path id="패스_541" data-name="패스 541" d="M75.339,44.878a.124.124,0,0,0-.115.123v.453a.13.13,0,0,0,.115.115h2a.124.124,0,0,0,.131-.123v-.438a.135.135,0,0,0-.131-.131Z" transform="translate(-39.64 -23.649)" fill="#fff"/> <path id="패스_542" data-name="패스 542" d="M85.05,47.093H84.013V44.62c0-.069-.031-.1-.1-.1h-.684c-.069,0-.1.031-.1.1v5.422c0,.07.03.1.1.1h.684c.069,0,.1-.031.1-.1V47.831H85.05a.1.1,0,0,0,.114-.093v-.545a.11.11,0,0,0-.114-.1" transform="translate(-43.806 -23.46)" fill="#fff"/> <path id="패스_543" data-name="패스 543" d="M80.211,56.886H76.594c-.1,0-.138-.023-.138-.123v-.876a.124.124,0,0,0-.123-.114H75.68a.129.129,0,0,0-.115.114v1.19c0,.4.131.546.592.546h4.054a.1.1,0,0,0,.115-.093v-.545a.117.117,0,0,0-.115-.1" transform="translate(-39.82 -29.39)" fill="#fff"/> <path id="패스_544" data-name="패스 544" d="M77.477,50.45a1.7,1.7,0,1,0-1.682,1.375,1.538,1.538,0,0,0,1.682-1.375m-2.511,0a.849.849,0,1,1,.837.707.759.759,0,0,1-.837-.707" transform="translate(-39.067 -25.865)" fill="#fff"/> <path id="패스_545" data-name="패스 545" d="M77.275,47.613v-.461a.118.118,0,0,0-.115-.115H73.1a.139.139,0,0,0-.131.115v.453a.134.134,0,0,0,.123.131h4.07a.12.12,0,0,0,.115-.123" transform="translate(-38.451 -24.787)" fill="#fff"/> <path id="패스_546" data-name="패스 546" d="M94.641,47.372H93.512a10.854,10.854,0,0,0,.208-1.989c0-.377-.177-.537-.508-.537H89.065c-.053,0-.115.031-.115.092v.531a.116.116,0,0,0,.115.1h3.579c.146,0,.215.016.215.161a8.78,8.78,0,0,1-.162,1.644H87.951c-.068,0-.106.039-.106.123v.5a.116.116,0,0,0,.106.115h2.842v1.144H88.866a.1.1,0,0,0-.115.093v.545c0,.054.062.092.115.092h3.778c.115,0,.146.023.146.123v1.767a.117.117,0,0,0,.114.107h.668a.116.116,0,0,0,.108-.107V49.807c0-.453-.085-.553-.507-.553h-1.5V48.109h2.965a.13.13,0,0,0,.115-.115v-.5a.139.139,0,0,0-.115-.123" transform="translate(-46.291 -23.632)" fill="#fff"/> <path id="패스_547" data-name="패스 547" d="M109.53,54.391h-3.548c-.392,0-.584.146-.584.538v1.429c0,.4.123.538.584.538h3.548c.376,0,.584-.146.584-.538V54.929c0-.407-.123-.538-.584-.538m-.3,1.667c0,.092-.015.1-.107.1h-2.742c-.084,0-.1-.008-.1-.1v-.814c0-.084.016-.115.1-.115h2.742c.069,0,.107.038.107.123Z" transform="translate(-55.541 -28.662)" fill="#fff"/> <path id="패스_548" data-name="패스 548" d="M109.882,51.584H103.2c-.069,0-.107.037-.107.114v.507a.112.112,0,0,0,.107.116h6.682a.131.131,0,0,0,.115-.116V51.7a.123.123,0,0,0-.115-.114" transform="translate(-54.326 -27.183)" fill="#fff"/> <path id="패스_549" data-name="패스 549" d="M107.663,47.441c1.467,0,2.427-.537,2.427-1.375s-.96-1.367-2.427-1.367c-1.451,0-2.442.538-2.442,1.367s.967,1.375,2.442,1.375m0-2.043c.891,0,1.506.291,1.506.668s-.615.676-1.506.676-1.521-.307-1.521-.676.623-.668,1.521-.668" transform="translate(-55.448 -23.555)" fill="#fff"/> <path id="패스_550" data-name="패스 550" d="M130.792,46.364h-1.044V44.62c0-.069-.031-.1-.1-.1h-.684c-.069,0-.1.031-.1.1v3.963c0,.07.031.108.1.108h.684c.07,0,.1-.031.1-.1V47.1h1.044a.109.109,0,0,0,.107-.1v-.538a.109.109,0,0,0-.107-.1" transform="translate(-67.907 -23.46)" fill="#fff"/> <path id="패스_551" data-name="패스 551" d="M125.084,54.148H121.1a.1.1,0,0,0-.108.1v.545a.1.1,0,0,0,.108.093h3.471c.1,0,.139.015.139.13V56.76a.118.118,0,0,0,.123.107h.653a.115.115,0,0,0,.107-.107V54.686c0-.391-.115-.538-.507-.538" transform="translate(-63.757 -28.534)" fill="#fff"/> <path id="패스_552" data-name="패스 552" d="M122.928,46.887a1.788,1.788,0,0,0-1.881-1.781,1.76,1.76,0,0,0-1.843,1.781,1.727,1.727,0,0,0,1.843,1.767,1.754,1.754,0,0,0,1.881-1.767m-2.872.016a1,1,0,1,1,.991,1.014.943.943,0,0,1-.991-1.014" transform="translate(-62.816 -23.769)" fill="#fff"/> <path id="패스_553" data-name="패스 553" d="M139.779,47.79l.591.054c.085.008.139-.062.162-.154a19.337,19.337,0,0,0,.207-2.265.465.465,0,0,0-.507-.515h-4.186c-.054,0-.115.031-.115.092v.523c0,.053.062.092.115.092h3.594c.147,0,.207.016.207.161s-.007.292-.015.468c-.922.062-2.465.054-3.771.054-.07,0-.1.038-.1.107v.476a.118.118,0,0,0,.1.123c1.283-.008,2.611-.015,3.717-.077-.03.253-.061.483-.092.691-.015.1.016.161.092.169" transform="translate(-71.631 -23.666)" fill="#fff"/> <path id="패스_554" data-name="패스 554" d="M140.383,51.111h-3.126V50.2a.118.118,0,0,0-.115-.115h-.66a.113.113,0,0,0-.115.115v.906H133.7a.111.111,0,0,0-.107.115v.507a.117.117,0,0,0,.107.115h6.682a.13.13,0,0,0,.115-.115v-.507a.131.131,0,0,0-.115-.115" transform="translate(-70.399 -26.395)" fill="#fff"/> <path id="패스_555" data-name="패스 555" d="M140.73,56.322h-3.8c-.114,0-.145-.022-.145-.122V54.993a.118.118,0,0,0-.115-.115h-.66a.123.123,0,0,0-.108.115v1.513c0,.4.123.553.584.553h4.247a.1.1,0,0,0,.114-.093v-.553c0-.053-.061-.092-.114-.092" transform="translate(-71.613 -28.919)" fill="#fff"/> <path id="패스_556" data-name="패스 556" d="M156.821,49.7h.63c.069,0,.1-.038.1-.108V44.881c0-.069-.031-.1-.1-.1h-.63c-.07,0-.108.031-.108.1v1.866h-.852a.1.1,0,0,0-.115.092v.515a.111.111,0,0,0,.115.1h.852V49.6a.1.1,0,0,0,.108.108" transform="translate(-82.072 -23.598)" fill="#fff"/> <path id="패스_557" data-name="패스 557" d="M160.876,44.521c-.077,0-.115.031-.115.1v5.015c0,.069.039.1.107.1h.661a.108.108,0,0,0,.106-.1V44.621a.108.108,0,0,0-.106-.1Z" transform="translate(-84.715 -23.461)" fill="#fff"/> <path id="패스_558" data-name="패스 558" d="M157.308,56.441h-3.878c-.1,0-.147-.023-.147-.123V55.074a.123.123,0,0,0-.114-.115h-.654a.124.124,0,0,0-.115.115v1.559c0,.4.131.546.591.546h4.316a.1.1,0,0,0,.107-.093v-.545a.109.109,0,0,0-.107-.1" transform="translate(-80.309 -28.961)" fill="#fff"/> <path id="패스_559" data-name="패스 559" d="M153.008,49.031l-.077-.422a.106.106,0,0,0-.153-.077,8.979,8.979,0,0,1-1.958.154c-.193-.023-.231-.046-.231-.207v-.652c.491,0,1.014-.015,1.505-.054.031,0,.069-.046.069-.139l-.008-.468c0-.054-.054-.069-.092-.069-.461.038-.96.038-1.474.038V46.4c0-.085.046-.131.146-.131h1.605c.069,0,.107-.031.107-.1V45.66c0-.069-.038-.1-.107-.1h-2.12c-.391,0-.514.123-.514.484v2.811c0,.345.184.53.553.553a10.4,10.4,0,0,0,2.634-.231c.053-.023.139-.054.115-.146" transform="translate(-78.89 -24.008)" fill="#fff"/> <path id="패스_560" data-name="패스 560" d="M168.836,48.181a10.462,10.462,0,0,1-3.479,1.367.139.139,0,0,0-.1.161l.153.484a.153.153,0,0,0,.184.069,11.44,11.44,0,0,0,2.627-.845,17.929,17.929,0,0,0,2.572.761.152.152,0,0,0,.177-.1l.169-.476a.121.121,0,0,0-.1-.154,19.783,19.783,0,0,1-1.951-.491,3.944,3.944,0,0,0,.86-.652,1.1,1.1,0,0,0,.345-.623c0-.254-.222-.383-.667-.383h-3.679c-.07,0-.1.03-.1.092v.522c0,.069.03.1.1.1h2.911c.069,0,.139.046-.023.169" transform="translate(-87.082 -24.924)" fill="#fff"/> <path id="패스_561" data-name="패스 561" d="M170.972,45.52a.123.123,0,0,0,.13-.123v-.476a.133.133,0,0,0-.13-.123h-2.12a.13.13,0,0,0-.115.115V45.4a.131.131,0,0,0,.115.115Z" transform="translate(-88.918 -23.607)" fill="#fff"/> <path id="패스_562" data-name="패스 562" d="M170.891,55.675H164.2a.111.111,0,0,0-.106.114v.484a.117.117,0,0,0,.106.115h6.69a.131.131,0,0,0,.115-.115v-.484a.131.131,0,0,0-.115-.114" transform="translate(-86.472 -29.339)" fill="#fff"/> <path id="패스_563" data-name="패스 563" d="M187.223,54.23h-.675a.108.108,0,0,0-.108.1v.614h-2.819v-.584a.1.1,0,0,0-.107-.092h-.676a.1.1,0,0,0-.1.092v1.912c0,.407.131.538.583.538h3.425c.438,0,.584-.169.584-.515V54.33a.109.109,0,0,0-.108-.1m-.783,1.728c0,.084-.047.13-.139.13h-2.542a.12.12,0,0,1-.138-.13v-.3h2.819Z" transform="translate(-96.296 -28.577)" fill="#fff"/> <path id="패스_564" data-name="패스 564" d="M184.143,47.1V46.7a.119.119,0,0,0-.115-.123l-4-.008a.164.164,0,0,0-.131.131v.4a.139.139,0,0,0,.123.123h4.009a.118.118,0,0,0,.115-.115" transform="translate(-94.799 -24.538)" fill="#fff"/> <path id="패스_565" data-name="패스 565" d="M184.3,49.632c0-.729-.713-1.2-1.642-1.2s-1.636.468-1.636,1.2.714,1.213,1.628,1.213c.937,0,1.65-.5,1.65-1.213m-2.457,0c0-.315.331-.553.815-.553s.813.238.813.553-.322.568-.813.568-.815-.253-.815-.568" transform="translate(-95.389 -25.523)" fill="#fff"/> <path id="패스_566" data-name="패스 566" d="M182.285,44.651a.13.13,0,0,0-.115.115v.407a.119.119,0,0,0,.107.123h1.95a.129.129,0,0,0,.131-.131v-.392a.134.134,0,0,0-.131-.123Z" transform="translate(-95.997 -23.529)" fill="#fff"/> <path id="패스_567" data-name="패스 567" d="M190.217,44.521h-.675c-.069,0-.107.031-.107.1v1.827h-.906a.1.1,0,0,0-.108.093v.491a.116.116,0,0,0,.108.107h.906v.5h-.914a.1.1,0,0,0-.1.092v.5a.1.1,0,0,0,.1.1h.914V48.7c0,.07.038.1.107.1h.675a.112.112,0,0,0,.107-.115V44.621a.109.109,0,0,0-.107-.1" transform="translate(-99.29 -23.461)" fill="#fff"/> <path id="패스_568" data-name="패스 568" d="M195.358,47.023v.43a.132.132,0,0,0,.115.123h4.062a.118.118,0,0,0,.115-.115v-.438a.118.118,0,0,0-.115-.115h-4.054a.139.139,0,0,0-.123.115" transform="translate(-102.946 -24.719)" fill="#fff"/> <path id="패스_569" data-name="패스 569" d="M199.676,45.481a.128.128,0,0,0,.123-.131v-.43a.132.132,0,0,0-.123-.123h-2.035c-.039,0-.123.045-.123.115v.445a.13.13,0,0,0,.123.123Z" transform="translate(-104.085 -23.606)" fill="#fff"/> <path id="패스_570" data-name="패스 570" d="M199.553,51.906c-.545.085-1.2.131-1.874.169v-.637a1.382,1.382,0,0,0,1.289-1.252c0-.769-.744-1.3-1.7-1.3-.922,0-1.69.53-1.69,1.3a1.368,1.368,0,0,0,1.236,1.267v.66c-.644.023-1.3.038-1.881.016a.1.1,0,0,0-.115.115v.507a.113.113,0,0,0,.115.115,33.121,33.121,0,0,0,4.716-.269.107.107,0,0,0,.092-.131l-.045-.483c-.008-.085-.092-.085-.146-.077m-3.141-1.72c0-.362.369-.615.86-.615.514,0,.868.253.868.615s-.354.621-.868.621c-.5,0-.86-.261-.86-.621" transform="translate(-102.664 -25.762)" fill="#fff"/> <path id="패스_571" data-name="패스 571" d="M206.581,44.521h-.675a.108.108,0,0,0-.107.1v7.088a.1.1,0,0,0,.107.1h.675c.069,0,.108-.031.108-.1V44.621c0-.069-.039-.1-.108-.1" transform="translate(-108.448 -23.461)" fill="#fff"/> <path id="패스_572" data-name="패스 572" d="M122.57,17.2V.764H119.3l-4.471,8.183L110.323.764h-3.26V17.2h2.985V6.52l4.662,8.067,4.867-8.077V17.2Z" transform="translate(-56.418 -0.403)" fill="#fff"/> <path id="패스_573" data-name="패스 573" d="M75.957,12.987,78.635,10.4l4.809,6.8h3.828L80.809,8.082l.039-.043L87.024.764H83.188L75.957,9.048V.764h-2.99V17.2h2.99Z" transform="translate(-38.451 -0.402)" fill="#fff"/> <path id="패스_574" data-name="패스 574" d="M181.352,13.941h7.516l1.325,3.262h3.128L186.663.812l-.021-.048h-3.066L176.9,17.2h3.128ZM185.11,4.69l2.6,6.4h-5.2Z" transform="translate(-93.219 -0.403)" fill="#fff"/> <path id="패스_575" data-name="패스 575" d="M153,17.111a7.62,7.62,0,0,0,6.83-5.345l-2.743-.921a4.766,4.766,0,0,1-4.426,3.282c-3.334,0-4.675-3.076-4.675-5.571s1.341-5.572,4.675-5.572,3.974,2.536,3.974,2.536l2.743-.921C158.05-.083,153,0,153,0a7.442,7.442,0,0,0-7.333,4.678,9.716,9.716,0,0,0,0,7.754A7.441,7.441,0,0,0,153,17.111" transform="translate(-76.338 0)" fill="#fff"/> </g> </g> </svg> </div> </a> </div> <div class="ml-auto"> <label> <select onchange="select_failmy('familySiteChange_PC');" id="familySiteChange_PC" class="select select-bordered select-xs max-w-xs bg-transparent border-white w-full text-sm text-white"> <option class="text-black" value="" selected>패밀리 사이트</option> <option class="text-black" value="http://www.kocca.kr/">한국콘텐츠진흥원</option> <option class="text-black" value="https://www.kcopa.or.kr/">한국저작권보호원</option> <option class="text-black" value="http://www.mcst.go.kr/">문화체육관광부</option> <option class="text-black" value="https://www.copyright.or.kr/">한국저작권위원회</option> <option class="text-black" value="http://k-mca.or.kr/">한국음악콘텐츠협회</option> <option class="text-black" value="http://circlemusicawards.com">써클차트뮤직어워즈</option> </select> </label> </div> </div> </td> </tr> </table> </section> </aside> </footer> </div> </section> </main> <div id="popup_image" class="popup_image" style="position: absolute; z-index:10000; top:20%; display: none;"> <a href="https://forms.gle/frEBk4L2vogKifcr6" target=""> <img src="/popup/images/notice_20220923.jpg" float: right; margin-left: 0px; margin-bottom: 0px; width:300px; cursor: pointer;" > </a> <div class="popup_bar"> <a href="javascript:closePop()" class="white" >오늘그만보기</a> <a class="pull-right white" href="javascript:closeMainPopup();">닫기</a> </div> </div> </div>  <script> $(document).ready(function () { // Ajax - 마이셀럽스 $.ajax( { url: "https://gaonchart.api.mycelebs.com/admin/sum_list?weeks=202446", type: "GET", dataType: "json", headers: { "x-api-key": "JJEENnAM5F2Q5MNF8wywc8gh8JQiZ1LKaJL0iRV4" }, async: false, success: function (data) { if (typeof data !== 'undefined') { var img = data['data'][0]['cit_url']; if (isEmptyStr(img) === false) { img = img.replace("240@240", "573@372"); $("#pc_img_chart_social").attr("src", img); $("#mo_img_chart_social").css('background-image','url('+img+')'); } } } }); // Ajax - Main $.ajax( { url: "/data/api/main", type: "POST", dataType: "json", async: false, success: function (data) { // ChartImg if (isEmptyStr(data.Chart_Global) === false) { $("#pc_img_chart_global").attr("src", data.Chart_Global); $("#mo_img_chart_global").css('background-image','url('+data.Chart_Global+')'); } if (isEmptyStr(data.Chart_Retail) === false) { $("#pc_img_chart_retail").attr("src", data.Chart_Retail); $("#mo_img_chart_retail").css('background-image','url('+data.Chart_Retail+')'); } if (isEmptyStr(data.Chart_Album) === false) { $("#pc_img_chart_album").attr("src", data.Chart_Album); $("#mo_img_chart_album").css('background-image','url('+data.Chart_Album+')'); } if (isEmptyStr(data.Chart_Digital) === false) { $("#pc_img_chart_digital").attr("src", data.Chart_Digital); $("#mo_img_chart_digital").css('background-image','url('+data.Chart_Digital+')'); } if (isEmptyStr(data.Chart_Streaming) === false) { $("#pc_img_chart_streaming").attr("src", data.Chart_Streaming); $("#mo_img_chart_streaming").css('background-image','url('+data.Chart_Streaming+')'); } // Youtube if(isEmptyStr(data.Youtube) === false) { var Html_PC = ""; var Html_MO = ""; for (var i in data.Youtube) { Html_PC += ` <li class="splide__slide"> <table> <tr> <td class="w-[400px] h-[250px] rounded-[30px]" style="background-image: url(${data.Youtube[i]["Img"]}); background-size: cover; cursor: pointer;" onclick="window.open('${data.Youtube[i]["Url_Link"]}', '_blank');" ></td> <td class="w-[500px] h-[250px] text-left p-[30px] text-white"> <div class="text-3xl font-bold cursor-pointer" onclick="window.open('${data.Youtube[i]["Url_Link"]}', '_blank');"> ${trimString(data.Youtube[i]["Subject"], 50)} </div> <div class="mt-[10px] text-sm cursor-pointer" onclick="window.open('${data.Youtube[i]["Url_Link"]}', '_blank');"> ${trimString(data.Youtube[i]["Content"], 130)} </div> <div class="mt-[10px] text-sm">${data.Youtube[i]["sys_date"].substring(0, 10)}</div> </td> </tr> </table> </li> `; Html_MO += ` <li class="splide__slide max-h-[500px]"> <div class="card bg-base-100"> <figure onclick="window.open('${data.Youtube[i]["Url_Link"]}', '_blank');"> <img src="${data.Youtube[i]["Img"]}" /> </figure> <div class="card-body bg-no-repeat bg_comm_content3 pt-[1.5rem] pb-[1.5rem] text-white" onclick="window.open('${data.Youtube[i]["Url_Link"]}', '_blank');"> <h2 class="card-title">${trimString(data.Youtube[i]["Subject"], 50)}</h2> <div class="mt-[10px] text-sm"> ${trimString(data.Youtube[i]["Content"], 100)} </div> <div class="mt-[10px] text-sm">${data.Youtube[i]["sys_date"].substring(0, 10)}</div> </div> </div> </li> `; } $("#pc_content_ytb").empty().append(Html_PC); $("#mo_content_ytb").empty().append(Html_MO); } // COLUMN if(isEmptyStr(data.Last_Column) === false) { var Html_PC = ""; var Html_MO = ""; for (var i in data.Last_Column) { var HrefUrl = `/page_article/view.circle?sgenre=opinion&idx=${data.Last_Column[i]["idx"]}`; Html_PC += ` <section class="flex mt-20 text-left"> <div class="w-1/2"> <a href="${HrefUrl}"> <div class="avatar relative" id="hover-column-img-${i}" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[190px] h-[190px]"> <img src="${data.Last_Column[i]["img"]}"> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[180px]"> <img id="hover-column-logo-${i}" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </a> </div> <div class="w-1/2 pt-4 text-left"> <a href="${HrefUrl}"> <div class="text-2xl font-bold">${trimString(data.Last_Column[i]["title"], 20)}</div> <div class="mt-[10px] text-sm">${trimString(data.Last_Column[i]["contents"], 55)}</div> <div class="mt-[10px] text-sm">${data.Last_Column[i]["sys_date"]}</div> </a> </div> </section> `; Html_MO += ` <div class="flex text-left mt-4 mb-4"> <div class="w-1/2 m-auto"> <a href="${HrefUrl}"> <div class="avatar"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[70%] h-[70%]" > <img src="${data.Last_Column[i]["img"]}"> </div> </div> </a> </div> <div class="w-1/2 pt-2 text-left"> <a href="${HrefUrl}"> <div class="text-xl font-bold">${trimString(data.Last_Column[i]["title"], 15)}</div> <div class="mt-[10px] text-sm">${trimString(data.Last_Column[i]["contents"], 40)}</div> </a> </div> </div> `; } $("#pc_content_column").empty().append(Html_PC); $("#mo_content_column").empty().append(Html_MO); } // NEWS if(isEmptyStr(data.Last_News) === false) { var Html_PC = ""; var Html_MO = ""; for (var i in data.Last_News) { var HrefUrl = `/page_article/view.circle?sgenre=kpop&idx=${data.Last_News[i]["idx"]}`; Html_PC += ` <aside class="w-1/2 text-center"> <section> <a href="${HrefUrl}"> <div class="avatar relative" id="hover-news-img-${i}" onmouseover="HandlerOverLogo(this.id, 'over');" onmouseleave="HandlerOverLogo(this.id, 'out');"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[190px] h-[190px]"> <img src="${data.Last_News[i]["img"]}"> </div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[180px]"> <img id="hover-news-logo-${i}" src="./assets/img/pc_logo_white.png" class="opacity-50 hidden"> </div> </div> </a> </section> <section class="p-2 text-left"> <a href="${HrefUrl}"> <div class="mt-[30px] text-sm">${trimString(data.Last_News[i]["title"], 20)}</div> <div class="mt-[10px] text-sm">${data.Last_News[i]["sys_date"]}</div> </a> </section> </aside> `; Html_MO += ` <aside class="w-1/2 text-center"> <section> <a href="${HrefUrl}"> <div class="avatar"> <div class="rounded-full ring ring-white ring-offset-base-100 ring-offset-2 w-[70%] h-[70%] m-auto"> <img src="${data.Last_News[i]["img"]}"> </div> </div> </a> </section> <section class="p-2 text-left"> <a href="${HrefUrl}"> <div class="mt-[0.5rem] text-sm">${trimString(data.Last_News[i]["title"], 20)}</div> <div class="mt-[0.5rem] text-sm">${data.Last_News[i]["sys_date"]}</div> </a> </section> </aside> `; } $("#pc_content_news").empty().append(Html_PC); $("#mo_content_news").empty().append(Html_MO); } // NOTICE if(isEmptyStr(data.Last_Notice) === false) { var Html_PC = ""; var Html_MO = ""; for (var i in data.Last_Notice) { var HrefUrl = `/page_community/view.circle?type=notice&idx=${data.Last_Notice[i]["seq_www_notice"]}`; Html_PC += `<a href="${HrefUrl}"><div class="mt-[10px] hover:underline">${data.Last_Notice[i]["subject"]}</div></a>`; Html_MO += `<a href="${HrefUrl}"><div class="mt-[10px]">${data.Last_Notice[i]["subject"]}</div></a>`; } $("#pc_content_notice").empty().append(Html_PC); $("#mo_content_notice").empty().append(Html_MO); } // LOGO if(isEmptyStr(data.Logo) === false) { var Html_PC = ""; var Html_MO = ""; // PC for (var i in data.Logo) { if(i % 6 === 0 || i === 0) { Html_PC += `<tr>`; } Html_PC += ` <td class="w-[163px] text-center p-1"> <a href="${data.Logo[i]["href"]}" target="_blank"> <img src="${data.Logo[i]["Img"]}" class="max-h-[50px] m-auto"> </a> </td> `; if(i % 6 === 6 && i > 0) { Html_PC += `</tr>`; } } // MO for (var i in data.Logo) { if(i % 4 === 0 || i === 0) { Html_MO += `<tr>`; } Html_MO += ` <td class="text-center p-1"> <a href="${data.Logo[i]["href"]}" target="_blank"> <img src="${data.Logo[i]["Img"]}" class="max-h-[50px] m-auto"> </a> </td> `; if(i % 4 === 4 && i > 0) { Html_MO += `</tr>`; } } $("#pc_content_logo").empty().append(Html_PC); $("#mo_content_logo").empty().append(Html_MO); } } }); // Splide - Swiper PC var InterviewConfig = { pagination: false, perPage: 1, rewind : true, arrow: true, } new Splide('#splide_interview', InterviewConfig).mount(); // Splide - Swiper MO - Chart var MainChartMoConfig = { pagination: true, rewind : true, arrows: true, type : 'loop', perMove: 1, perPage: 2, focus : 'center', gap: '15px', } new Splide('#splide_main_chart_mo', MainChartMoConfig).mount(); // Splide - Swiper MO - Youtube var MainYoutubeMoConfig = { pagination: false, perPage: 1, rewind : true, arrows: true, } new Splide('#splide_main_youtube_mo', MainYoutubeMoConfig).mount(); }); //alert(); function get_cookie (name) { var name_of_cookie = name + "="; var x = 0; while ( x <= document.cookie.length ) { var y = (x+name_of_cookie.length); if ( document.cookie.substring( x, y ) == name_of_cookie ) { if ( (end_of_cookie=document.cookie.indexOf( ";", y )) == -1 ) { end_of_cookie = document.cookie.length; } return unescape( document.cookie.substring( y, end_of_cookie ) ); } x = document.cookie.indexOf( " ", x ) + 1; if ( x == 0 ) break; } return ""; } function setCookie(name, value, expiredays) { var todayDate = new Date(); todayDate.setDate (todayDate.getDate() + expiredays); document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"; } function closePop() { setCookie("popname_notice", "done", 1); $("#popup_image").hide('fade'); } function closeMainPopup(){ $("#popup_image").hide('fade'); } if (get_cookie("popname_notice") != "done") { var d = new Date(); var d_str = d.getFullYear() + "-" + ((d.getMonth() + 1) > 9 ? (d.getMonth() + 1).toString() : "0" + (d.getMonth() + 1)) + "-" + (d.getDate() > 9 ? d.getDate().toString() : "0" + d.getDate().toString()) + "-" + (d.getHours() > 9 ? d.getHours().toString() : "0" + d.getHours().toString())+"-" + (d.getMinutes() > 9 ? d.getMinutes().toString() : "0" + d.getMinutes().toString()) ; if (d_str>="2022-09-23-11-00" && d_str<="2022-09-29-12-30") { if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { $("#popup_image").show('fade'); } else { window.open('/popup/popup_notice.circle', 'notice', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no, left=50, top=50, width=600, height=610'); } } } </script> </body> </html>