CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" class="h-screen"> <head> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/runtime-eed5b4cdaccf27b9d5fc.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/5217-2ae580ac374aa9e4702c.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/cookies-39292efe3351f8a2b686.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8559-861c670a974ad2ba563b.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/601-ad90aa2e540909e29416.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/7107-80a4947feee363e11ee0.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4057-14cecce702c30f549526.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/663-7e391fa289e8ff4ca349.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/careersite-1e16232a10b145b341e6.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/4254-7afc1b5cd6cedb6c1681.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/8454-e4365b811e44853f90b8.js" data-turbo-track="reload" nonce="" defer="defer"></script> <script src="https://assets-aws.teamtailor-cdn.com/assets/packs/js/font-awesome-5181186e645d241afc2d.js" data-turbo-track="reload" nonce="" defer="defer"></script> <link rel="stylesheet" href="https://assets-aws.teamtailor-cdn.com/assets/packs/css/careersite-026895f3.css" data-turbo-track="reload" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-cache-control" content=""> <meta name="turbo-prefetch" content="false"> <title>Current job openings - MDPI Korea</title> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="RQP9bm0YSefOnskMIFTLoLY976pieYcRK0JuaKlyDO0Ifx5YmSJpLhCL39fJgZk+skOrln8vjMl0E+pE1xGO8g==" /> <meta name="csp-nonce" content="" /> <meta name="description" content="Job openings at MDPI Korea" /> <meta name="keywords" content="Job opportunities, Jobs, Career, Career site" /> <link rel="alternate" type="application/rss+xml" title="Blog Posts" href="/blog/posts.rss" /><link rel="alternate" type="application/rss+xml" title="Jobs" href="/jobs.rss" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Current job openings - MDPI Korea" /> <meta property="og:site_name" content="MDPI Korea" /> <meta property="og:url" content="https://mdpisouthkorea.teamtailor.com/jobs" /> <meta property="og:description" content="Job openings at MDPI Korea" /> <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/00d53e6d-e6e0-4fe3-8a09-f0050910820b-facebook.png?update=1700741231" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/00d53e6d-e6e0-4fe3-8a09-f0050910820b-twitter.png?update=1700741231" /> <meta name="twitter:title" content="Current job openings - MDPI Korea" /> <meta name="twitter:description" content="Job openings at MDPI Korea" /> <style media="all"> :root { --company-primary-bg-color: 255, 255, 255; --company-secondary-bg-color: 79, 86, 113; --company-secondary-bg-light-5-color: 89, 97, 128; --company-secondary-bg-fallback-color: 79, 86, 113; --company-primary-text-color: 37, 37, 37; --company-primary-text-dark-5-color: 24, 24, 24; --company-primary-text-dark-10-color: 11, 11, 11; --company-primary-text-light-50-color: 164, 164, 164; --company-primary-text-light-77-color: 233, 233, 233; --company-secondary-text-color: 255, 255, 255; --company-secondary-text-light-5-color: 255, 255, 255; --company-secondary-text-light-15-color: 255, 255, 255; --company-link-color: 79, 86, 113; --company-color: 79, 86, 113; --company-button-text-color: 255, 255, 255; --company-button-bg-color: 79, 86, 113; --company-button-bg-light-5-color: 89, 97, 128; --company-button-bg-light-15-color: 113, 122, 156; --company-border-radius: 4px; --company-header-font-family: "Source Sans Pro"; --company-header-font-weight: 700; --company-body-font-family: "Source Sans Pro"; --company-body-font-weight: 400; } section.hero .hero-inner { margin-top: 140px; } .jobsite-layout.menu-is-visible .header__main .burger-wrapper span { color: #ffffff !important; } .header__main .burger-wrapper span { color: #4f5671 !important; } .header__main .burger { border-bottom: 2px solid #4f5671 !important; } .jobsite-layout.menu-is-visible .header__main .burger { border-bottom: 2px solid #ffffff !important; } .jobsite-layout.menu-is-visible .logo img { visibility: hidden !important; } .jobsite-layout .header__main.background { background-color: #ffffff; } </style> <meta name="theme-color" content="#4f5671"> <link rel="stylesheet" href="https://fonts.teamtailor-cdn.com/legacy/fonts.css" type="text/css"> </head> <body class="font-company-body min-h-screen flex flex-col text-company-primary bg-company-primary overflow-x-clip company-link-style--bold jobs index" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true"> <dialog data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="fixed shadow-form w-auto items-center rounded p-4 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-6 lg:max-h-[calc(100vh-40px)] flex-col inset-x-4 bottom-4 mb-0 mt-auto justify-between !translate-y-0 !top-0 lg:p-10 lg:flex-row lg:inset-x-[40px] lg:mb-6"> <div class="w-full max-w-screen-xl overflow-y-auto"> <h1 class="font-bold block text-md mb-2">This website uses cookies to ensure you get the best experience on our website.</h1> <p class="mb-2"> MDPI Korea and selected partners use cookies and similar technologies to ensure you get the best experience on this website. If you consent to it, we will use cookies for analytics purposes. </p> <p class="mb-2">See our <a class='company-link' href='https://mdpisouthkorea.teamtailor.com/cookie-policy'>Cookie Policy</a> to read more about the cookies we set.</p> <p>You can withdraw and manage your consent at any time, by clicking "Manage cookies" at the bottom of each website page.</p> </div> <div class="flex flex-col items-center gap-[10px] mt-6 flex-shrink-0 mb-2 w-full md:flex-row md:w-auto lg:flex-col"> <button class="careersite-button w-full" data-action="click->common--cookies--alert#acceptAll">Accept all cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--alert#disableAll">Disable non-necessary cookies</button> <button class="font-medium p-2 company-link hover:opacity-animated" data-action="click->common--cookies--alert#openPreferences">Cookie preferences</button> </div> </dialog> <dialog data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window->common--cookies--preferences#open" class="bg-company-primary text-company-primary shadow-form inset-x-4 mb-4 rounded max-w-screen-sm p-4 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-10 sm:mb-auto sticky top-2"> <div class="mb-5 text-center;"> <h1 class="font-bold mb-2 text-lg">Select which cookies you accept</h1> <p class="text-left mb-2">On this site, we always set cookies that are strictly necessary, meaning they are necessary for the site to function properly.</p> <p class="text-left mb-2">If you consent to it, we will also set other types of cookies. You can provide or withdraw your consent to the different types of cookies using the toggles below. You can change or withdraw your consent at any time, by clicking the link “Manage Cookies”, that is always available at the bottom of the site.</p> <p class="text-left">To learn more about what the different types of cookies do, how your data is used when they are set etc, see our <a href='https://mdpisouthkorea.teamtailor.com/cookie-policy' class='underline text-company-link'>Cookie Policy</a>.</p> </div> <div class="mb-10 text-sm leading-snug"> <div class="flex mb-3 items-start sm:mb-5 cursor-default" data-preference-type="strictly_necessary"> <div class="label-switch label-switch--disabled"> <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold" for="strictly_necessary">Strictly necessary</label> <p>These cookies are necessary to make the site work properly, and are always set when you visit the site.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> <div class="flex mb-3 items-start sm:mb-5" data-preference-type="analytics"> <div class="label-switch"> <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input->common--cookies--preferences#handleCategoryToggle"> <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div> </div> <div class="ml-4 flex flex-col"> <label class="font-semibold cursor-pointer" for="analytics">Analytics</label> <p>These cookies collect information to help us understand how the site is being used.</p> <span> <strong>Vendors</strong> <span>Teamtailor</span> </span> </div></div> </div> <div class="flex flex-col items-center gap-6"> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleAccept">Accept these cookies</button> <button class="careersite-button w-full" data-action="click->common--cookies--preferences#handleDecline">Decline non-necessary cookies</button> </div> </dialog> <main class="flex flex-col flex-grow"> <header class="header z-career-header flex w-full h-20 hover:after:top-0 !relative" data-section-model="header" style=""> <div class="absolute top-0 w-full h-full ltr:left-0 rtl:right-0"> <div class="flex items-center h-full ltr:ml-2 rtl:mr-2" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu"> <button class="relative flex items-center gap-4 px-4 no-underline cursor-pointer h-14 sm:w-auto bg-opacity-80 sm:bg-transparent z-career-header-menu-button focus-visible-header" aria-expanded="false" data-action="click->common--header--menu#toggle" data-common--header--menu-target="button" > <span class="header-menu-burger" data-common--header--menu-target="burger"> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> <span class="header-menu-burger__item"></span> </span> <span class="hidden text-sm leading-normal tracking-wider uppercase sm:block whitespace-nowrap">Career menu</span> </button> <div class="absolute inset-0 hidden w-full h-screen py-20 m-0 overflow-y-auto bottom header__nav z-career-header-menu-content" data-common--header--menu-target="menu"> <nav class="w-full main-nav-menu sm:h-full"> <ul class="w-full sm:py-12"> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://mdpisouthkorea.teamtailor.com/">Start</a> </li> <li> <a class="text-xl sm:text-4xl py-3 px-8 sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible:outline-none focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://mdpisouthkorea.teamtailor.com/jobs">Jobs</a> </li> </ul> </nav> <div class="flex flex-col items-end px-8 py-8 overflow-auto md:max-h-full scrollbar-hide main-nav-misc sm:text-right sm:fixed top-16 ltr:right-8 rtl:left-8 sm:px-0 sm:py-0"> <span class="text-lg font-bold">Employee</span> <a class="hover:underline focus-visible-header self-end" href="https://app.teamtailor.com/companies/ZuvW4JTr7FM/dashboard">Log in</a> <div class="flex flex-col main-nav-companies"> <span class="self-end mt-12 text-lg font-bold">MDPI </span> <a class="hover:underline focus-visible-header self-end" href="https://careers.mdpi.com">MDPI </a> <a class="hover:underline focus-visible-header self-end" href="https://careers.jp.mdpi.com">MDPI Japan</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.srb.mdpi.com">MDPI Serbia</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.es.mdpi.com">MDPI Spain</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.ch.mdpi.com">MDPI Switzerland</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.uk.mdpi.com">MDPI UK</a> <a class="hover:underline focus-visible-header self-end" href="https://careers.ro.mdpi.com">MDPI Romania</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpipoland.teamtailor.com">MDPI Poland</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpicanada.teamtailor.com">MDPI Canada</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpisingapore.teamtailor.com">MDPI Singapore</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpithailand.teamtailor.com">MDPI Thailand</a> <a class="hover:underline focus-visible-header self-end" href="https://mdpisouthkorea.teamtailor.com">MDPI Korea</a> </div> <span class="mt-12 text-lg font-bold">Candidate</span> <a class="hover:underline focus-visible-header self-end" href="https://mdpisouthkorea.teamtailor.com/connect/login">Log in to Connect</a> </div> </div> </div> </div> <div class="flex items-center mx-auto"> <a class="relative h-18 flex items-center justify-center text-center focus-visible-header" id="ed71a388bcf118fc3ce3d333726bcddaa" data-test="company-logo" data-turbo-permanent="true" href="https://mdpisouthkorea.teamtailor.com/"> <img alt="MDPI Korea career site" class="mx-auto max-w-[180px] sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/383558e8-a5b2-4099-a887-1318b3d01920/original.png" /> </a> </div> <div class="absolute top-0 flex items-center h-full mx-3 ltr:right-0 rtl:left-0"> <div data-controller="common--share" data-common--share-url-value="https://mdpisouthkorea.teamtailor.com/jobs" data-test="share-button"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Share page" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="text-current px-4 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <i class="far fa-arrow-up-from-bracket size-6"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Facebook"> <span class="flex items-center"> <i class="fab fa-facebook-square size-6"></i> <span class="mx-3">Facebook</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="Twitter"> <span class="flex items-center"> <i class="fab fa-square-x-twitter size-6"></i> <span class="mx-3">X</span> </span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->common--share#handleClick" data-provider="LinkedIn"> <span class="flex items-center"> <i class="fab fa-linkedin size-6"></i> <span class="mx-3">LinkedIn</span> </span> </button> </div></div></div> </div> </header> <section id="section-26115369" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);" class="block--jobs jobs-page bg-company-primary text-company-primary" data-section-route="section" data-section-model="26115369" data-section-name="jobs"> <turbo-frame loading="lazy" id="jobs_list"> <div class="w-full text-lg relative pb-20 lg:pb-0" data-layout="thick" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="true" data-blocks--jobs-split-view-value="true" data-blocks--jobs-split-view-candidate-value="true" data-blocks--jobs-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-blocks--jobs-first-block-value="true" data-blocks--jobs-headquarter-value="{"id":610731,"company_id":82512,"name":"Seoul office","email":"hr-seoul@mdpi.com","address":null,"zip":null,"city":"Seongdong-gu","country":"South Korea","phone":"+82-10-9893-9708","created_at":"2023-11-10T15:24:00.998+01:00","updated_at":"2024-10-22T07:42:29.045+02:00","contact_email":null,"lat":"37.5510171","long":"127.0410394","headquarters":true,"hide_on_careersite":false,"region_id":null,"administrative_area":"Seoul","import_id":null,"language_code":null}" data-blocks--jobs-overflow-auto-class="lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="lg:[&.bg-block-preset-primary:not(.keep-block-padding)]:!pt-20" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs"> <div class="jobs-container lg:flex lg:flex-col lg:max-h-[1440px] lg:h-[calc(95vh-84px)]" data-blocks--jobs-target="jobsContainer"> <template data-blocks--jobs-target="largeScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row bg-company-primary hidden lg:mx-0 lg:flex lg:shrink-0 lg:sticky lg:top-0 lg:px-5 lg:py-0 lg:py-3 lg:border-t lg:border-b lg:border-block-base-text lg:border-opacity-15 z-career-jobs-filter-no-map lg:!mb-0 splitViewFiltersComponent" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"country":"Countries","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"country":"Countries","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form lg:shadow-none border border-block-base-text border-opacity-15"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="country-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Countries" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Countries </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Switzerland" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Switzerland </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="South Korea" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> South Korea </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border border-block-base-text border-opacity-15 font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 whitespace-nowrap max-w-[280px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="MDPI Headquarters Basel" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> MDPI Headquarters Basel </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Seoul office" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Seoul office </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="MDPI Headquarters Basel" data-common--options-widget-value-param="MDPI Headquarters Basel"> MDPI Headquarters Basel <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Seoul office" data-common--options-widget-value-param="Seoul office"> Seoul office <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="country" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Countries</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Switzerland" data-common--options-widget-value-param="Switzerland"> Switzerland <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="South Korea" data-common--options-widget-value-param="South Korea"> South Korea <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Countries</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div class="relative lg:flex lg:grow lg:overflow-hidden lg:border-b lg:border-block-base-text lg:border-opacity-15"> <template data-blocks--jobs-target="largeMarkerIcon"> <i class="text-3xl filter drop-shadow fas fa-location-dot text-company-secondary-bg"></i> </template> <template data-blocks--jobs-target="smallMarkerIcon"> <i class="filter drop-shadow fas fa-circle-small fa-xs text-company-secondary-bg"></i> </template> <div class="jobs-map-container lg:basis-[40%] 2xl:basis-[50%] lg:order-2"> <template data-blocks--jobs-target="smallScreenSplitViewFilter"> <form id="blocks-jobs-filters-form" class="mx-auto mb-4 flex items-start text-block-text flex-col text-sm sm:flex-row !mb-0 lg:absolute lg:top-3 lg:left-3 lg:right-3 z-[500] lg:hidden" data-turbo-frame="jobs_list" data-turbo-action="advance" data-controller="blocks--jobs--filters" data-action="submit->blocks--jobs--filters#handleBefore jobs-map-changed@window->blocks--jobs--filters#handleMapChange jobs-filters-mobile-submit@window->blocks--jobs--filters#handleExternalSubmit" data-blocks--jobs--filters-common--options-widget-outlet=".options-widget" data-blocks--jobs--filters-interactive-map-value="true" data-blocks--jobs--filters-using-map-value="true" data-blocks--jobs--filters-has-search-value="true" data-blocks--jobs--filters-visible-mobile-filters-value="{"country":"Countries","location":"Locations"}" data-blocks--jobs--filters-default-mobile-filters-value="{"country":"Countries","location":"Locations"}" data-blocks--jobs--filters-more-count-text-value="nbr more" data-blocks--jobs--filters-desktop-dropdown-options-divider-class="w-full bg-zinc-200 pb-px mb-1" action="/jobs" accept-charset="UTF-8" method="get"> <input autocomplete="off" type="hidden" name="company" id="company" /> <input autocomplete="off" type="hidden" name="division" id="division" /> <input data-blocks--jobs--filters-target="departmentInput" autocomplete="off" type="hidden" name="department" id="department" /> <input data-blocks--jobs--filters-target="roleInput" autocomplete="off" type="hidden" name="role" id="role" /> <input data-blocks--jobs--filters-target="countryInput" autocomplete="off" type="hidden" name="country" id="country" /> <input data-blocks--jobs--filters-target="regionInput" autocomplete="off" type="hidden" name="region" id="region" /> <input data-blocks--jobs--filters-target="locationInput" autocomplete="off" type="hidden" name="location" id="location" /> <input autocomplete="off" type="hidden" name="language" id="language" /> <input autocomplete="off" type="hidden" name="remote_status_id" id="remote_status_id" /> <input autocomplete="off" type="hidden" name="employment_type" id="employment_type" /> <input autocomplete="off" type="hidden" name="employment_level" id="employment_level" /> <input value="true" autocomplete="off" type="hidden" name="split_view" id="split_view" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLat" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lat]" id="geobound_coordinates[top_left_lat]" /> <input data-blocks--jobs--filters-target="geoboundTopLeftLon" autocomplete="off" type="hidden" name="geobound_coordinates[top_left_lon]" id="geobound_coordinates[top_left_lon]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLat" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lat]" id="geobound_coordinates[bottom_right_lat]" /> <input data-blocks--jobs--filters-target="geoboundBottomRightLon" autocomplete="off" type="hidden" name="geobound_coordinates[bottom_right_lon]" id="geobound_coordinates[bottom_right_lon]" /> <div data-blocks--jobs--filters-target="searchContainer" data-turbo-permanent="true" class="hidden lg:flex items-center pl-2 pr-3 rounded text-opacity-85 bg-company-primary flex items-center pl-2 pr-3 rounded text-opacity-85 w-fit shadow-form"> <i class="text-xs fas fa-search text-opacity-85"></i> <input placeholder="Search" class="bg-transparent focus:outline-none border-none text-sm text-opacity-85 pl-2 pr-0 leading-[19px] font-medium placeholder-block-base-text focus:ring-0" data-action="change->blocks--jobs--filters#handleSearchInputChange blur->blocks--jobs--filters#handleSearchInputBlur focus->blocks--jobs--filters#handleSearchInputFocus" data-blocks--jobs--filters-target="searchInput" type="text" name="query" id="query" /> <input type="submit" value="↵" class="pt-1 bg-transparent text-md h-full pl-2 pr-3 text-opacity-85 rounded hidden" data-blocks--jobs--filters-target="submitButton" data-disable-with="↵" /> </div> <div class="w-full lg:flex lg:flex-row lg:flex-row lg:items-center lg:justify-end lg:flex-wrap hidden gap-3"> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="country-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Countries" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Countries </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Switzerland" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Switzerland </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="South Korea" data-field="country"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> South Korea </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> <div class="relative" data-controller="common--dropdown" data-common--dropdown-id-value="location-dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="You must select an option"> <button type="button" role="button" title="Locations" tabIndex="0" aria-required="false" aria-haspopup="true" aria-expanded="false" class="bg-company-primary flex gap-x-2 items-center text-left text-sm text-block-text text-opacity-85 leading-[19px] min-w-full p-2 pl-3 focus:outline text-base rounded focus-visible-company border-none shadow-form font-medium" data-common--dropdown-target="button" data-action="click->common--dropdown#toggle"> <span class="inline-block max-w-[320px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Locations </span> <i class="text-xs fas fa-chevron-down"></i> </button> <div class="absolute flex-col hidden -mt-1 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0 !max-h-[500px] p-2 top-full" data-common--dropdown-target="dropdown"> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> All </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="MDPI Headquarters Basel" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> MDPI Headquarters Basel </div> <span class="opacity-50 pointer-events-none"></span> </button> <button type="button" role="button" tabIndex="0" class="block no-underline px-3 py-3 sm:py-1 text-gray-800 focus-visible-company hover:bg-company-secondary hover:text-company-secondary flex flex-row gap-1 last:mb-0 text-unset mb-1 rounded-xs" data-common--dropdown-target="menuItem" data-action="click->blocks--jobs--filters#handleChange" data-value="Seoul office" data-field="location"> <div class="max-w-[210px] whitespace-nowrap text-ellipsis overflow-hidden pointer-events-none"> Seoul office </div> <span class="opacity-50 pointer-events-none"></span> </button> </div></div> </div> <div id="filters-mobile-modal" data-controller="common--modal" data-common--modal-turbo-value="true" data-common--modal-modal-name-value="filters-mobile-turbo-modal" style="display: none;" class="lg:hidden absolute left-4 right-4 top-4 z-[500]"> <div data-common--modal-target="linkContainer"> <button type="button" class="bg-gray-300 bg-opacity-50 w-full px-5 py-3 mb-0 lg:mb-4 flex items-center text-left rounded-full backdrop-blur-2xl"> <i class="text-md fas fa-search text-gray-800"></i> <div class="ml-4 w-full"> <span class="mb-1 text-base font-semibold text-gray-800">Looking for</span> <div class="text-sm text-gray-600 flex gap-1"> <span class="max-w-[70%] text-ellipsis overflow-hidden whitespace-nowrap activeFiltersContent"> </span> <span class="extraActiveFiltersCount"></span> </div> </div> </button> </div> <template data-common--modal-target="spinnerTemplate"> <div class="flex items-center justify-center h-full" id="spinner"> <div class="animate-[spin_3s_linear_infinite] inline-block size-6 size-30 border-6 border-current border-t-transparent text-neutral-weak rounded-full" role="status" aria-label="loading"> </div> </div> </template> <template data-common--modal-target="template"> <div class="fixed top-0 left-0 items-center justify-center w-full h-full transition-opacity duration-200 bg-black bg-opacity-50 modal z-modal backdrop-blur-md hidden"> <div class="z-modal overflow-y-auto bg-white h-screen w-screen"> <div class="w-full h-full absolute top-0 left-0 right-0 bottom-0 bg-company-link bg-opacity-3"></div> <div class="relative w-full h-full py-12 px-4"> <div class="flex justify-between items-center pb-4" data-controller="blocks--jobs--filters-mobile"> <button tabindex="0" type="button" class="company-link cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-within:outline-company-secondary-bg" data-action="click->blocks--jobs--filters-mobile#resetAllWidgets"> Clear all </button> <button type="button" class="company-link bg-company-link bg-opacity-15 size-8 rounded-full flex items-center justify-center cursor-pointer" data-close="close"> <i class="text-xl fas fa-regular fa-xmark"></i> </button> </div> <div class="modal-content default-style"> <div id="jobs-filters-mobile" data-controller="blocks--jobs--filters-mobile" data-blocks--jobs--filters-mobile-common--modal-outlet="#filters-mobile-modal" data-blocks--jobs--filters-mobile-blocks--jobs--filters-outlet="#blocks-jobs-filters-form"> <div class="flex flex-col gap-5 pb-50"> <div class="bg-company-primary flex items-center px-4 py-5 rounded w-full cursor-pointer shadow-option"> <i class="text-sm fas fa-search text-company-primary"></i> <input placeholder="Search" class="placeholder:opacity-50 placeholder:text-company-primary text-company-primary bg-company-primary focus:outline-none border-none font-medium focus:ring-0 p-0 pl-2 text-sm w-full" data-blocks--jobs--filters-mobile-target="searchField" data-action="input->blocks--jobs--filters-mobile#handleSearchInputChange jobs-filters-mobile-reset-all@window->blocks--jobs--filters-mobile#resetSearchField" type="text" name="query[]" id="query_" /> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="location" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Locations</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="MDPI Headquarters Basel" data-common--options-widget-value-param="MDPI Headquarters Basel"> MDPI Headquarters Basel <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Seoul office" data-common--options-widget-value-param="Seoul office"> Seoul office <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Locations</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> <div class="options-widget py-5 text-md text-company-primary rounded bg-company-primary cursor-pointer shadow-option focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-company-secondary-bg" tabindex="0" data-common--options-widget-blocks--jobs--filters-outlet="#blocks-jobs-filters-form" data-common--options-widget-target-field-value="country" data-controller="common--options-widget" data-action="click->common--options-widget#toggleWidget keydown.enter->common--options-widget#toggleWidget keydown.space->common--options-widget#toggleWidget jobs-filters-mobile-reset-all@window->common--options-widget#reset options-widget-open@window->common--options-widget#handleToggleOpenedEvent" data-common--options-widget-default-label-value="Any" data-common--options-widget-is-geobound-filter-present-value="false" data-common--options-widget-map-area-translation-value="(Map area)"> <div class="hidden labels flex flex-col gap-3" data-common--options-widget-target="labels" > <div class="font-semibold px-5">Countries</div> <div class="flex gap-3 overflow-auto scrollbar-hide p-1 px-5"> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="Switzerland" data-common--options-widget-value-param="Switzerland"> Switzerland <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> <button name="button" type="submit" class="flex align-center rounded py-2 px-3 font-normal text-sm focus-visible:outline-2 focus-visible:outline-company-secondary-bg focus-visible:outline company-link bg-company-link bg-opacity-3 shrink-0 border border-transparent" data-action="click->common--options-widget#toggleOption" data-label-value="South Korea" data-common--options-widget-value-param="South Korea"> South Korea <span class="opacity-50 ml-1 pointer-events-none"></span> <div class="icon-wrapper ml-2 hidden"> <i class="fa-regular fa-xmark"></i> </div></button> </div> </div> <div class="headline flex justify-between px-5" data-common--options-widget-target="headline" > <div class="title font-normal text-sm leading-5 text-company-primary opacity-50">Countries</div> <div class="value font-normal text-sm leading-5 text-company-primary" data-common--options-widget-target="selectedOptionLabelContainer" ></div> </div> </div> </div> <button name="button" type="submit" class="careersite-button rounded shadow-button p-4 fixed left-1/2 -translate-x-1/2 bottom-5" data-action="click->blocks--jobs--filters-mobile#handleSubmit">Show jobs</button> </div> </div></div></div></div> </template> </div></form> </template> <div id="jobs-map-26115369" class="jobs-map primary block w-full z-career-jobs-map lg:max-h-[600px] h-[calc(100svh-150px)] lg:h-[calc(80dvh-40px)] lg:!max-h-[1440px] lg:!h-full" data-id="jobs-map-26115369" data-blocks--jobs-target="map" data-turbo-permanent="true"> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 lg:bottom-[95px] right-[10px] rounded lg:rounded-b-0 text-company-primary text-opacity-85" data-action="click->blocks--jobs#handleCurrentLocation" data-blocks--jobs-target="currentLocation"> <i class="group-disabled:opacity-50 size-5 lg:w-[14px] lg:h-[14px] fa fa-location-arrow"></i> </button> <button class="bg-company-primary group flex items-center justify-center absolute size-12 lg:h-[35px] lg:w-[35px] z-[500] bottom-6 left-[10px] rounded text-company-primary text-opacity-85 invisible lg:visible" data-action="click->blocks--jobs#handleViewChange" data-blocks--jobs-target="splitViewCandidate"> <i class="group-disabled:opacity-50 size-5 invisible lg:visible lg:w-[14px] lg:h-[14px] far fa-map"></i> </button></div></div> <div class="block-px lg:basis-[60%] 2xl:basis-[50%]"> <div class="mx-auto mb-10 text-center mt-30 block-max-w--sm " data-turbo="false"> <h3 class="mb-2 text-xl font-semibold">No jobs found</h3> <p>Your search does not match any job. <a href='https://mdpisouthkorea.teamtailor.com/connect' class='company-link'>Connect with us</a> to stay up to date on new openings.</p> </div> </div></div></div></div> </turbo-frame> </section> <div class="" data-section-model="footer"> <footer class="block-px"> <div class="text-lg block-padding"> <div class="w-full mx-auto sm:flex block-max-w--lg"> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-menu"> <h2 class="mb-4 text-xl font-company-header">Career site</h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisouthkorea.teamtailor.com/">Start</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisouthkorea.teamtailor.com/jobs">Jobs</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="/data-privacy">Data & privacy</a> </li> <li class="w-full text-md leading-tight"> <button data-controller="cookie-preferences" data-action="click->cookie-preferences#openCookiePreferences" class="company-link font-company-body text-unset py-1">Manage cookies</button> </li> </ul> </div> <div class="w-full lg:flex-shrink-0 md:w-[47%] md:text-center lg:text-unset lg:w-[25%] md:pr-[3%] mb-10 lg:mb-0 last:mb-0 footer-nav-companies"> <h2 class="mb-4 text-xl font-company-header">MDPI </h2> <ul class="flex flex-col gap-y-3"> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.mdpi.com">MDPI </a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.jp.mdpi.com">MDPI Japan</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.srb.mdpi.com">MDPI Serbia</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.es.mdpi.com">MDPI Spain</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ch.mdpi.com">MDPI Switzerland</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.uk.mdpi.com">MDPI UK</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://careers.ro.mdpi.com">MDPI Romania</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpipoland.teamtailor.com">MDPI Poland</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpicanada.teamtailor.com">MDPI Canada</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisingapore.teamtailor.com">MDPI Singapore</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpithailand.teamtailor.com">MDPI Thailand</a> </li> <li class="w-full text-md leading-tight"> <a class="py-1 w-full company-link" href="https://mdpisouthkorea.teamtailor.com">MDPI Korea</a> </li> </ul> </div> <div class="flex flex-col items-center justify-center grow shrink-0 text-base sm:items-end sm:justify-end"></div></div></div> <div class="flex flex-col py-4 mx-auto text-center border-t sm:text-unset block-max-w--lg border-company-primary-text border-opacity-15 sm:justify-between sm:flex-row"> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="https://app.teamtailor.com/companies/ZuvW4JTr7FM/dashboard">Employee login</a> </div> <div class="flex justify-center w-full sm:w-auto"> <a class="text-company-primary hover:text-company-link focus-visible-company focus-visible:rounded" href="/connect/login">Candidate Connect login</a> </div> </div> </footer></div> <footer class="relative z-career-footer flex items-center justify-center flex-shrink-0 font-sans font-normal bg-company-primary h-[152px] text-company-primary" style="display: flex !important; visibility: visible !important;" id="e8438fb7acf7fca593fa47db9d45bdfc4" data-turbo-permanent > <a rel="noopener" target="_blank" class="flex flex-col items-center group focus-visible-company focus-visible:rounded p-1" style="display: flex !important; visibility: visible !important;" href="https://www.teamtailor.com/?utm_campaign=poweredby&utm_content=mdpisouthkorea.teamtailor.com&utm_medium=referral&utm_source=career-site"> <svg xmlns="http://www.w3.org/2000/svg" width="115" height="25"> <g fill="currentColor" fill-rule="evenodd" transform="translate(-672 -913)"> <g fill="currentColor" fill-rule="nonzero"> <path d="M787 923.44v-.118a1.75 1.75 0 00-.669-.917 3.397 3.397 0 00-1.095-.529 3.773 3.773 0 00-1.137-.142c-.366.013-.632.061-.8.142-.507.272-1.216.8-2.128 1.587a54.45 54.45 0 00-2.992 2.807 85.662 85.662 0 00-3.307 3.518 61.987 61.987 0 00-3.075 3.722 62.408 62.408 0 012.528-3.56 68.673 68.673 0 012.4-2.97c.76-.88 1.44-1.62 2.044-2.216.604-.597 1.06-1.044 1.369-1.343.168-.135.168-.298 0-.488s-.408-.372-.716-.549a6.329 6.329 0 00-.969-.447c-.337-.123-.604-.184-.8-.184-.225.001-.632.28-1.221.835-.59.556-1.25 1.275-1.98 2.156a74.632 74.632 0 00-2.296 2.929 58.057 58.057 0 00-2.19 3.132c-.661 1.016-1.201 1.94-1.622 2.766-.421.828-.632 1.445-.632 1.851 0 .19.105.441.315.753.211.311.449.597.716.855.267.257.534.433.8.528.267.095.47.034.612-.183l.168-.326c.533-.84 1.229-1.795 2.085-2.867.857-1.071 1.762-2.156 2.718-3.255a94.114 94.114 0 012.865-3.152 47.015 47.015 0 012.612-2.563c-.197.326-.492.732-.885 1.221-.393.487-.78.976-1.159 1.464s-.716.95-1.011 1.382c-.295.435-.442.747-.442.936 0 .19.07.394.21.61.141.217.33.42.57.61.238.19.49.352.758.488.266.136.526.203.78.203.224 0 .49-.087.8-.264.309-.176.625-.4.948-.671.322-.27.645-.57.968-.895.322-.325.596-.637.821-.935.196-.244.253-.38.169-.407-.084-.027-.225-.013-.421.04a9.853 9.853 0 00-.59.183c-.197.068-.31.089-.337.062-.057-.054.042-.217.295-.488.252-.271.575-.61.969-1.017.392-.407.828-.84 1.305-1.302.478-.46.92-.901 1.327-1.322.407-.42.738-.794.99-1.119.19-.245.3-.428.332-.55zM770.474 923.861a6.553 6.553 0 00-1.407-1.093 7.914 7.914 0 00-1.659-.73c-.574-.175-1.085-.222-1.533-.142-.615.136-1.294.473-2.036 1.013a15.695 15.695 0 00-2.225 2.005 23.315 23.315 0 00-2.12 2.653 26.517 26.517 0 00-1.744 2.875c-.489.946-.86 1.837-1.112 2.674-.252.836-.322 1.538-.21 2.105.056.27.294.56.713.871.42.31.889.595 1.408.851a9.135 9.135 0 001.554.607c.517.148.902.209 1.154.183.588-.082 1.252-.378 1.995-.892.741-.512 1.496-1.153 2.267-1.923.77-.77 1.518-1.627 2.246-2.572a26.917 26.917 0 001.89-2.774c.531-.904.944-1.755 1.238-2.552.294-.796.399-1.437.315-1.923-.083-.405-.329-.817-.734-1.236zm-1.995 1.054c-.308.688-.77 1.512-1.386 2.47a59.244 59.244 0 01-2.099 3.037 54.619 54.619 0 01-2.289 2.916c-.741.878-1.4 1.58-1.972 2.106-.575.527-.945.723-1.114.587-.196-.135-.133-.553.19-1.255.32-.702.783-1.532 1.385-2.49a51.59 51.59 0 012.058-3.018 53.449 53.449 0 012.246-2.876c.728-.863 1.38-1.552 1.953-2.065.573-.513.972-.715 1.197-.608.195.109.138.507-.169 1.196z"/> <path d="M765.502 913h-.01a.805.805 0 00-.124.009c-.254.054-.683.379-1.289.973a43.891 43.891 0 00-2.155 2.312 91.378 91.378 0 00-2.704 3.246 156.58 156.58 0 00-5.724 7.647 78.008 78.008 0 00-2.388 3.59 35.656 35.656 0 00-1.669 2.941c-.423.852-.634 1.468-.634 1.846 0 .19.07.4.211.63.142.229.324.439.55.628.225.19.479.352.76.487.282.135.55.203.803.203.225 0 .493-.087.803-.264.31-.175.626-.398.951-.67.323-.269.647-.573.971-.912.323-.337.598-.655.824-.954.197-.242.253-.378.168-.405-.084-.027-.225-.013-.421.04a6.717 6.717 0 00-.613.203c-.212.082-.332.109-.36.082-.085-.082.049-.447.402-1.096.351-.65.866-1.494 1.542-2.536a88.884 88.884 0 012.45-3.55 152.058 152.058 0 013.105-4.137 135.884 135.884 0 013.486-4.3 113.092 113.092 0 013.592-4.057c.225-.244.246-.487.063-.73a2.69 2.69 0 00-.78-.67 3.924 3.924 0 00-1.1-.446 3.322 3.322 0 00-.71-.11zM751.373 922.6c-.588.568-1.255 1.298-1.998 2.19a65.73 65.73 0 00-2.315 2.96 68.014 68.014 0 00-2.209 3.162 32.52 32.52 0 00-1.662 2.797c-.435.838-.652 1.46-.652 1.865 0 .19.07.4.21.63.141.229.33.439.568.628.238.189.49.351.758.486.266.136.526.203.778.203.224 0 .49-.087.8-.263a7.37 7.37 0 00.967-.67c.337-.269.66-.573.967-.912.31-.337.59-.655.842-.953.196-.242.245-.378.147-.405-.098-.027-.245-.013-.441.04a5.187 5.187 0 00-.589.203c-.196.081-.31.109-.337.081-.112-.107-.021-.432.273-.973.295-.54.695-1.196 1.2-1.966a47.602 47.602 0 011.746-2.474c.658-.878 1.297-1.716 1.915-2.514.616-.796 1.17-1.5 1.662-2.108.49-.608.82-1.006.988-1.196.14-.162.134-.338-.02-.527a2.354 2.354 0 00-.652-.527 5.74 5.74 0 00-.926-.425c-.337-.122-.604-.183-.8-.183-.224 0-.63.284-1.22.851zm5.008-1.905c.42-.27.84-.581 1.262-.933.42-.35.792-.71 1.115-1.074.322-.365.484-.656.484-.872 0-.27-.091-.5-.274-.69a2.134 2.134 0 00-.694-.465 3.881 3.881 0 00-.904-.264 3.475 3.475 0 00-.905-.04c-.197.027-.436.156-.715.385-.281.23-.583.494-.905.79a15.36 15.36 0 00-.946.953c-.31.338-.589.643-.842.912-.225.243-.267.48-.126.71.14.23.364.425.673.588.309.161.638.29.99.384.35.096.623.116.82.062.223-.027.545-.176.967-.446zM744.875 922.937a12.627 12.627 0 00-.61-.548 8.882 8.882 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.205 1.205 0 00-.715-.061c-.896.162-1.814.575-2.754 1.239a19.037 19.037 0 00-2.732 2.375 29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.052 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.237.189.49.351.757.487.266.135.525.203.778.203.112 0 .328-.122.65-.365.323-.245.702-.57 1.136-.976a70.611 70.611 0 003.133-3.126 11.1 11.1 0 00-.714 1.461c-.169.434-.253.786-.253 1.056 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.526.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.966-.914.309-.338.588-.656.84-.955.197-.243.246-.379.148-.406-.098-.027-.245-.012-.441.04a5.183 5.183 0 00-.589.204c-.196.081-.309.109-.336.081-.113-.108-.042-.419.21-.934.253-.514.616-1.13 1.093-1.848a78.588 78.588 0 011.619-2.335c.602-.838 1.184-1.63 1.744-2.376.56-.744 1.073-1.4 1.535-1.97.463-.568.792-.96.988-1.177.14-.162.133-.339-.021-.528-.154-.19-.378-.366-.673-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.777-.183-.226-.001-.562.216-1.01.649zm-10.111 10.477c.294-.595.72-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.451 29.451 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.715-.501 1.325-.724 1.829-.67a40.591 40.591 0 00-2.291 2.66 51.075 51.075 0 00-2.46 3.35 110.65 110.65 0 01-1.766 1.828c-.588.596-1.12 1.13-1.597 1.604-.477.474-.87.846-1.178 1.116-.308.271-.476.393-.504.365-.113-.107-.021-.46.273-1.055z"/> <path d="M733.82 918.468c-.448 0-.806.101-1.072.304a3.815 3.815 0 00-.738.75 3.822 3.822 0 00-.484.913c-.099.284.049.426.442.426h1.347a140.814 140.814 0 00-3.284 4.339 114.968 114.968 0 00-3.073 4.42c-.927 1.406-1.685 2.65-2.274 3.73-.59 1.082-.884 1.813-.884 2.19 0 .19.07.4.21.63.14.23.33.44.569.629.238.189.49.351.757.486.267.136.526.203.78.203.224 0 .49-.087.8-.263.308-.176.631-.399.968-.67.337-.269.66-.573.968-.912.309-.337.59-.655.842-.953.196-.243.246-.379.148-.406-.099-.027-.246-.012-.442.04a5.192 5.192 0 00-.59.203c-.196.082-.309.11-.336.082-.141-.108.027-.588.504-1.44.478-.852 1.144-1.926 2-3.224a92.282 92.282 0 013.053-4.32c1.18-1.581 2.414-3.169 3.705-4.765h1.516c.42 0 .779-.127 1.073-.385.295-.257.568-.533.821-.83.224-.298.4-.569.527-.812.125-.243-.036-.365-.485-.365h-1.431l1.01-1.095c.14-.163.133-.338-.02-.528a2.295 2.295 0 00-.674-.527 7.263 7.263 0 00-.927-.426c-.322-.122-.583-.182-.779-.182-.224 0-.61.25-1.158.75-.547.5-1.186 1.17-1.916 2.007h-1.472v.001zM720.882 929.035c-.677.95-1.282 1.851-1.817 2.705a25.624 25.624 0 00-1.31 2.319c-.338.692-.506 1.214-.506 1.566 0 .19.07.4.21.63.141.231.331.442.57.632.24.19.493.352.761.488s.529.203.782.203c.226 0 .492-.087.803-.264.31-.176.634-.4.972-.671.338-.27.661-.576.971-.916.31-.338.592-.657.845-.956.197-.243.247-.38.148-.407-.099-.027-.246-.012-.443.04a5.171 5.171 0 00-.591.204c-.198.082-.31.11-.339.082-.112-.108-.02-.434.275-.977.295-.542.697-1.2 1.204-1.973.507-.773 1.092-1.6 1.754-2.48.662-.882 1.295-1.723 1.901-2.523.605-.8 1.155-1.505 1.647-2.115.493-.61.838-1.01 1.035-1.2.141-.136.134-.299-.02-.489a2.684 2.684 0 00-.655-.549 5.168 5.168 0 00-.908-.447c-.324-.123-.586-.184-.782-.184h-.042c-.339 0-.987.38-1.944 1.14-.958.759-2.036 1.735-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.112 50.318 50.318 0 012.112-2.338 65.549 65.549 0 011.395-1.404c.168-.136.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.33 6.33 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.339 0-.987.38-1.944 1.139-.958.76-2.035 1.736-3.232 2.928a79.135 79.135 0 00-3.697 3.966 71.467 71.467 0 00-3.422 4.21 46.779 46.779 0 012.62-3.722 92.25 92.25 0 012.535-3.111 50.318 50.318 0 012.112-2.339 65.549 65.549 0 011.395-1.404c.168-.135.168-.298 0-.488a2.843 2.843 0 00-.719-.55 6.304 6.304 0 00-.972-.447c-.338-.122-.606-.183-.802-.183-.226 0-.628.279-1.204.834-.578.556-1.24 1.275-1.986 2.156a54.91 54.91 0 00-2.303 2.929 65.748 65.748 0 00-2.176 3.132 35.412 35.412 0 00-1.648 2.766c-.436.828-.655 1.445-.655 1.852 0 .19.106.44.317.752.211.311.457.597.74.855.28.258.555.434.823.528.268.095.458.034.571-.183a.95.95 0 01.169-.244 37.684 37.684 0 011.796-2.563 88.162 88.162 0 012.302-2.908 63.597 63.597 0 012.514-2.868 64.22 64.22 0 012.43-2.481 85.624 85.624 0 00-2.008 2.685 46.78 46.78 0 00-1.774 2.644 25.857 25.857 0 00-1.268 2.258c-.324.664-.486 1.173-.486 1.525 0 .19.106.441.317.753.211.311.45.597.718.854.268.258.535.434.803.53.267.094.472.033.613-.184l.338-.57c.507-.758 1.113-1.6 1.817-2.522a72.81 72.81 0 012.261-2.807c.803-.949 1.62-1.87 2.45-2.765a58.964 58.964 0 012.345-2.4 78.454 78.454 0 00-2.03 2.725zM707.462 922.937a13.23 13.23 0 00-.61-.548 8.651 8.651 0 00-.714-.549 3.495 3.495 0 00-.736-.385 1.203 1.203 0 00-.715-.061c-.897.162-1.815.575-2.753 1.239-.94.663-1.85 1.455-2.733 2.375a29.652 29.652 0 00-2.502 2.985 38.885 38.885 0 00-2.06 3.087c-.588.988-1.051 1.882-1.388 2.68-.336.8-.504 1.388-.504 1.767 0 .19.07.4.21.63.14.23.33.44.568.63.238.189.49.351.757.487.266.135.525.203.778.203.111 0 .329-.122.651-.365.322-.245.7-.57 1.136-.976a70.71 70.71 0 003.132-3.126c-.309.542-.547 1.029-.715 1.461-.168.434-.252.786-.252 1.056 0 .19.07.4.21.63.14.23.329.44.567.63.238.189.49.351.757.487.266.135.525.203.778.203.224 0 .49-.087.799-.264.308-.176.63-.4.967-.67.336-.27.658-.575.967-.914.308-.338.588-.656.84-.955.196-.243.245-.379.148-.406-.099-.027-.246-.012-.442.04a5.183 5.183 0 00-.588.204c-.197.081-.309.109-.337.081-.112-.108-.042-.419.21-.934.253-.514.617-1.13 1.094-1.848a77.469 77.469 0 011.618-2.335c.602-.838 1.184-1.63 1.745-2.376a67.2 67.2 0 011.535-1.97c.463-.568.792-.96.988-1.177.14-.162.133-.339-.02-.528-.155-.19-.38-.366-.674-.528a7.047 7.047 0 00-.925-.426c-.322-.122-.582-.183-.778-.183-.224-.001-.56.216-1.009.649zm-10.111 10.477c.294-.595.721-1.306 1.282-2.132a44.424 44.424 0 011.934-2.62 29.355 29.355 0 012.25-2.538c.77-.771 1.513-1.407 2.228-1.908.714-.501 1.324-.724 1.829-.67a40.591 40.591 0 00-2.292 2.66 51.075 51.075 0 00-2.46 3.35c-.588.623-1.176 1.233-1.765 1.828-.588.596-1.121 1.13-1.598 1.604-.477.474-.87.846-1.177 1.116-.31.271-.477.393-.504.365-.113-.107-.021-.46.273-1.055zM689.66 923.096c-.775.57-1.537 1.241-2.283 2.014a22.683 22.683 0 00-2.115 2.542 17.417 17.417 0 00-1.65 2.787 13.047 13.047 0 00-.952 2.766c-.198.909-.198 1.743 0 2.501.084.3.281.57.592.814.31.244.662.454 1.057.63.394.177.804.306 1.227.387.423.082.761.108 1.015.082.366-.028.818-.163 1.354-.407a11.68 11.68 0 001.65-.936c.563-.38 1.12-.807 1.671-1.281a15.11 15.11 0 001.502-1.485c.281-.325.373-.529.275-.61-.1-.081-.332.014-.698.286-.565.38-1.121.746-1.671 1.098a22.88 22.88 0 01-1.545.915c-.48.258-.91.462-1.29.61-.38.15-.684.224-.91.224-.733-.055-1.014-.535-.845-1.445.169-.908.605-2.013 1.31-3.315.395.298.84.577 1.334.834.492.258.965.333 1.417.223.705-.162 1.452-.596 2.242-1.301.79-.706 1.53-1.485 2.221-2.34a17.574 17.574 0 001.714-2.501c.45-.813.69-1.424.718-1.83.028-.326-.141-.664-.507-1.018a5.177 5.177 0 00-1.354-.915 7.233 7.233 0 00-1.713-.569c-.607-.122-1.121-.115-1.545.02-.704.244-1.445.65-2.22 1.22zm-.57 5.756c.508-.61 1.05-1.213 1.629-1.81a24.586 24.586 0 011.755-1.648 19.262 19.262 0 011.608-1.24c.366-.217.564-.299.592-.245.028.055-.042.231-.211.53-.395.65-.903 1.335-1.523 2.053a23.897 23.897 0 01-1.904 1.973 16.31 16.31 0 01-1.84 1.485c-.578.393-1.036.604-1.374.63a15.73 15.73 0 011.268-1.728z"/> <path d="M675.05 938c.218-.075.533-.243.945-.504a13.928 13.928 0 001.607-1.181c.492-.42.838-.78 1.035-1.079.197-.298.028-.38-.507-.243-.536.136-.726-.211-.57-1.038.154-.828.592-1.934 1.31-3.318.719-1.384 1.691-2.95 2.917-4.7 1.226-1.751 2.67-3.508 4.333-5.272a.641.641 0 00.17-.53 1.56 1.56 0 00-.233-.589 2.787 2.787 0 00-.507-.59 4.379 4.379 0 00-.655-.489 59.048 59.048 0 014.1.061c1.325.068 2.523.17 3.594.306.282.027.529-.136.74-.488.212-.353.374-.773.487-1.262.112-.489.162-.97.148-1.445-.015-.474-.12-.82-.317-1.038-.17-.162-.677-.264-1.523-.305-.846-.04-1.896-.04-3.15 0s-2.614.136-4.079.285c-1.466.15-2.896.333-4.291.55a39.94 39.94 0 00-3.827.773c-1.156.299-2.029.625-2.621.977-.17.081-.296.298-.38.651a2.438 2.438 0 00-.021 1.058c.07.353.225.638.464.855.24.217.599.244 1.079.082.873-.298 1.972-.53 3.297-.692a49.526 49.526 0 014.27-.325c-.592.461-1.268 1.153-2.029 2.075a50.325 50.325 0 00-2.368 3.134 56.704 56.704 0 00-2.367 3.684 93.45 93.45 0 00-2.071 3.683c-.62 1.167-1.114 2.212-1.48 3.134-.367.922-.55 1.6-.55 2.035 0 .08.091.223.275.427.183.204.415.407.697.61.282.204.592.38.93.53.187.081.364.141.533.178h.614z"/> </g> </g> </svg> <span class="mt-2 text-sm print:hidden"> <span class="mt-2 text-sm underline group-hover:text-teamtailor-pink">Applicant tracking system</span> by Teamtailor </span> </a></footer> </main> <script nonce=""> function trackPageView(url) { var searchParams = new URLSearchParams(window.location.search); var utmSource = searchParams.get('utm_source'); window.referrer = window.referrer || utmSource || document.referrer var payload = { ed: 'vxR+80+MKfaPkL1qvNv2qStNF2+B3yv9n0dPA71Dt5VyovLrHfNV6bfY2Da2ZWDTz4D/HqIWPaeO8UmzottCLszdqPNzL10xIV2qGmapUt1tHhX68E/lJL3LjPny8A6/4qnbcGu5BiS9dGeA5yqpNpvBGzgACJW13x1Z0s/1cr40+o6VnUcQ4Yhjo9qpzGeH79zf3bvuo8z9u73NCmyU5fIckk4NvigrFvwiL9uwJ61uygO5eKe2UDYpEBDZ3mFu9XRzAw==--vvdSzgv1/6AJgbWW--8dgoM4sG3wRQz+lFvbYzyw==', visitor_uuid: window.visitor_uuid, referrer: window.referrer, data: { ua: navigator.userAgent, }, url: url, }; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('POST', '/pageview', true); xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xmlhttp.withCredentials = true; xmlhttp.addEventListener('readystatechange', function () { if (xmlhttp.readyState === XMLHttpRequest.DONE) { const status = xmlhttp.status; if (status === 0 || (status >= 200 && status < 400)) { window.visitor_uuid = xmlhttp.responseText; } } }) xmlhttp.send(JSON.stringify(payload)); } window.trackPageView = trackPageView; if (!window.analyticsPageviewCallback) { window.analyticsPageviewCallback = true; window.addEventListener('turbo:load', function(data){ window.trackPageView(); }); } </script> <div class="opacity-0 transition-opacity duration-100 ease-in-out z-candidate-chat" data-controller="common--chat" data-common--chat-subdomain-host-value="mdpisouthkorea.teamtailor.com"> </div> </body></html>