{"id":41924,"date":"2023-12-13T11:37:15","date_gmt":"2023-12-13T02:37:15","guid":{"rendered":"https:\/\/koreabuild.co.kr\/kintex\/?page_id=41924"},"modified":"2024-06-07T16:37:13","modified_gmt":"2024-06-07T07:37:13","slug":"company-youtube","status":"publish","type":"page","link":"https:\/\/koreabuild.co.kr\/kintex\/company-youtube\/","title":{"rendered":"\ucc38\uac00\uc5c5\uccb4 \uc720\ud29c\ube0c \ucc44\ub110"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1456px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n<style>\n  #companiesContents {\n    margin-top: 20px;\n  }\n\n  .company-group-header {\n    display: flex;\n    margin: 20px 0;\n    justify-content: space-between;\n  }\n\n  .btn-collapse {\n    font-size: 16px;\n    color: white;\n    border: 1px solid #eb2a26;\n    border-radius: 5px;\n    background-color: #eb2a26;\n    padding: 5px 10px;\n  }\n\n  .company-youtube-wrap {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    width: 100%;\n    column-gap: 20px;\n    row-gap: 20px;\n  }\n\n  .company-youtube {\n    border: 1px solid #ccc;\n    border-radius: 15px;\n    overflow: hidden;\n  }\n\n  .youtube-name {\n    font-size: 18px;\n  }\n\n  .youtube-thumbnail-wrap {\n    width: 100%;\n    aspect-ratio: 16\/9;\n  }\n\n  .youtube-thumbnail-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .company-channel {\n    word-break: break-all;\n    font-size: 14px;\n  }\n\n  .company-infos {\n    padding: 5px 10px 10px 10px;\n  }\n\n  .company-keywords {\n    margin-top: 5px;\n  }\n\n  .company-group {\n    display: none;\n    margin-bottom: 10px;\n  }\n\n  .company-group.active {\n    display: block;\n  }\n\n  .tab-buttons {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    width: 100%;\n    margin-top: 15px;\n  }\n\n  .tab-buttons .btn-tab {\n    color: black;\n    background: white;\n    font-size: 18px;\n    border: 1px solid black;\n    word-break: keep-all;\n    padding: 10px 5px;\n    margin-left: -1px;\n    margin-top: -1px;\n    min-height: 73px;\n  }\n\n  .tab-buttons .btn-tab.active {\n    color: white;\n    background-color: black;\n  }\n\n  .tab-buttons .btn-tab:first-child {\n    border-left: 1px solid black;\n  }\n\n  @media screen and (max-width: 1000px) {\n    .tab-buttons {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .tab-buttons .btn-tab:nth-child(2n-1) {\n      border-left: 1px solid black;\n    }\n\n    .tab-buttons .btn-tab:nth-child(-n+5) {\n      border-bottom: 0;\n    }\n\n    .company-youtube-wrap {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .company-youtube-wrap {\n      grid-template-columns: 1fr;\n    }\n  }\n\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script src=\"https:\/\/koreabuild.co.kr\/kintex\/wp-content\/themes\/Avada\/includes\/lib\/assets\/min\/js\/library\/bootstrap.collapse.js\"><\/script>\n\n<div id=\"companiesContents\">\n  <div class=\"tab-buttons\">\n    <button class=\"btn-tab active\" onclick=\"changeTab('all', this)\">\uc804\uccb4\ub9ac\uc2a4\ud2b8<\/button>\n      <\/div>\n  <\/div>\n\n<script>\n  function changeTab(COMPANY_GROUP_ID, btn) {\n    jQuery('.btn-tab').each(function(index, btnTab) {\n      jQuery(btnTab).removeClass('active');\n    });\n    jQuery(btn).addClass('active');\n\n    jQuery('.company-group').each(function(index, companyGroup) {\n      jQuery(companyGroup).removeClass('active');\n    });\n\n    if (COMPANY_GROUP_ID === 'all') {\n      jQuery('.company-group').each(function(index, companyGroup) {\n        jQuery(companyGroup).addClass('active');\n      });\n    } else {\n      jQuery('#companyGroup' + COMPANY_GROUP_ID).addClass('active');\n      jQuery('#companyGroup' + COMPANY_GROUP_ID + ' .company-youtube-wrap .company-youtube.all').collapse('show');\n    }\n  }\n\n<\/script>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-41924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/pages\/41924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/comments?post=41924"}],"version-history":[{"count":0,"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/pages\/41924\/revisions"}],"wp:attachment":[{"href":"https:\/\/koreabuild.co.kr\/kintex\/wp-json\/wp\/v2\/media?parent=41924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}