CINXE.COM
GC녹십자그룹 채용사이트
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="_csrf" content = "eeb909da-0c74-4c6e-98fe-fb864f45cc08" /> <meta name="_csrf_header" content = "X-CSRF-TOKEN" /> <meta property="og:image" content="/common/images/logo.svg"> <meta property="og:title" content="GC녹십자그룹 채용사이트"> <meta property="og:description" content="GC녹십자그룹 채용사이트"> <title>GC녹십자그룹 채용사이트</title> <!-- Google tag (gtag.js) 임시적용 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-JFJ8R8XL1P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JFJ8R8XL1P'); </script> <link rel="stylesheet" href="/common/css/bootstrap.css"> <link rel="stylesheet" href="/common/css/style.css"> <link rel="stylesheet" href="/common/css/style-eng.css" /> <link rel="icon" href="/common/images/favicon.ico"> <script src="/common/plugins/jquery/jquery.min.js"></script> <script src="/common/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="/common/js/ui.js" defer></script> <script src="/common/plugins/swiper/js/swiper-bundle.min.js"></script> <link rel="stylesheet" type="text/css" href="/common/plugins/swiper/css/swiper-bundle.min.css" /> <!-- AOS --> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" /> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <!-- gsap 버전 3--> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"></script> <!-- 스크롤 매직 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script> <!-- 스크롤 트리거 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/ScrollTrigger.min.js"></script> <!-- 스크롤 투 트리거 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/ScrollToPlugin.min.js"></script> <!-- 옵저버 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/Observer.min.js"></script> <script type="text/javascript"> var $header = $("meta[name='_csrf_header']").attr("content"); var $token = $("meta[name='_csrf']").attr("content"); var schoolAjax = null; var majorAjax = null; var $userNm = ""; var lang = ""; var $timer_state = false; var $timer = null; var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (agent.indexOf("msie") != -1)) { window.location.href = "/kor/noticeIE"; } $.ajaxSetup({ beforeSend: function(jqXHR,settings) { jqXHR.setRequestHeader( $header, $token); return true; }, error: function(xhr , status, error ) { if(xhr.status=="404") { alert('요청한 서버정보가 존재하지 않습니다.\n시스템 관리자에게 문의하세요'); return; } if(xhr.status=="403") { alert("KISA 의거한 보안규약으로 생성된 CSRF토큰이 만료되었습니다. 새로고침을 통해 새로운 토큰으로 교체합니다."); location.reload(); return; } if(xhr.status=="500") { alert('서버 에러가 발생하였습니다.\n시스템 관리자에게 문의하세요'); return; } if(xhr.status=="999") { alert('로그인이 필요한 서비스입니다.\n다시 이용해주세요.'); return; } } }); //리눅스 인 경우 모바일로 넘어가는 부분 // if( window.navigator.userAgent.indexOf("Linux") >= 0 ) { // window.location.href = window.location.href + "?site_preference=mobile"; // } // // if( navigator.maxTouchPoints > 1 ) { // window.location.href = window.location.href + "?site_preference=mobile"; // } </script> </head> <body> <nav class="gnb"> <div class="logo-wrapper"> <a href="/"> <img src="/common/images/gc-ci.png" alt="GC" /> </a> </div> <ul role="list" class="nav-items"> <li class="nav-item"> <a href="javascript:void(0)">About GC</a> <ul class="sub-nav-items"> <li class="sub-nav-item"> <a href="/eng/about/introduction">GC Intro</a> </li> <li class="sub-nav-item"> <a href="/eng/about/gc-history">GC History</a> </li> <li class="sub-nav-item"> <a href="/eng/about/gc-family-1">GC Family</a> </li> </ul> </li> <li class="nav-item"> <a href="javascript:void(0)">GC Culture</a> <ul class="sub-nav-items"> <li class="sub-nav-item"> <a href="/eng/culture/hr/gc">HR System</a> </li> <li class="sub-nav-item"> <a href="/eng/culture/edu/gc">Education</a> </li> <li class="sub-nav-item"> <a href="/eng/culture/benefits/gc">Welfare</a> </li> <li class="sub-nav-item"> <a href="/eng/culture/recruit/gc">Hiring</a> </li> </ul> </li> <li class="nav-item"> <a href="javascript:void(0)">GC Brand</a> <ul class="sub-nav-items"> <li class="sub-nav-item"> <a href="/eng/brand/gc-campus">GC Campus</a> </li> </ul> </li> <li class="nav-item"> <a href="javascript:void(0)">GC Recruit</a> <ul class="sub-nav-items"> <li class="sub-nav-item"> <a href="/eng/recruit/list">Job Openings</a> </li> <li class="sub-nav-item"> <a href="/eng/faq/qna">Q&A</a> </li> </ul> </li> </ul> <ul role="list" class="my-menu"> <!-- <li class="my-menu-item"><a href="/eng/mypage/login">My Page</a></li> --> <li class="my-menu-item"><a href="#none" class="underline">KR</a></li> </ul> <div class="gnb-depth-2-background"></div> </nav> <script> $(".my-menu-item .underline").click(function(){ var lang = "eng"; var url = $(location).attr('pathname'); if(lang == 'eng'){ url = url.replace("eng", "kor"); }else if(lang == 'kor'){ url = url.replace("kor", "eng"); } window.location.href = url; }); </script> <header class="submenu-header"> <div class="header-titles"> <div class="sibling-submenus prev-submenus"> <!-- <a class="submenu-link" href="#none"> TEST </a> --> </div> <h1 class="current-title"> <span class="narrow-letter-spacing">GC</span> Intro </h1> <div class="sibling-submenus next-submenus"> <a class="submenu-link" href="/eng/about/gc-history"> <span class="narrow-letter-spacing">GC</span> History </a> <a class="submenu-link" href="/eng/about/gc-family-1"> GC Family </a> </div> </div> <div class="submenu-description"> <span> GC’s calling and vision </span> </div> </header> <main class="gc-introduction-main gc-eng gc-eng02"> <section class="hero-section"> <div class="green-bg"> <div class="green-bg-inner"> GC’s Mission ushering In<br /> <strong> a Healthier and Happier Future<br /> for All Humankind </strong> </div> </div> </section> <section class="slogan-section"> <div id="slogan-1" class="slogan"> <div class="slogan-bg"> </div> <div class="slogan-inner"> <h2 class="slogan-title"> All Life Deserves Good Life </h2> <p class="slogan-sub" id="sub-1"> Good health<br> Offers you <strong>energy to give your all</strong><br /> Gives you <strong>time to spend with your family</strong><br /> Allows you <strong>to do the things you really need to do.</strong> </p> </div> </div> <div id="slogan-2" class="slogan"> <div class="slogan-bg"> </div> <div class="slogan-inner"> <h2 class="slogan-title"> All Life Deserves Good Life </h2> <p class="slogan-sub" id="sub-2"> It is our mission to join you in your journey<br /> In building your <strong>Healthy Life years</strong><br /> To create <strong>a meaningful and fulfilling life together</strong> </p> </div> </div> </section> <section class="section-2"> <div class="section-sub section-sub-1"> <div class="sub-bg gc-works-bg"> <div class="bg-inner-text"> Having taken on <strong>the great challenge of</strong><br /> <strong>new drug development,</strong><br /> <br /> GC has always been<br /> <strong> Your reliable partner<br /> At the face of every challenge. </strong> </div> </div> <div class="container-xl"> <ul class="gc-works"> <li>The world’s first hemorrhagic fever vaccine</li> <li>Korea’s first flu vaccine</li> <li>Korea’s first DPT<span class="text-size text-size-sml01">(Diphtheria, Pertussis, and Tetanus)</span> vaccine</li> <li>Developed Hunterase Intracerebronventricular<span class="text-size text-size-sml01">(ICV)</span><br /> for Hunter syndrome </li> <li>Distribution of COVID-19 vaccines</li> </ul> </div> </div> <div class="section-sub section-sub-2"> <div class="sub-bg gc-future-bg"> <div class="bg-inner-text"> Now bringing <strong>good health</strong><br /> <strong> Easier and Closer to you. </strong> </div> </div> <div class="container-xl"> <div class="gc-future"> <div class="gc-future-text-bg"> </div> Bringing the gift of a healthy and happy life<br /> To whomever, whenever, wherever it may be </div> </div> </div> <div class="section-end"> This is <strong>GC</strong>’s <strong>reason for existence</strong>,<br /> <strong>And the future of biotech healthcare</strong> </div> </section> <section class="slide-section"> <div class="slide slide-1"> <div class="slide-bg slide-bg-1"> </div> <div class="slide-deco"> <div class="pill"></div> <div class="moza-gc"></div> <div class="image-left"></div> <div class="image-right"></div> <div class="part-of-c"></div> </div> <div class="slide-inner"> <h2 class="slide-title"> From Cure to Care </h2> <p class="slide-text"> <br /><br /> Designing a new medical paradigm<br /> From cradle to grave Covering the entire life<br /> span of prevention, diagnosis, and care </p> </div> </div> <div class="slide slide-2"> <div class="slide-bg slide-bg-2"> </div> <div class="slide-deco"> <div class="pill"></div> <div class="moza-gc"></div> <div class="image-left"></div> <div class="image-right"></div> <div class="part-of-c"></div> </div> <div class="slide-inner"> <h2 class="slide-title slide-title-type2"> From Cure to Care </h2> <p class="slide-text"> Going beyond the physical space of a hospital, GC Group<br /> offers a paradigm shift Providing app-based health care<br /> to ensure you get health care services whenever,<br /> wherever you need. Be freed from the anxiety you experience<br /> before the symptoms set in, Be able to accurately predict<br /> the future health of you and your family,<br /> including your companion animals, And meanwhile, conquer all illnesses<br /> that are currently uncurable with the help of AI </p> </div> </div> <div class="slide slide-3"> <div class="slide-bg slide-bg-3"> </div> <div class="slide-deco"> <div class="moza-gc">GC</div> <div class="image-left"></div> <div class="image-right"></div> <div class="line-object"></div> </div> <div class="slide-inner"> <h2 class="slide-title slide-title-type3"> GC Group is a Game Changer of Biotech,<br /> Holding the key to changing our perceptions<br /> on health and life as a whole. </h2> <p class="slide-text"> </p> </div> </div> </section> <section class="section-mission-vision"> <div class="section-bg"> <div class="foot"></div> <div class="waterdrop"></div> </div> <div class="section-sub mission"> <h2 class="sub-title"> MISSION </h2> <p class="sub-content-en">Devotion to the<br /> healthy lives of people</p> </div> <div class="section-sub vision"> <h2 class="sub-title"> VISION </h2> <p class="sub-content-en">A global leader<br /> in healthcare industry</p> </div> </section> <section class="section-core-value"> <div class="section-bg"></div> <h2 class="section-title"> CORE VALUE </h2> <div class="core-value-list"> <div class="core-value-item"> <div class="core-value-icon"> <img src="/common/images/about-gc/core-value-icon-1.png" alt="" /> </div> <div class="core-value-content"> <h3 class="core-value-title"> <div class="title-en">CHALLENGE & INNOVATION</div> </h3> <p class="core-value-text"> The source of GC’s growth </p> </div> </div> <div class="core-value-item"> <div class="core-value-icon"> <img src="/common/images/about-gc/core-value-icon-2.png" alt="" /> </div> <div class="core-value-content"> <h3 class="core-value-title"> <div class="title-en">CARE & COMPASSION</div> </h3> <p class="core-value-text"> The spirit of GC </p> </div> </div> <div class="core-value-item"> <div class="core-value-icon"> <img src="/common/images/about-gc/core-value-icon-3.png" alt="" /> </div> <div class="core-value-content"> <h3 class="core-value-title"> <div class="title-en">TRANSPARENCY & INTEGRITY</div> </h3> <p class="core-value-text"> Uncompromising commitment<br /> to the right path </p> </div> </div> <div class="core-value-item"> <div class="core-value-icon"> <img src="/common/images/about-gc/core-value-icon-4.png" alt="" /> </div> <div class="core-value-content"> <h3 class="core-value-title"> <div class="title-en">RESPECT & DEDICATION</div> </h3> <p class="core-value-text"> Deep respect for every life<br /> at the root of everything </p> </div> </div> </div> </section> </main> <footer class="gc-footer"> <div class="container-xl"> <div class="fnb"> <img class="col col-auto" src="/common/images/gc-ci-line-type.png" alt="" /> <ul role="list" class="col nav-items"> <li class="nav-item"> <a href="/eng/about/introduction">About GC</a> </li> <li class="nav-item"> <a href="/eng/culture/hr/gc">GC Culture</a> </li> <li class="nav-item"> <a href="/eng/brand/gc-campus">GC Brand</a> </li> <li class="nav-item"> <a href="/eng/recruit/list">GC Recruit</a> </li> </ul> <ul role="list" class="col col-auto policy-items"> <li class="policy-item"> <a href="/eng/esg">공정성·다양성·포용성</a> </li> <li class="policy-item"> <a href="/eng/privacy">Privacy Policy</a> </li> </ul> </div> <div class="footer-meta"> <div class="footer-inner container-xl"> <div class="footer-copyright"> <span>107, Ihyeon-ro 30beon-gil, Giheung-gu, Yongin-si, Gyeonggi-do, Republic of Korea</span> <span class="spacer"></span> <span>Tel: 031-260-9300</span> <span class="spacer"></span> <span>Fax: 031-260-9413 GC Company Registration Number:135-81-05009</span> <br /> <span>Copyright ⓒ 2022 GC corp. All rights reserved.</span> </div> <div class="footer-sns"> <a href="https://www.facebook.com/GC.bio/" target="_blank"> <img src="/common/images/facebook-icon.png" alt="Facebook" /> </a> <a href="https://www.instagram.com/gc.bio/?igshid=YmMyMTA2M2Y%3D" target="_blank"> <img src="/common/images/instagram-icon.png" alt="Instagram" /> </a> </div> </div> </div> </div> </footer> </body> <script> const showMarker = true; function fadeIn(selector, duration) { gsap.to(selector, { opacity: 1, duration: duration, }); } function fadeOut(selector, duration) { gsap.to(selector, { opacity: 0, duration: duration, }); } function fadeInUp(selector) { gsap.fromTo(selector, { opacity: 0, y: 50, }, { opacity: 1, y: 0, duration: 0.7, delay: 0, ease: 'power3', }); } function fadeOutUp(selector) { gsap.to(selector, { opacity: 0, y: -50, duration: 0.7, delay: 0, ease: 'power3', }); } $(document).ready(() => { // expand green-bg on scroll gsap.timeline({ scrollTrigger: { trigger: '.green-bg', start: 'top top+=400', end: 'bottom top+=400', scrub: true, pin: false, }, }).to('.green-bg', { width: '100%', borderRadius: 0, overflow: 'hidden', }); gsap.timeline({ scrollTrigger: { trigger: '.green-bg', start: 'top+=50% top+=400', end: 'bottom+=900 top+=400', scrub: true, pin: false, }, }).to('.green-bg-inner', { y: '350', }); // pin slogan 1, 2 gsap.timeline({ scrollTrigger: { trigger: '#slogan-1 .slogan-inner', start: 'center center', end: 'bottom+=240% center', pin: true, pinSpacing: false, scrub: true, } }); gsap.timeline({ scrollTrigger: { trigger: '#slogan-2 .slogan-inner', end: 'bottom+=340% center', pin: true, pinSpacing: false, scrub: true, } }); // slogan 1 -> 2 fade ScrollTrigger.create({ trigger: '#slogan-1', end: 'bottom+=60% center', onEnterBack: () => { fadeIn('#slogan-1 .slogan-inner', 0.4); fadeOut('#slogan-2 .slogan-inner', 0.4); }, onLeave: () => { fadeOut('#slogan-1 .slogan-inner', 0.4); fadeIn('#slogan-2 .slogan-inner', 0.4); }, }); // pin gc-works-bg, gc-future-bg gsap.timeline({ scrollTrigger: { trigger: '.gc-works-bg', pin: true, pinSpacing: false, scrub: true, start: 'center center', end: 'bottom+=400% center', } }); gsap.timeline({ scrollTrigger: { trigger: '.gc-future-bg', pin: true, pinSpacing: false, scrub: true, // markers: showMarker, start: 'center center', end: 'bottom+=750 center', id: 'gc-future' } }); // gc-works-bg -> gc-future-bg fade ScrollTrigger.create({ trigger: '.section-sub-1', end: 'bottom+=100 center', onEnterBack: () => { fadeIn('.gc-works-bg', 0.4); fadeOut('.gc-future-bg', 0.4); }, onLeave: () => { fadeOut('.gc-works-bg', 0.4); fadeIn('.gc-future-bg', 0.4); }, }); // snap in slide-section ScrollTrigger.create({ trigger: '.slide-section', start: 'top top', end: 'bottom bottom', snap: { snapTo: 1 / 2, ease: "power3", }, }); let slides = gsap.utils.toArray(".slide"); let prevSlide = null; let scrollTween; function goToSection(i) { // i: 1 | 2 | 3 scrollTween = gsap.to(window, { scrollTo: '.slide-' + i, duration: 0.7, onComplete: () => scrollTween = null, overwrite: true }); if (i === prevSlide) { return; } fadeInUp(`.slide- .slide-text`); fadeIn(`.slide- .slide-deco`, 0.7); if (prevSlide !== null) { fadeOutUp(`.slide- .slide-text`); fadeOut(`.slide- .slide-deco`, 0.7); // slide-1 title은 slide 1, 2에서 사용 // slide 2 <-> 3 전환할 때 title 교체 if (prevSlide < 3 && i === 3) { fadeInUp(`.slide-3 .slide-title`); fadeOutUp(`.slide-1 .slide-title`); } else if (prevSlide === 3 && i < 3) { fadeInUp(`.slide-1 .slide-title`); fadeOutUp(`.slide-3 .slide-title`); } } prevSlide = i; } slides.forEach((panel, i) => { // section move ScrollTrigger.create({ trigger: panel, start: i == 0 ? "center bottom" : "top+=5% bottom", end: ['+=145%', '+=190%', "+=120%"][i], onToggle: self => self.isActive && !scrollTween && goToSection(i + 1), }); // pin slide-1, 2, 3 inner, deco ScrollTrigger.create({ trigger: '.slide-' + (i + 1) + ' .slide-inner', start: 'center center', end: (i === 2 ? 'center+=' + window.innerHeight : 'bottom+=' + window.innerHeight * 2) + ' center', pin: true, pinSpacing: true, scrub: true, }); ScrollTrigger.create({ trigger: '.slide-' + (i + 1) + ' .slide-deco', start: 'center center', end: (i === 2 ? 'center+=' + window.innerHeight : 'bottom+=' + window.innerHeight * 2) + ' center', pin: true, pinSpacing: true, scrub: true, }); }); }); </script>