<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Product Line Amount Low to High</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_amount_raw%5D=desc"><span>Amount (KRW)</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14385&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (KRW)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Kakao G Corp
          </td>

          <td class="is-vcentered">
            <div>
              Digital Asset and NFT Production
            </div>
            <div class="is-size-7 ">
              These companies create digital assets, including non-fungible tokens, and sell these assets for investment purposes. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao G Corp
          </td>

          <td class="is-vcentered">
            <div>
              Blockchain Technology Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide blockchain-based technology. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.13T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.78%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakaopay Corp
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Financial Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide diversified financial services, including asset management and investment banking services.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.27%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao Piccoma Corp
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Consumer Media Distributor; Online
            </div>
            <div class="is-size-7 has-text-grey">
              Through the internet, these companies allow customers to view diversified consumer media.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.31%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao Mobility Corp
          </td>

          <td class="is-vcentered">
            <div>
              Perpetual License Database Software
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified database software. Products include database management software and related software, serving functions such as database creation, database backup, and data analysis.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.55T
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.47%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Others
          </td>

          <td class="is-vcentered">
            <div>
              Custom Software Development
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop custom mobile applications, websites, and other enterprise software for businesses.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.61T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.33%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao Games Corp
          </td>

          <td class="is-vcentered">
            <div>
              Social Game Developer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through in-game purchases.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.01T
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.85%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao Entertainment Corp
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Consumer Media
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce various forms of consumer media, ranging from music, television shows, to feature films.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.42T
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.49%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Kakao Corp
          </td>

          <td class="is-vcentered">
            <div>
              Online Social Network; ad revenue
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide an online social media platform which allows users to learn more about each other through social interactions. These platforms are supported by advertisements.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.67T
          </td>

          <td class="has-text-right is-vcentered">
              <span>36.50%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao G Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Digital Asset and NFT Production
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies create digital assets, including non-fungible tokens, and sell these assets for investment purposes. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao G Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Blockchain Technology Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.13T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.78%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide blockchain-based technology. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakaopay Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Financial Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.27%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide diversified financial services, including asset management and investment banking services.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao Piccoma Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Consumer Media Distributor; Online
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.46T
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.31%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              Through the internet, these companies allow customers to view diversified consumer media.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao Mobility Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Perpetual License Database Software
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.55T
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.47%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies develop diversified database software. Products include database management software and related software, serving functions such as database creation, database backup, and data analysis.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Others
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Custom Software Development
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.61T
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.33%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies develop custom mobile applications, websites, and other enterprise software for businesses.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao Games Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Social Game Developer
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.01T
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.85%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through in-game purchases.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao Entertainment Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Consumer Media
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.42T
          </td>

          <td class="has-text-right is-vcentered">
              <span>19.49%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce various forms of consumer media, ranging from music, television shows, to feature films.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Kakao Corp
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Social Network; ad revenue
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.67T
          </td>

          <td class="has-text-right is-vcentered">
              <span>36.50%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide an online social media platform which allows users to learn more about each other through social interactions. These platforms are supported by advertisements.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>