<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 [Z-A]</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=2967&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=2967&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=2967&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=2967&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=2967&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=2967&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=2967&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=2967&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=2967&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=2967&amp;sort%5Bname%5D="><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=2967&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount</span><span class="material-symbols-outlined is-size-5"></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=2967&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
      </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="">
          <td class="is-vcentered">
            SK Telecom Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Wireless Telecommunication Networks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireless telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,403
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            SK Maritime Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Water Shipping
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship to and from diversified industries using mostly ships.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            SK Engineering &amp; Construction Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Power Plant Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build power plants.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            SK E&amp;S Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Utility
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute natural gas to end-users, including businesses, consumers, and governments.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              IT Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform business process outsourcing, with an emphasis on IT support.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            SK Innovation Co Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Integrated Oil &amp; Refined Fuel Production
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are integrated oil &amp; gas companies. They engage in upstream crude oil production as well as operate refineries to produce refined petroleum products. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,235
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            SK Networks Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Equipment and Material Distribution
            </div>
            <div class="is-size-7 has-text-grey">
              These companies wholesale or distribute diverse equipment and materials.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            SKC Co., Ltd.
          </td>

          <td class="is-vcentered">
            <div>
              Chemical Intermediates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </div>
          </td>

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

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

    <tbody class="visible-tablet ">

        <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">
              SK Telecom Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireless Telecommunication Networks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,403
          </td>

          <td class="has-text-right is-vcentered">
              <span>38.95%</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 wireless telecommunication services for diversified customers, including businesses, consumers, and governments.
            </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">
              SK Maritime Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Water Shipping
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>-0.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 ship to and from diversified industries using mostly ships.
            </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">
              SK Engineering &amp; Construction Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Power Plant Construction
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.93%</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 are contracted to build power plants.
            </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">
              SK E&amp;S Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Utility
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>5.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">
              These companies distribute natural gas to end-users, including businesses, consumers, and governments.
            </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">
                IT Services
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>10.98%</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 perform business process outsourcing, with an emphasis on IT support.
            </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">
              SK Innovation Co Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Integrated Oil &amp; Refined Fuel Production
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,235
          </td>

          <td class="has-text-right is-vcentered">
              <span>37.03%</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 are integrated oil &amp; gas companies. They engage in upstream crude oil production as well as operate refineries to produce refined petroleum products. 
            </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">
              SK Networks Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Equipment and Material Distribution
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.45%</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 wholesale or distribute diverse equipment and materials.
            </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">
              SKC Co., Ltd.
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Chemical Intermediates
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.07%</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 chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>