CINXE.COM
GC Labs | GC녹십자의료재단
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>GC Labs | GC녹십자의료재단</title> <meta name="description" content="GC Labs는 임상검사 전문 인력과 첨단 장비, 혁신적인 연구개발을 바탕으로 국민의 건강한 삶에 기여하는 임상검사 전문 기관입니다." /> <meta name="keywords" content="GC Labs, 녹십자의료재단, 녹십자, 임상검사, 진단검사, 진단검사의학, 병리검사, 검사수탁기관" /> <meta property="og:title" content="GC Labs | GC녹십자의료재단" /> <meta property="og:type" content="웹 사이트" /> <meta property="og:description" content="GC Labs는 임상검사 전문 인력과 첨단 장비, 혁신적인 연구개발을 바탕으로 국민의 건강한 삶에 기여하는 임상검사 전문 기관입니다." /> <meta property="og:image" content="https://www.gclabs.co.kr/assets/images/gclabs-logo.png" /> <meta property="og:url" content="" /> <meta property="og:site_name" content="GC녹십자의료재단" /> <meta name="twitter:card" content="요약" /> <meta name="twitter:site" content="" /> <meta name="twitter:title" content="GC Labs | GC녹십자의료재단" /> <meta name="twitter:description" content="국내 최고의 임상검사 전문의료기관인 GC녹십자의료재단" /> <meta name="ms.sitename" content="GC녹십자의료재단" /> <meta name="ms.sitesec" content="GCLabs" /> <meta name="naver-site-verification" content="2940f812c06c6be44cdfa2636f41abff09951623" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>GCLabs</title> <link rel="canonical"> <link rel="stylesheet" type="text/css" href="/assets/css/style.css"> <link rel="shortcut icon" href="/assets/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="/assets/images/favicon.ico" type="image/x-icon"> <script type="text/javascript" src="/assets/lib/jquery-2.2.4.min.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-51810062-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-51810062-1'); </script> <script> $(function () { const agent = window.navigator.userAgent.toLocaleLowerCase(); if (agent.indexOf('trident') > -1) { $('#mogam').prop('href', 'microsoft-edge:http://www.mogam.re.kr/'); $('#genome').prop('href', 'microsoft-edge:https://www.gcgenome.com/'); } }) </script> </head> <body class="main" > <div class="skip_nav"> <a href="#gnb" class="goto-menu">주메뉴 바로가기</a> <a href="#container" class="goto-content">본문 바로가기</a> </div> <div class="wrap main "> <div class="main-header-wrap"> <header id="header" class="white"> <!-- gnb open class: gnb-open --> <div class="dimmed"></div> <div class="header-wrap"> <h1 class="top-logo"> <a href="/"> <span class="hidden">GC Labs</span> </a> </h1> <!-- mobile gnb open--> <div class="toggle-memu-mo"> <button type="button" class="toggle-btn"></button><span class="hidden">주 메뉴 열기</span> </div> <nav id="gnb" class="gnb"> <div class="gnb-wrap"> <!-- mobile only --> <div class="mobile-top"> <div class="mo-inner"> <ul class="lang-list"> <li class="active"><a href="/main"><span>KOR</span></a></li> <li class=""><a href="/eng"><span>ENG</span></a></li> </ul> <div class="mobile-close"> <button type="button" class="mo-closed"><span class="hidden">메뉴 닫기</span></button> </div> </div> </div> <!-- // mobile only --> <h2 class="hidden">주 메뉴</h2> <div class="back-bg"></div> <ul class="depth1-wrap"> <li class="depth1"> <!-- addclass : active --> <a href="#n" class="item"><span>검사안내</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <!-- addclass : active --> <a href="/test/detail/order" class="item-d2 pc"><span>검사의뢰</span></a> <a href="#n" class="item-d2 mobile"><span>검사의뢰</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/test/detail/order" class="item-d3"><span>검사의뢰절차</span></a></li><!-- addclass : active --> <li class="depth3"><a href="/test/request" class="item-d3"><span>검사의뢰서</span></a></li> </ul> </li> <li class="depth2"> <a href="/test/detail/sample" class="item-d2 pc"><span>검체채취</span></a> <a href="#n" class="item-d2 mobile"><span>검체채취</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/test/detail/sample" class="item-d3"><span>검체 채취</span></a></li> <li class="depth3"><a href="/test/detail/diagnosis" class="item-d3"><span>진검 검체취급</span></a></li> <li class="depth3"><a href="/test/detail/pathology" class="item-d3"><span>병리 검체취급</span></a></li> <li class="depth3"><a href="/test/instrument" class="item-d3"><span>검체 용기</span></a></li> </ul> </li> <li class="depth2"> <a href="/test/item" class="item-d2 pc"><span>검사항목</span></a> <a href="#n" class="item-d2 mobile"><span>검사항목</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/test/item" class="item-d3"><span>검사항목</span></a></li> <li class="depth3"><a href="/test/allergen" class="item-d3"><span>알러지 항원</span></a></li> <li class="depth3"> <a href="/test/panel" class="item-d3"><span>질환별 패널검사</span></a> </li> <li class="depth3"> <a href="/test/algorithms" class="item-d3"><span>진단검사 알고리즘</span></a> </li> </ul> </li> <li class="depth2"> <a href="/test/detail/result" class="item-d2 pc"><span>결과확인</span></a> <a href="/test/detail/result" class="item-d2 mobile"><span>결과확인</span></a> </li> </ul> </div> </li> <li class="depth1"> <a href="#n" class="item"><span>검사부</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <a href="/dept/detail/medicine" class="item-d2 pc"><span>본원</span></a> <a href="#" class="item-d2 mobile"><span>본원</span></a> <ul class="depth3-wrap"> <li class="depth3"> <a href="/dept/detail/medicine" class="item-d3 pc"><span>진단검사의학본부</span></a> <a href="#" class="item-d3 mobile"><span>진단검사의학본부</span></a> <ul class="depth4-wrap"> <li class="depth4"><a href="/dept/detail/medicine" class="item-d3"><span>진검센터</span></a></li> <li class="depth4"><a href="/dept/detail/endocrine" class="item-d3"><span>내분비물질분석센터</span></a></li> <li class="depth4"><a href="/dept/detail/infect" class="item-d3"><span>감염병연구센터</span></a></li> <li class="depth4"><a href="/dept/detail/work" class="item-d3"><span>직업환경의학센터</span></a></li> </ul> </li> <li class="depth3"><a href="/dept/detail/pathology" class="item-d3"><span>병리학본부</span></a></li> </ul> </li> <li class="depth2"> <a href="/dept/detail/region" class="item-d2 pc"><span>지역분원</span></a> <a href="#" class="item-d2 mobile"><span>지역분원</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/dept/detail/region?tab=01" class="item-d3"><span>영남분원</span></a></li> <li class="depth3"><a href="/dept/detail/region?tab=02" class="item-d3"><span>호남분원</span></a></li> <li class="depth3"><a href="/dept/detail/region?tab=03" class="item-d3"><span>제주분원</span></a></li> </ul> </li> <li class="depth2"> <a href="/dept/detail/ethics" class="item-d2 pc"><span>품질관리</span></a> <a href="/dept/detail/ethics" class="item-d2 mobile"><span>품질관리</span></a> </li> </ul> </div> </li> <li class="depth1"> <a href="#n" class="item"><span>연구개발</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <a href="/research/detail/assignment" class="item-d2 pc"><span>정책과제</span></a> <a href="#n" class="item-d2 mobile"><span>정책과제</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/research/detail/assignment" class="item-d3"><span>정책과제</span></a></li> <li class="depth3"><a href="/research/detail/result" class="item-d3"><span>운영실적</span></a></li> </ul> </li> <li class="depth2"> <a href="/research/detail/biological" class="item-d2 pc"><span>생체자원연구</span></a> <a href="/research/detail/biological" class="item-d2 mobile"><span>생체자원연구</span></a> </li> <li class="depth2"> <a href="/research/detail/equipment" class="item-d2 pc"><span>IVD 연구관리</span></a> <a href="/research/detail/equipment" class="item-d2 mobile"><span>IVD 연구관리</span></a> </li> <li class="depth2"> <a href="/research/detail/irb" class="item-d2 pc"><span>IRB</span></a> <a href="/research/detail/irb" class="item-d2 mobile"><span>IRB</span></a> </li> <li class="depth2"> <a href="/research/detail/clinical" class="item-d2 pc"><span>임상연구검사</span></a> <a href="#n" class="item-d2 mobile"><span>임상연구검사</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="https://gccl.co.kr/board/board_online/board_form01.asp?scrID=0000000107&pageNum=1&subNum=3&ssubNum=1" target="_blank" class="item-d3"><span>임상연구검사문의</span></a></li> </ul> </li> <li class="depth2"> <a href="/support/recruitment" class="item-d2 pc"><span>연구대상자 모집 공고</span></a> <a href="/support/recruitment" class="item-d2 mobile"><span>연구대상자 모집 공고</span></a> </li> </ul> </div> </li> <li class="depth1"> <a href="#n" class="item"><span>고객지원</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <a href="/support/official" class="item-d2 pc"><span>GC Labs 공문</span></a> <a href="/support/official" class="item-d2 mobile"><span>GC Labs 공문</span></a> </li> <li class="depth2"> <a href="/support/info" class="item-d2 pc"><span>학술자료</span></a> <a href="#n" class="item-d2 mobile"><span>학술자료</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/support/info" class="item-d3"><span>I&T</span></a></li> <li class="depth3"><a href="/support/new" class="item-d3"><span>신규검사</span></a></li> </ul> </li> <li class="depth2"> <a href="/support/certify" class="item-d2 pc"><span>인증현황</span></a> <a href="/support/certify" class="item-d2 mobile"><span>인증현황</span></a> </li> <li class="depth2"> <a href="/support/wording" class="item-d2 pc"><span>검사방법 약어</span></a> <a href="/support/wording" class="item-d2 mobile"><span>검사방법 약어</span></a> </li> <li class="depth2"> <a href="/support/announce" class="item-d2 pc"><span>학술발표</span></a> <a href="/support/announce" class="item-d2 mobile"><span>학술발표</span></a> </li> <li class="depth2"> <a href="/support/qna/center" class="item-d2 pc"><span>고객센터</span></a> <a href="#n" class="item-d2 mobile"><span>고객문의</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/support/qna/write" class="item-d3"><span>고객문의</span></a></li> <li class="depth3"><a href="/support/faq" class="item-d3"><span>자주하는질문</span></a></li> </ul> </li> </ul> </div> </li> <li class="depth1"> <a href="#n" class="item"><span>재단홍보</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <a href="/pr/press" class="item-d2 pc"><span>언론보도</span></a> <a href="/pr/press" class="item-d2 mobile"><span>언론보도</span></a> </li> <li class="depth2"> <a href="/pr/live" class="item-d2 pc"><span>LIVE GC Labs</span></a> <a href="#n" class="item-d2 mobile"><span>LIVE GC Labs</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/pr/live?divcode1=01" class="item-d3"><span>MEDICAL</span></a></li> <li class="depth3"><a href="/pr/live?divcode1=02" class="item-d3"><span>HEALTH</span></a></li> <li class="depth3"><a href="/pr/live?divcode1=03" class="item-d3"><span>PEOPLE</span></a></li> <li class="depth3"><a href="/pr/live?divcode1=04" class="item-d3"><span>VIDEO</span></a></li> </ul> </li> <li class="depth2"> <a href="/pr/news" class="item-d2 pc"><span>재단소식</span></a> <a href="/pr/news" class="item-d2 mobile"><span>재단소식</span></a> </li> <li class="depth2"> <a href="/support/brochure" class="item-d2 pc"><span>브로슈어</span></a> <a href="/support/brochure" class="item-d2 mobile"><span>브로슈어</span></a> </li> <li class="depth2"> <a href="/pr/video" class="item-d2 pc"><span>홍보영상</span></a> <a href="/pr/video" class="item-d2 mobile"><span>홍보영상</span></a> </li> <li class="depth2"> <a href="/pr/social/contribute" class="item-d2 pc"><span>사회공헌</span></a> <a href="#" class="item-d2 mobile"><span>사회공헌</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/pr/social/contribute" class="item-d3"><span>사회공헌비전</span></a></li> <li class="depth3"><a href="/pr/social/activity" class="item-d3"><span>주요활동</span></a></li> <li class="depth3"><a href="/pr/social" class="item-d3"><span>활동소식</span></a></li> </ul> </li> </ul> </div> </li> <li class="depth1"> <a href="#n" class="item"><span>재단소개</span></a> <div class="depth2-menu"> <ul class="depth2-wrap"> <li class="depth2"> <a href="/gclabs/detail/about" class="item-d2 pc"><span>재단소개</span></a> <a href="#n" class="item-d2 mobile"><span>재단소개</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/gclabs/detail/about" class="item-d3"><span>재단소개</span></a></li> <li class="depth3"><a href="/gclabs/detail/greeting" class="item-d3"><span>인사말</span></a></li> <li class="depth3"><a href="/gclabs/doctors" class="item-d3"><span>전문의</span></a></li> <li class="depth3"><a href="/gclabs/detail/history" class="item-d3"><span>연혁</span></a></li> </ul> </li> <li class="depth2"> <a href="/gclabs/detail/vision" class="item-d2 pc"><span>경영이념</span></a> <a href="#n" class="item-d2 mobile"><span>경영이념</span></a> <ul class="depth3-wrap"> <li class="depth3"><a href="/gclabs/detail/vision" class="item-d3"><span>미션&비전</span></a></li> <li class="depth3"><a href="/gclabs/detail/value" class="item-d3"><span>핵심가치</span></a></li> <li class="depth3"><a href="/gclabs/detail/safety" class="item-d3"><span>보건안전경영</span></a></li> </ul> </li> <li class="depth2"> <a href="/gclabs/network/network" class="item-d2 pc"><span>네트워크</span></a> <a href="/gclabs/network/network" class="item-d2 mobile"><span>네트워크</span></a> </li> <li class="depth2"> <a href="/gclabs/detail/global" class="item-d2 pc"><span>해외사업</span></a> <a href="/gclabs/detail/global" class="item-d2 mobile"><span>해외사업</span></a> </li> <li class="depth2"> <a href="/gclabs/detail/location" class="item-d2 pc"><span>오시는길</span></a> <a href="/gclabs/detail/location" class="item-d2 mobile"><span>오시는길</span></a> </li> </ul> </div> </li> </ul> <!-- pc only : menu closed --> <div class="menu-closed-pc"> <div class="inner"> <button type="button" class="btn-menu-closed"><span class="hidden">메뉴 닫기</span></button> </div> </div> <!-- // pc only : menu closed --> </div> </nav> <div class="top-util"> <div class="top-search"> <!-- search-layer open class: sch-open --> <button type="button" class="btn-search btn-open"><span class="hidden">검색 열기</span></button> <div class="search-layer"> <div class="search-inner"> <div class="inner"> <form action="/main/search/list"> <div class="search-area"> <span class="search-box"> <input type="text" name="searchkeyword" class="inp-search" title="검색어 입력" placeholder="검색어를 입력하세요."> </span> <span class="search-btn"> <button type="submit" class="search-go"></button> </span> </div> </form> </div> </div> </div> </div> <!-- pc lang--> <div class="top-lang"> <p class="curr-lang"><a href="#n"><span>KOR</span></a></p> <div class="lang-list-wrap"> <ul class="lang-list"> <li class=""><a href="/main"><span>KOR</span><img src="/assets/images/lang-kor.png" alt=""></a></li> <li class=""><a href="/eng"><span>ENG</span><img src="/assets/images/lang-eng.png" alt=""></a></li> </ul> </div> </div> </div><!-- // top util --> </div> </header> </div> <div id="container" class="container main-container"> <div id="popup_2" class="popup" style="display:none; position: absolute; left:0px; top:0px; z-index: 100; visibility: visible;box-shadow:3px 3px 10px 3px #8d8b8b;background:#fff;"> <div style="width:400px; height:392px; overflow:hidden; position: relative;"> <img src="https://www.gclabs.co.kr/BoardImages/0281dfb5-3fa7-4ef3-959c-b5b2b24b8997.jpg" id="open-image" style="cursor:pointer" alt="" onclick="fnMoveurl('https://www.gclabs.co.kr/','P');" /> </div> <div style="background:#1f2430; width:100%; height:40px; position:absolute; bottom:0; left:0;"> <div style=" overflow:hidden; margin-top:6px;"> <button type="button" onClick="PopupNoDisplay(2)" style="background:#1f2430;margin-top: 5px; color: #fff; border:1px solid #1f2430;margin-left: 10px;"><span>하루동안 보지않기</span></button> <button type="button" onclick="fnPopClose(2,'P','https://www.gclabs.co.kr/');" style="background:#2f3545;float: right; margin-top: 1px; color: #fff; margin-right: 15px;border:1px solid #1f2430; padding: 4px 7px 4px 7px; ">닫기</button> </div> </div> </div> <div class="contents-wrap main-wrap"> <div class="main-top full"> <div class="main-top-inner"> <div class="slider-wrap main-visual"> <div class="sliders"> <div class="slick-slide"> <a href="https://www.gclabs.co.kr/pr/news/view/5460?"><div style="background-image:url(https://www.gclabs.co.kr/BoardImages/da14c011-05ab-48ec-8994-7aa85ae0b15a.jpg);" class="image pc tablet"></div></a> </div> <div class="slick-slide"> <a href="https://www.gclabs.co.kr/pr/press/view/5523?"><div style="background-image:url(https://www.gclabs.co.kr/BoardImages/b069cfdb-5053-47c2-aa92-eff2d770845b.jpg);" class="image pc tablet"></div></a> </div> </div> <div class="btn-play-pause"> <button class="pause active">Pause</button> <button class="play">Play</button> </div> </div> <div class="main-top-content-wrap"> <div class="contents-inner"> <div class="tabs-wrap"> <ul class="tabs wide mobile-tabs"> <li class="tab active"> <a href="#n"><span>검사결과조회</span></a> </li> <li class="tab "> <a href="#n"><span>검사항목조회</span></a> </li> <li class="tab "> <a href="#n"><span>GC Labs 공문</span></a> </li> </ul> </div> <div class="tab-content main-top-content"> <div class="section-tab main-login active"> <div class="main-input-box"> <form action="https://www.gclabs.net/Shared/RequestTobeLogin" name="form_login" id="login_pc" method="post" target="_self" style="width: 100%; display: inherit;" onsubmit="return loginFormCheck(this)"> <div class="input-area"> <div class="form-box"> <label for="userid" class="title">아이디</label> <div class="form-wrap"> <input type="text" id="userid" name="userid" class="inp" value="" placeholder="아이디"> </div> </div> <div class="form-box"> <label for="passwd" class="title">비밀번호</label> <div class="form-wrap"> <input type="password" id="passwd" name="passwd" class="inp" style="font-family: Georgia;" value="" placeholder="비밀번호"> </div> </div> </div> <div class="btn-area"> <input type="hidden" id="info" name="info" /> <button type="submit" form="login_pc" class="btn btn-green"><span>로그인</span></button> <input type="hidden" name="viewType" id="viewType" /> <input type="hidden" id="reftype" name="reftype" value="WBFRT"> </div> </form> </div> <div class="main-login-save"> <div class="checkbox-wrap checkbox-inline"> <input type="checkbox" id="idsave" class="checkbox"> <label for="idsave"><span>아이디 저장</span></label> </div> </div> </div> <div class="section-tab main-check-checkup"> <div class="main-input-box"> <div class="input-area"> <div class="form-box"> <label for="inp00" class="title">검사항목<em class="require"><span class="hidden">필수</span></em></label> <div class="form-wrap"> <div class="selectbox selectbox-lg"> <a href="#n" class="select"><span>전체</span></a> <ul class="lists"> <li>전체</li> <li>검사코드</li> <li>분류번호</li> <li>보험코드</li> <li>검사명</li> </ul> </div> </div> </div> <div class="form-box"> <label for="inp01" class="title">검사항목 분류 <em class="require"><span class="hidden">필수</span></em> </label> <div class="form-wrap"> <input type="text" id="search" class="inp" onkeydown="enterkey();" placeholder="검사명, 검사코드, 보험코드, 분류번호"> </div> </div> </div> <div class="btn-area"> <button type="button" class="btn btn-green" onclick="onSearch();"><span>조회</span></button> </div> </div> </div> <div class="section-tab main-gclabs"> <div class="gc-labs-wrap"> <ul class="gc-labs-list"> </ul> <a href="/support/official" class="btn-more"><span>More</span></a> </div> </div> </div> </div> </div> </div> </div> <div class="trigger" id="trigger0"></div> <div class="main-btm"> <!-- <div class="trigger" id="trigger1"></div> --> <div id="animate1" class="main-section now-on sect1"> <div class="title-wrap ani"> <h3 class="title"><img src="../assets/images/text-nowon.png" alt="Now On GCLabs"></h3> <a href="/pr/press" class="view-more">View More</a> </div> <div class="nowon-slider-wrap"> <div class="slider-wrap"> </div> </div> <div class="nowon-news ani delay-4"> <div class="title-wrap ty2"> <h3 class="title">재단소식</h3> <a href="/pr/news" class="view-more"><span>View More</span></a> </div> <ul id="newsArea"> </ul> </div> </div> <div class="live-on-wrap"> <div id="animate2" class="main-section live-on sect2"> <div class="title-wrap ty2 ani"> <h3><img src="../assets/images/text-liveon.png" alt="Live On GCLabs"></h3> <p class="text">메디컬 헬스 소식을 전해드립니다.</p> <a href="/pr/live" class="view-more">View More</a> </div> <div class="board-wrap"> <div class="board-list"> <div class="list-wrap"> <ul class="lists" id="liveOnArea"> </ul> </div> </div> </div> </div> <div id="animate5" class="main-section live-on-sub sect2"> <div class="board-wrap"> <div class="board-list"> <div class="list-wrap"> <ul class="lists" id="liveOnArea2"> </ul> </div> </div> </div> </div> </div> <div id="animate3" class="main-section banner-area sect3"> <div class="banner banner1"> <span class="img-area"> <img src="https://www.gclabs.co.kr/BoardImages/449e7dcc-5f51-4603-8773-e97b529460d5.png" class="pc tablet" alt=""> <img src="../assets/images/main-banner-01-mo.png" class="mobile" alt=""> </span> <div class="content ani"> <a href="https://www.gclabs.co.kr/support/new" class="box"> <strong>신규검사</strong> <span>신규검사 정보를 제공해 드립니다.</span> <span class="link-text">바로가기</span> </a> </div> </div> <div class="banner banner2"> <span class="img-area"> <img src="https://www.gclabs.co.kr/BoardImages/9b173f84-02ec-4f7b-986d-29e04170e0e3.png" class="pc tablet" alt=""> <img src="../assets/images/main-banner-02-mo.png" class="mobile" alt=""> </span> <div class="content ani delaty-3"> <a href="https://gclabs.co.kr/support/info" class="box"> <strong>I&T</strong> <span>주요 검사 정보 및 학술정보를 제공해 드립니다.</span> <span class="link-text">바로가기</span> </a> </div> </div> </div> <div id="animate4" class="main-section business-div sect4"> <div class="title-wrap ani"> <h3> <img src="../assets/images/text-gclabs.png" alt="GCLabs"> <img src="https://www.gclabs.co.kr/BoardImages/b6936778-da24-4c54-a016-704847a117af.png" alt="Business Division"> </h3> <a href="https://www.gclabs.co.kr/gclabs/detail/about" class="view-more">View More</a> </div> <div class="board-wrap"> <div class="board-list"> <div class="list-wrap"> <ul class="lists"> <li class="item ani"> <a href="https://www.gclabs.co.kr/dept/detail/medicine" class="box"> <div class="thumbnail"> <img src="https://www.gclabs.co.kr/BoardImages/1052d748-bf86-4a37-85dd-477f0c0944e1.png" alt=""> </div> <div class="contents"> <strong class="title">진단검사의학부</strong> <p class="content">국내 최고의 임상검사 전문의료기관</p> </div> </a> </li> <li class="item ani"> <a href="https://www.gclabs.co.kr/dept/detail/pathology" class="box"> <div class="thumbnail"> <img src="https://www.gclabs.co.kr/BoardImages/1bbebc4e-f0ba-4eef-86bc-6bb056e9d088.png" alt=""> </div> <div class="contents"> <strong class="title">병리학부</strong> <p class="content">국제적 수준의 분석기술 보유</p> </div> </a> </li> <li class="item ani"> <a href="https://www.gclabs.co.kr/dept/detail/infect" class="box"> <div class="thumbnail"> <img src="https://www.gclabs.co.kr/BoardImages/88fec712-8211-49bf-b833-6b38fe9be485.png" alt=""> </div> <div class="contents"> <strong class="title">감염병연구센터</strong> <p class="content">감염병 진단 연구, 교육 및 국제협력사업 수행</p> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="floating-wrap"> <ul class="quick-menu"> <li class="highlight"><a href="/test/item"><span>검사<br>항목</span></a></li> <li><a href="/support/official"><span>검사<br>공문</span></a></li> <li><a href="/test/detail/order"><span>검사<br>의뢰</span></a></li> <li><a href="/support/qna/write"><span>고객<br>문의</span></a></li> </ul> <button type="button" class="to-top"><span class="hidden">맨 위로 가기</span></button> </div> <footer class="footer-wrap"> <div class="foot-head"> <div class="inner"> <div class="foot-util"> <a href="#n" class="link"> <span>GC FAMILY SITE</span> </a> <!-- [팝업] GC FAMILY SITE --> <article class="layer-foot-site family"> <div class="site-inner"> <h2 class="title"><span class="hidden">GC FAMILY SITE</span></h2> <div class="family-list"> <li> <div class="category"> <p>제약</p> <span>Pharmaceutical</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="http://www.gcbiopharma.com/" target="_blank">GC 녹십자</a></li> <li><a href="http://www.gccell.com/" target="_blank">GC 셀</a></li> </ul> </li> <li> <div class="category"> <p>헬스케어</p> <span>Healthcare</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="http://www.greencrosswb.com/" target="_blank">GC 녹십자웰빙</a></li> <li><a href="https://www.gccare.net/" target="_blank">GC 케어</a></li> <li><a href="https://www.ubcare.co.kr/" target="_blank">유비케어</a></li> <li><a href="https://www.able-analytics.com/" target="_blank">에이블에널리틱스</a></li> </ul> </li> <li> <div class="category"> <p>진단</p> <span>Diagnosis</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="http://www.greencrossms.com/" target="_blank">GC 녹십자엠에스</a></li> <li><a href="http://www.gcmedis.com/kr/src/main.php" target="_blank">GC 녹십자메디스</a></li> <li><a href="https://www.gcgenome.com/" target="_blank">GC 지놈</a></li> <li><a href="https://gccl.co.kr/" target="_blank">GCCL</a></li> <li><a href="http://www.gcgreenvet.com/" target="_blank">그린벳</a></li> <li><a href="http://geneslabs.com/" target="_blank">진스랩</a></li> </ul> </li> <li> <div class="category"> <p>해외</p> <span>Overseas</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="https://www.gclabtech.com/" target="_blank">GC LabTech</a></li> <li><a href="https://gcbiopharma.us/index.html" target="_blank">GC Biopharma USA</a></li> <li><a href="https://curevovaccine.com/" target="_blank">Curevo</a></li> <li><a href="https://www.lymphotec.co.jp/" target="_blank">GC Lymphotech</a></li> <li><p>GC pharma do Brasil</p></li> <li><a href="https://www.artivabio.com/" target="_blank">Ativa Biotherapeutics, Inc.</a></li> <li><a href="https://biocentriq.com/" target="_blank">BioCentriq</a></li> </ul> </li> <li> <div class="category"> <p>재단</p> <span>Foundation</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="http://www.mogam.re.kr/" target="_blank">목암생명과학연구소</a></li> <li><a href="http://www.mogamfoundation.or.kr" target="_blank">목암과학장학재단</a></li> <li><a href="https://www.miraenanum.org/" target="_blank">미래나눔재단</a></li> <li><a href="https://www.gclabs.co.kr/" target="_blank">GC 녹십자의료재단</a></li> <li><a href="https://www.gcimed.com/" target="_blank">GC 녹십자아이메드</a></li> </ul> </li> <li> <div class="category"> <p>기타</p> <span>Moreover</span> <i class="ico ico-plus sm"></i> </div> <ul class="site-list"> <li><a href="http://www.gcem.co.kr/" target="_blank">GC 녹십자EM</a></li> <li><p>인백팜</p></li> </ul> </li> </div> </div> <button type="button" class="layer-close"><span class="hidden">닫기</span></button> </article> <a href="#n" class="link"> <span>RELATED SITE</span> </a> <!-- [팝업] RELATED SITE --> <article class="layer-foot-site related"> <div class="site-inner"> <h2 class="title"><span class="hidden">GC RELATED SITE</span></h2> <ul class="site-links"> <li> <ul class="links"> <li><a href="https://www.kslm.org/" target="_blank">대한진단검사의학회</a></li> <li><a href="https://keqas.org" target="_blank">대한임상검사정도관리협회</a></li> <li><a href="http://kigte.or.kr/" target="_blank">한국유전자검사평가원</a></li> <li><a href="http://www.hira.or.kr/main.do" target="_blank">건강보험심사평가원</a></li> <li><a href="http://www.mohw.go.kr/react/index.jsp" target="_blank">보건복지부</a></li> <li><a href="https://www.kdca.go.kr/index.es?sid=a2" target="_blank">질병관리청</a></li> <li><a href="https://www.hematology.or.kr/main/main.html" target="_blank">대한혈액학회</a></li> <li><a href="http://www.msk.or.kr/msk/main.asp" target="_blank">한국미생물학회</a></li> <li><a href="https://www.ksnm.or.kr/" target="_blank">대한핵의학회</a></li> <li><a href="https://www.pathology.or.kr" target="_blank">대학병리학회</a></li> <li><a href="https://www.nier.go.kr/NIER/kor/index.do" target="_blank">국립환경과학원</a></li> <li><a href="https://www.fda.gov/" target="_blank">FDA</a></li> <li><a href="http://www.cnrres.com/" target="_blank">C&R RESEARCH</a></li> <li><a href="https://www.questdiagnostics.com/" target="_blank">Quest Diagnostics</a></li> <li><a href="https://www.cap.org/" target="_blank">College of American <br class="pc tablet">Pathologists</a></li> <li><a href="https://clsi.org/" target="_blank">Clinical and Laboratory <br class="pc tablet">Standards Institute</a></li> <li><a href="https://www.cdc.gov/" target="_blank">Centers for Disease <br class="pc tablet">Control and Prevention</a> </li> <li><a href="http://www.bml.co.jp/" target="_blank">BML <br class="pc tablet"><span class="jp">株式会社ビー・エム・エル</span></a></li> <li><a href="https://www.srlmedi.com/" target="_blank">SRL Medisearch <br class="pc tablet"><span class="jp">株式会社エスアールエル・メディサーチ</span></a></li> <li> </li> </ul> </li> </ul> </div> <button type="button" class="layer-close"><span class="hidden">닫기</span></button> </article> </div> <div class="foot-sns"> <span class="text"></span> <ul class="sns-list"> <li><a href="https://www.youtube.com/channel/UC4dbE66nBgDfsKu5h13RVyg" target="_blank"><img src="../../../assets/images/footer-sns-youtube.png" alt="유튜브"></a></li> <li><a href="https://blog.naver.com/gclabs" target="_blank"><img src="../../../assets/images/footer-sns-blog.png" alt="블로그"></a></li> <li><a href="https://www.facebook.com/GCLabs.korea/" target="_blank"><img src="../../../assets/images/footer-sns-facebook.png" alt="페이스북"></a></li> <li><a href="https://www.linkedin.com/company/gc-labs/" target="_blank"><img src="../../../assets/images/footer-sns-linkedin.png" alt="링크드인"></a></li> </ul> </div> </div> </div> <div class="foot-body"> <div class="inner"> <div class="foot-logo"> <a href="#n" class="logo"><span class="hidden">GCLabs</span></a> </div> <div class="foot-content"> <ul class="foot-link"> <li><a href="https://recruit.gclabs.co.kr/" target="_blank">인재채용</a></li> <li><a href="/gclabs/detail/location">오시는 길</a></li> <li class="highlight"><a href="/main/terms/privacy">개인정보처리방침</a></li> <li><a href="/main/terms/cctv">영상정보처리기기운영관리방침</a></li> <li><a href="/main/terms/email">이메일무단수집거부</a></li> </ul> <div class="foot-address"> <div class="info"> <span><address>경기도 용인시 기흥구 이현로 30번길 107</address></span> <span>Tel: 1566-0131</span> <span>Fax: 031-272-1916</span> </div> <div class="copyright">COPYRIGHT ⓒ2022 GC Labs. All rights reserved.</div> </div> </div> <div class="foot-support"> <span class="text">고객센터</span> <div class="call-area"> <em class="number">1566-0131</em> <a href="/support/qna/write" class="btn-call"><span>문의하기</span></a> </div> </div> </div> </div> </footer> </div> </body> <script type="text/javascript" src="/assets/lib/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="/assets/lib/ScrollMagic.min.js"></script> <script type="text/javascript" src="/assets/lib/debug.addIndicators.min.js"></script> <script type="text/javascript" src="/assets/lib/TweenMax.min.js"></script> <script type="text/javascript" src="/assets/lib/animation.gsap.min.js"></script> <script type="text/javascript" src="/assets/lib/slick.min.js"></script> <script type="text/javascript" src="/assets/js/app.js"></script> <head> <!--[if lte IE 8]> <script> location.href = "/IEUpdate/IEupdate"; </script> <![endif]--> </head> <script> $(document).ready(function () { //var id = "uRIhx-rkwDU"; //var youtubeUrl = "https://www.youtube.com/watch?v="+ id ; //$.getJSON('https://noembed.com/embed', // { format: 'json', url: youtubeUrl }, function (data) { // console.log(data) //}) supportArea() pressArea(); newsArea(); liveOnArea(); // mainBanner(); fnPopupView(); var version = -1; if (navigator.appName == "Microsoft Internet Explorer" && navigator.userAgent.toLowerCase().indexOf("msie") != -1 && new RegExp("MSIE ([0-9][\./0-9])").exec(navigator.userAgent) != null) { version = parseInt(RegExp.$1); if (version <= 9) { location.href ="/IEUpdate/IEupdate"; } } if (getCookie("userid") != "done") { var val = getCookie("userid"); if (val != "") { document.form_login.userid.value = val; $("#userid").parent().find("label").css("visibility", "hidden"); $("#idsave").prop("checked", true); } } //if (getCookie("pwdsave") != "done") { // var val = getCookie("pwdsave"); // if (val != "") { // document.form_login.passwd.value = val; // $("#passwd").parent().find("label").css("visibility", "hidden"); // $("#pwdsave").prop("checked", true); // } //} //// 모바일 슬라이더 //var slider = $('.nowon-slider'); //var slickOptions = { // slidesToShow: 1, // slidesToScroll: 1, // centerMode: false, // variableWidth: true, // arrows: false, //}; //$(window).on('load resize', function () { // if ($(window).width() > 800) { // // slider.slick('unslick'); // slider.filter('.slick-initialized').slick('unslick'); // } else { // slider.not('.slick-initialized').slick(slickOptions); // } //}); var controller = new ScrollMagic.Controller(); var tween1 = TweenMax.to('#animate1', 0.5, { y: 0 }); var tween2 = TweenMax.to('#animate2', 0.5, { y: 0 }); var tween3 = TweenMax.to('#animate3', 0.5, { y: 0 }); var tween4 = TweenMax.to('#animate4', 0.5, { y: 0 }); var tween5 = TweenMax.to('#animate5', 0.5, { y: 0 }); var nowon = $('.now-on .ani'); for (var i = 0; i < nowon.length; i++) { var scene1 = new ScrollMagic.Scene({ triggerElement: nowon[i], offset: 50, triggerHook: 0.9, }) .setTween(tween1) .setClassToggle(nowon[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } var liveon = $('.live-on .ani'); for (var i = 0; i < liveon.length; i++) { var scene2 = new ScrollMagic.Scene({ triggerElement: liveon[i], offset: 50, triggerHook: 0.9, }) .setTween(tween2) .setClassToggle(liveon[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } var liveonsub = $('.live-on-sub .ani'); for (var i = 0; i < liveonsub.length; i++) { var scene5 = new ScrollMagic.Scene({ triggerElement: liveonsub[i], offset: 50, triggerHook: 0.9, }) .setTween(tween5) .setClassToggle(liveonsub[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } var bann = $('.banner-area .ani'); for (var i = 0; i < bann.length; i++) { var scene3 = new ScrollMagic.Scene({ triggerElement: bann[i], offset: 50, triggerHook: 0.9, }) .setTween(tween3) .setClassToggle(bann[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } var business = $('.business-div .ani'); for (var i = 0; i < business.length; i++) { var scene4 = new ScrollMagic.Scene({ triggerElement: business[i], offset: 50, triggerHook: 0.9, }) .setTween(tween4) .setClassToggle(business[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } // var controller2 = new ScrollMagic.Controller({ // globalSceneOptions: { // triggerHook: 'onLeave' // } // }); // fix navbar when scrolling var mainHeader = $('.main-header-wrap'); var tween0 = TweenMax.to(mainHeader, 0.3, { backgroundColor: "#fff", top: 0, ease: Power2.EaseIn }); var scene0 = new ScrollMagic.Scene({ triggerElement: '#trigger0', triggerHook: 'onLeave', //triggerHook: 'onCenter', //offset: -150 }) .setClassToggle('.main-header-wrap', 'fixed') .setTween(tween0) //.setTween(mainHeader, 0.3, {top: 0, ease: Power2.EaseIn}) .addTo(controller) // .addIndicators({ // name: "1", // }) }); //메인 검사항목조회 function enterkey() { if (event.keyCode == 13) { // 엔터키가 눌렸을 때 실행하는 반응 onSearch(); } }; function onSearch() { var searchType = ""; if ($('li.selected').text() == "") { searchType = "전체"; } else { searchType = $('li.selected').text(); } var initial = ''; var field = ''; location.href = "/test/item" + '?' + '&initial=' + initial + '&field=' + field + '&searchType=' + searchType + '&searchText=' + $('#search').val(); }; function chkForm(form) { var reschk = 0; for (i = 0; i < form.elements.length; i++) { currEl = form.elements[i]; if (currEl.disabled) continue; if (currEl.getAttribute("required") != null || currEl.getAttribute("req") != null) { if (currEl.type == "checkbox" || currEl.type == "radio") { if (!chkSelect(form, currEl, currEl.getAttribute("msgR"))) return false; } else { if (!chkText(currEl, currEl.value, currEl.getAttribute("msgR"))) return false; } } if (currEl.getAttribute("option") != null && currEl.value.length > 0) { if (!chkPatten(currEl, currEl.getAttribute("option"), currEl.getAttribute("msgO"))) return false; } if (currEl.getAttribute("minlength") != null) { if (!chkLength(currEl, currEl.getAttribute("minlength"))) return false; } } if (form.admin_pwd2) { if (form.admin_pwd.value != form.admin_pwd2.value) { alert("비밀번호가 일치하지 않습니다"); form.admin_pwd.value = ""; form.admin_pwd2.value = ""; return false; } } return true; } //로그인폼 체크 function loginFormCheck(form) { if ($('#userid').val() == "" || $('#passwd').val() == "") { alert("아이디 또는 비밀번호를 입력해주세요"); return false; } if ($("#idsave").prop("checked")) { setCookie("userid", form.userid.value, 365); } else { setCookie("userid", "", -1); } //if ($("#pwdsave").prop("checked")) { // setCookie("pwdsave", form.passwd.value, 365); //} else { // setCookie("pwdsave", "", -1); //} $("#info").val(form.userid.value); // $("#info").val(form.userid.value + "^" + form.passwd.value); } function pcLogin() { $("#viewType").val("pc"); $('#loginBtn').click(); $("#viewType").val(""); } function fnPopupView() { cookiedata = document.cookie; if (document.all['popup_1'] != undefined) { if (cookiedata.indexOf("popup_1=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_1'].style.visibility = "visible"; document.all['popup_1'].style.display = ""; } else { document.all['popup_1'].style.display = "none"; } } if (document.all['popup_2'] != undefined) { if (cookiedata.indexOf("popup_2=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_2'].style.visibility = "visible"; document.all['popup_2'].style.display = ""; } else { document.all['popup_2'].style.display = "none"; } } if (document.all['popup_3'] != undefined) { if (cookiedata.indexOf("popup_3=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_3'].style.visibility = "visible"; document.all['popup_3'].style.display = ""; } else { document.all['popup_3'].style.display = "none"; } } if (document.all['popup_4'] != undefined) { if (cookiedata.indexOf("popup_4=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_4'].style.visibility = "visible"; document.all['popup_4'].style.display = ""; } else { document.all['popup_4'].style.display = "none"; } } if (document.all['popup_5'] != undefined) { if (cookiedata.indexOf("popup_5=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_5'].style.visibility = "visible"; document.all['popup_5'].style.display = ""; } else { document.all['popup_5'].style.display = "none"; } } if (document.all['popup_6'] != undefined) { if (cookiedata.indexOf("popup_6=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_6'].style.visibility = "visible"; document.all['popup_6'].style.display = ""; } else { document.all['popup_6'].style.display = "none"; } } if (document.all['popup_7'] != undefined) { if (cookiedata.indexOf("popup_7=done") < 0) { //쿠키 변경 여부 불러오기 document.all['popup_7'].style.visibility = "visible"; document.all['popup_7'].style.display = ""; } else { document.all['popup_7'].style.display = "none"; } } } function fnPopClose(idx, close_typ, move_url) { //if (close_typ == 'P') { // //부모페이지 이동 // location.href = move_url; //} //else if (close_typ == 'M') { // window.open(move_url, '_blank'); //} $('#popup_' + idx).css('display', 'none'); } function PopupNoDisplay(idx) { setCookie("popup_" + idx, "done", 1); //쿠키값 변경 PopupHide(idx); } function PopupHide(idx) { //팝업창 지우기 $('#popup_' + idx).hide(); } function fnMoveurl(url, close_typ) { if (close_typ == 'P') { //부모페이지 이동 location.href = url; } else if (close_typ == 'M') { window.open(url, '_blank'); } } function dateTimeFormat(dateTimeValue) { var dt = new Date(parseInt(dateTimeValue.replace(/(^.*\()|([+-].*$)/g, ''))); var dateTimeFormat = dt.getFullYear() + "-" + (dt.getMonth() + 1) + '-'+ dt.getDate(); return dateTimeFormat; } //공문영역 function supportArea() { $.ajax({ url: '/Home/getSupportData', // 요청 할 주소 type: 'GET', cache: false, contentType: false, processData: false, dataType: 'json', success: function (data) { var html = ""; for (var i = 0; i < data.support.length; i++) { if (data.support[i].NEW_YN == true) { html += '<li class="new">'; } else { html += '<li class="">'; } html += '<a href="/support/official/view/' + data.support[i].IDX+'" class="item">'; html += '<div class="text">'; html += '<span>' + data.support[i].TITLE+'</span>'; html += '</div >'; html += '<em class="date">'; html += '' + data.support[i].REGIST_DATE_ST+ ''; html += '</em>'; html += '</a>'; html += '</li>'; } $('.gc-labs-list').append(html); toTop(); }, error: function (request, status, error) { } }) } //Now on Gclabs function pressArea() { $.ajax({ url: '/Home/getPressData', // 요청 할 주소 type: 'GET', cache: false, contentType: false, processData: false, dataType: 'json', success: function (data) { var html = ""; html += '<div class="sliders nowon-slider">'; for (var i = 0; i < data.press.length; i++) { html += '<div class="slick-slide item-wrap">'; html += '<div class="item ani">'; html += '<a href="/pr/press/view/'+data.press[i].IDX+'" class="box">'; html += '<div class="thumbnail">'; html += '<img src=https://www.gclabs.co.kr/BoardImages/' + data.press[i].IMAGE2_SAVE_NAME+' alt="' + data.press[i].TITLE+'">'; html += '</div>'; html += '<div class="contents"> '; html += ' <strong class="title">'+data.press[i].TITLE+'</strong>'; html += '<span>'+data.press[i].REGIST_DATE_ST+'</span > '; html += '</div>'; html += '</a>'; html += '</div>'; html += '</div>'; } html += '</div>'; $('.slider-wrap').append(html); toTop(); var controller= new ScrollMagic.Controller(); var tween1 = TweenMax.to('#animate1', 0.5, { y: 0 }); var nowon = $('.now-on .ani'); for (var i = 0; i < nowon.length; i++) { var scene1 = new ScrollMagic.Scene({ triggerElement: nowon[i], offset: 50, triggerHook: 0.9, }) .setTween(tween1) .setClassToggle(nowon[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } }, error: function (request, status, error) { } }) } // 재단소식 function newsArea() { $.ajax({ url: '/Home/getNewsData', // 요청 할 주소 type: 'GET', cache: false, contentType: false, processData: false, dataType: 'json', success: function (data) { var html = ""; for (var i = 0; i < data.news.length; i++) { html += '<li>'; html += '<a href="/pr/news/view/' + data.news[i].IDX +'" class="item">'; html += ''+data.news[i].TITLE+''; html += '<span class="txt-sm">' + data.news[i].REGIST_DATE_ST + '</span>'; html +='</a>' html += '</li>'; } $('#newsArea').append(html); toTop(); }, error: function (request, status, error) { } }) } //Live on function liveOnArea() { $.ajax({ url: '/Home/getLiveOnData', // 요청 할 주소 type: 'GET', cache: false, contentType: false, processData: false, dataType: 'json', success: function (data) { var html = "",html2 =""; for (var i = 0; i < data.live.length; i++) { html += '<li class="item ani active">'; html += ' <a href="/pr/live/view/' + data.live[i].IDX +'?" class="box">'; html += ' <div class="thumbnail">'; html += ' <img src=https://www.gclabs.co.kr/BoardImages/' + data.live[i].IMAGE2_SAVE_NAME+' " alt="'+ data.live[i].TITLE +'">'; html += ' </div>'; html += ' <div class="contents">'; html += ' <mark class="flag">' + data.live[i].DIV_NAME1+'</mark>'; html += ' <strong class="title">'+ data.live[i].TITLE +'</strong>'; html += ' <p class="content">'+data.live[i].CONTENT_S+'</p>'; html += ' </div>'; html += ' </a>'; html += '</li>'; } if (data.you.length > 0) { for (var i = 0; i < data.you.length; i++) { var isMobile = /Mobi/i.test(window.navigator.userAgent); html2 += '<li class="item ani active">'; html2 += ' <a class="box">'; html2 += ' <div class="">'; if (isMobile) { html2 += ' <iframe width="100%" height="200" src="https://www.youtube.com/embed/' + data.you[i].LINK1_URL +'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>' } else { html2 += ' <iframe width="100%" height="330" src="https://www.youtube.com/embed/' + data.you[i].LINK1_URL +'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>' } html2 += ' </div>'; html2 += ' <div class="contents">'; html2 += ' <mark class="flag">' + data.you[i].DIV_NAME1 +'</mark>'; html2 += ' <strong class="title">'+data.you[i].TITLE+'</strong>'; html2 += ' <p class="content"></p>'; html2 += ' </div>'; html2 += ' </a>'; html2 += '</li>'; //html2 += ' <a href=' + data.you[i].LINK1_URL +' target="_blank" class="box">'; //html2 += ' <div class="thumbnail">'; ////html2 += ' <img src="https://img.youtube.com/vi/' + data.you[i].LINK1_URL.split('=')[1]+'/maxresdefault.jpg">'; // html2 += '<iframe width="100%" height="315" src="https://www.youtube.com/embed/uRIhx-rkwDU?si=nNQUH1pgMa6cdZfv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>' //html2 += ' </div>'; //html2 += ' <div class="contents">'; //html2 += ' <mark class="flag">VIDEO</mark>'; //html2 += ' <strong class="title">'+data.you[i].TITLE+'</strong>'; //html2 += ' <p class="content"></p>'; //html2 += ' </div>'; //html2 += ' </a>'; } } $('#liveOnArea').append(html2); $('#liveOnArea2').append(html); toTop(); var controller = new ScrollMagic.Controller(); var tween2 = TweenMax.to('#animate2', 0.5, { y: 0 }); var liveon = $('.live-on .ani'); for (var i = 0; i < liveon.length; i++) { var scene2 = new ScrollMagic.Scene({ triggerElement: liveon[i], offset: 50, triggerHook: 0.9, }) .setTween(tween2) .setClassToggle(liveon[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } var tween5 = TweenMax.to('#animate5', 0.5, { y: 0 }); var liveonsub = $('.live-on-sub .ani'); for (var i = 0; i < liveon.length; i++) { var scene5 = new ScrollMagic.Scene({ triggerElement: liveonsub[i], offset: 50, triggerHook: 0.9, }) .setTween(tween5) .setClassToggle(liveonsub[i], "active") //.addIndicators({name: "digit " + (i+1) }) .addTo(controller); } }, error: function (request, status, error) { } }) } //메인배너 </script> </html>