<script>
var filter = "win16|win32|win64|mac|macintel";
if ( navigator.platform ) {
if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
//mobile
console.log('mobile 접속');
location.replace('/mworks');
} else {
//pc
console.log('pc 접속');
}
}
</script>
<style>
/* 로고 */
.logo {
background-image:url(<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F72d2fd31-9ef3-47f9-8285-9fd3a7c1658c%2Fneuroworks_%25EB%25A1%259C%25EA%25B3%25A0.png&blockId=5c418510-e17c-4388-811f-6ffa3b8daade>);
background-size: contain ;
background-repeat:no-repeat;
position:relative;
display:block;
left:9%;
top:35px;
width:140px;
height:45px;
z-index: 1000;
margin: 5px 10px -32px 50px;
}
</style>
<header class="main-header">
<div class="container">
<div class="logo"><a href="<https://career.neurophet.com/works>"></a></div>
<nav>
<div class="menu-container">
<ul>
<li class="has-dropdown has-megamenu"></li><!-- /end has-megamenu -->
<li class="has-dropdown"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%EB%89%B4%EB%A1%9C%ED%94%BC%EC%96%B8.aspx>" class="block" target="_blank">뉴로피언</a>
<ul>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%EB%89%B4%EB%A1%9C%ED%94%BC%EC%96%B8.aspx>" class="block" target="_blank">구성원 소개</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A1%B0%EC%A7%81%EB%8F%84.aspx>" class="block" target="_blank">조직도 </a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EB%B6%80%EC%84%9C%EB%B3%84%20%EC%86%8C%EA%B0%9C.aspx>" class="block" target="_blank">부서소개</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EA%B3%BC%20%EA%B8%B0%EC%88%A0.aspx?csf=1&web=1&e=an6bQp&cid=02e1a3c4-dd5b-4507-a596-61b445406776>" class="block" target="_blank">제품과 기술</a>
<ul>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EA%B3%BC%20%EA%B8%B0%EC%88%A0.aspx?csf=1&web=1&e=an6bQp&cid=02e1a3c4-dd5b-4507-a596-61b445406776>" class="block" target="_blank">제품기술 교육</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B6%EC%97%B0%EA%B5%AC%EC%8B%A4%EC%A0%81.aspx?OR=Teams-HL&CT=1665463019796&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiIyNy8yMjA5MDQwMDcxMiIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D>" class="block" target="_blank">논문/지적재산권</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EA%B3%BC%20%EA%B8%B0%EC%88%A0-%EC%9D%B8%EC%A6%9D.aspx>" class="block" target="_blank">제품인증</a></li>
</ul>
</li>
<li class="has-dropdown"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%9A%8C%EC%82%AC%EC%83%9D%ED%99%9C.aspx>" class="block" target="_blank">회사생활</a>
<ul>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%9A%8C%EC%82%AC%EC%83%9D%ED%99%9C.aspx>" class="block" target="_blank">조직문화</a></li>
<li class="has-dropdown">
<a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%E2%96%B7%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95V1.aspx>" lass="block" target="_blank" >회사규정</a>
<ul>
*<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%EA%B7%BC%EB%A1%9C%EC%A1%B0%EA%B1%B4v1.aspx>"* class="block" target="_blank"*>근로조건</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%EB%B3%B5%EB%AC%B4%EC%9D%98%EB%AC%B4.aspx>"* class="block" target="_blank"*>복무의무</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%EA%B7%BC%ED%83%9C%EA%B4%80%EB%A6%AC.aspx>"* class="block" target="_blank"*>근태관리</a></li>
<l*i><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%EB%B3%B4%EC%83%81.aspx>" class="block" target="_blank">보상</a></li>
*<l*i><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%ED%9C%B4%EA%B0%80%EB%B0%8F%ED%9C%B4%EB%B3%B5%EC%A7%81.aspx>" class="block" target="_blank">휴가/휴복직</a></li>
*<l*i><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%EA%B8%B0%ED%83%80%EC%9D%B8%EC%82%AC%EC%9A%B4%EC%98%81.aspx>" class="block" target="_blank">복지/혜택</a></li>
</ul>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EB%B3%B5%EC%A7%80%EC%A0%9C%EB%8F%84.aspx>" class="block" target="_blank">복지제도</a></li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%8B%A0%EA%B7%9C%EC%9E%85%EC%82%AC%EC%9E%90%EA%B0%80%EC%9D%B4%EB%93%9C.aspx>" class="block" target="_blank">온보딩</a>
<ul>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%8B%A0%EA%B7%9C%EC%9E%85%EC%82%AC%EC%9E%90%EA%B0%80%EC%9D%B4%EB%93%9C-%EB%89%B4%EB%A1%9C%ED%95%8F%20%EC%86%8C%EA%B0%9C.aspx?csf=1&web=1&e=5fdNLC&cid=778e807d-bc27-4afa-8772-48f37d9dff87>" class="block" target="_blank">뉴로핏 소개</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%98%91%EC%97%85%ED%88%B4%EA%B0%80%EC%9D%B4%EB%93%9C.aspx>" class="block" target="_blank">협업툴</a>
<!-- <ul class="megamenu">
<div class="col-sm-6 col-xs-6">
<div class="megamenu-content">
<h2>개발예정</h2>
<a href="#">
<span class="img-preloader"></span>
<img src="#" alt=""></a>
<p>메뉴 전반 설명 필요한 경우 사용</p>
</div>
</div>
</ul> -->
</li>
<li ><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%9A%B0%EB%A6%AC%EC%9D%98%20%EB%AF%B8%EC%85%98.aspx?csf=1&web=1&e=pfn8Mw>" class="block" target="_blank">우리의 미션</a>
</li>
</ul>
</div><!-- /end menu-container -->
</nav>
</div><!-- /end container -->
</header>
<!--<h3 class="container text-danger text-center"></h3>-->
<div class="container">
<div class="sec-page wrap" id="page1">
<div class="page-wrap" >
<div class="banner-txt con">
<!--<div class="banner-top-txt">뉴로핏 생활 가이드북<br></div>-->
<div class="banner1-title">더욱 슬기롭게 <br>회사생활을 하는 방법</div>
<!--<a href="#">바로가기 버튼 필요할때 사용</a>-->
</div>
<img width="100%" src="<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb2d047fb-9ffb-4269-b0ed-057e1a2040c1%2Flife_at_neurophet_(2).gif&blockId=79447b73-64e0-418c-93bb-736849932150>" alt="" >
<!--<video width="100%" style="object-fit:cover;position:relative;z-index:-1;filter:brightness(1)" height="auto" muted="" autoplay="" loop="" playsinline="" preload="auto">
<source src="<https://www.neurophet.com/uploads/recruit.slogan.mp4>" type="video/mp4" />슬기로운 뉴로핏 생활 </video>-->
<div class="quick">
<ul>
<li><a class="quick1" href="<https://neurophet.sharepoint.com/:u:/r/sites/HR2/SitePages/%E2%96%B6%EC%98%A4%EB%8A%98%EB%AD%90%EB%A8%B9%EC%A7%80.aspx>" target="_blank">오늘뭐먹지</a></li>
<li><a class="quick2" href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B6%EC%96%B4%EB%94%94%EA%B3%84%EC%84%B8%EC%9A%94.aspx>" target="_blank">자리배치도 </a></li>
<li><a class="quick3" href="<https://neurophet.sharepoint.com/:u:/r/sites/HR2/SitePages/%E2%96%B6%EC%A3%BC%EC%B0%A8%EC%9A%94%EC%B2%AD.aspx>" target="_blank">주차 요청</a></li>
<li><a class="quick4" href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4%EB%B0%9C%EA%B8%89.aspx?OR=Teams-HL&CT=1662513719121&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiIyNy8yMjA3MzEwMTAwNSIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D>" target="_blank">제품라이선스</a></li>
</ul>
</div>
</div>
</div>
</div>
<style>
*,
ul {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
body {
font-family: 'Roboto Slab', serif;
font-size: 14px;
font-weight: 300;
}
a,
a:hover {
text-decoration: none;
}
.main-header {
background-color: #fff;
}
/* MENU STARTS */
nav img {
max-width: 100%;
}
.menu-container {
background-color: #fff;
text-align: center;
height: 55px;
}
.menu-container > ul > li {
display: inline-block;
}
.menu-container > ul {
font-size: 0;
}
.menu-container > ul > li > a {
display: block;
font-size: 16px;
letter-spacing: .05em;
line-height: 1;
padding: 20px 24px;
}
.menu-container a {
color: #1b1b1e;
}
/* DROPDOWN STARTS */
.menu-container ul li:not(.has-megamenu),
.menu-container {
position: relative;
}
.menu-container ul ul {
min-width: 100%;
color: #1b1b1e;
background-color: #fff; /*하단에 넓기 열릴경우 */
position: absolute;
left: 0;
top: 100%;
z-index: 999;
visibility: hidden;
opacity: 0;
transform: rotateY(45deg);
border-top: 2px solid #fff;
border-bottom: 3px solid #fff;
}
.menu-container ul ul li {
display: block;
}
.menu-container ul ul li > a {
background-color: #fff;
color: #1b1b1e;
font-size: 13px;
padding: 15px 25px;
white-space: nowrap;
display: block;
}
/* 2nd,3rd etc level sub menu */
.menu-container ul ul ul {
left: 100%;
top: 0;
}
/* MEGAMENU STARTS */
.has-megamenu {
text-align: justify;
font-size: 14px;
}
.megamenu {
padding: 10px 15px;
}
.megamenu-content h2 {
text-align: left;
margin-bottom: 15px;
font-size: 15px;
}
.megamenu-content img {
display: block;
margin-bottom: 10px;
}
/* DROPDOWN ARROW */
.has-dropdown > a {
position: relative;
}
.has-dropdown > a:after {
color: #fff;
content: '';
width: 0;
height: 0;
border-width: 5px 4px 4px;
border-color: #ddd transparent transparent transparent;
border-style: solid;
position: absolute;
right: 13px;
top: 50%;
margin-top: -2px;
z-index: 9999;
transition: all .19s;
}
/* BUTTON 사용안함 */
.btn-green {
background-color: #fff;
line-height: 1;
letter-spacing: .5px;
padding: 12px 5px;
border-radius: 5px;
display: block;
margin: 15px 0;
border-bottom: 3px solid #0b4c06;
}
/* WHEN HOVER */
.menu-container > ul > li > a,
.menu-container ul ul,
.has-dropdown > a:after {
transition: all .2s ease-in-out;
}
.menu-container li:hover > ul {
visibility: visible;
opacity: 0.9;
transform: rotateY(0)
}
/*메뉴 배경 색 */
.menu-container li:hover > a {
background-color: #ff3333;
color: #fff;
}
.has-dropdown:hover > a:after {
border-width: 5px 4px 4px;
right: 50%;
top: auto;
bottom: -2px;
transform: translateX(50%) rotate(180deg);
opacity: 1;
}
.has-dropdown .has-dropdown:hover > a:after {
transform: translate(0) rotate(-90deg);
top: 50%;
margin-top: -4px;
right: 15px;
bottom: auto;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
background-color: #1b1b1e;
color: #fff;
}
/* IMAGE PRELOADER */
.megamenu-content a:first-of-type {
display: block;
position: relative;
min-height: 60px;
}
.img-preloader {
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #ffffff;
}
.img-preloader:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 25px;
height: 25px;
transform: translate(-50%, -50%);
border-width: 4px;
border-style: solid;
border-color: #ff3333 #fff;
text-align: center;
border-radius: 50%;
animation: imgPreloader .99s infinite ease-in-out;
}
.img-preloader:before {
content: 'Image is loading...';
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 2px;
font-size: 10px;
font-style: italic;
letter-spacing: 0.5px;
}
@keyframes imgPreloader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
</style>
<script>
jQuery(window).on('load', function(){
// PRELOADER
jQuery(".img-preloader").fadeOut(1000);
jQuery('.megamenu-content a:first-of-type').css('min-height', 'auto');
}); // end window load function
</script>
<script>
var filter = "win16|win32|win64|mac|macintel";
if ( navigator.platform ) {
if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
//mobile
console.log('mobile 접속');
location.replace('/mworks');
} else {
//pc
console.log('pc 접속');
}
}
</script>
<!-- 메인 베너 슬라이더 -->
<div class="sec-page wrap" id="page1">
<!--윈도우 상단메뉴-->
<!--
<nav class="menu-box-1 inline-block">
<ul class="row">
<li class="cell"><a href= "<https://neurophet.sharepoint.com/sites/HR2/SitePages/%EB%89%B4%EB%A1%9C%ED%94%BC%EC%96%B8.aspx>" class="block" target="_blank"><span class="inline-block">뉴로피언</span></a>
</li>
<li class="cell"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EA%B3%BC%20%EA%B8%B0%EC%88%A0.aspx?csf=1&web=1&e=an6bQp&cid=02e1a3c4-dd5b-4507-a596-61b445406776>" class="block" target="_blank"><span class="inline-block">제품과 기술</span></a></li>
<li class="cell"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%9A%8C%EC%82%AC%EC%83%9D%ED%99%9C.aspx>" class="block"><span class="inline-block" target="_blank">회사생활</span></a>
</li>
<li class="cell"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%98%91%EC%97%85%ED%88%B4%EA%B0%80%EC%9D%B4%EB%93%9C.aspx>" class="block"><span class="inline-block" target="_blank">협업툴 가이드</span></a></li>
<li class="cell"><a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%9A%B0%EB%A6%AC%EC%9D%98%20%EB%AF%B8%EC%85%98.aspx?csf=1&web=1&e=pfn8Mw&cid=4aa84df2-87dc-42c8-b9ef-f8a539ddaa88>" class="block" target="_blank"><span class="inline-block">우리의 미션</span></a></li>
</ul>
</nav>-->
<!--뉴로핏 상단 오른쪽 메뉴-->
<div class="top-bar text-align-center">
<div class="gnb row">
<div class="gnb-menu absolute-right">
<ul class="row">
<li class="douzon cell"><a href="<https://gw.neurophet.co.kr/>">전자결재/근태↗</a></li>
<li class="conf cell"><a href="<http://internal.neurophet.com:8090/login.action?os_destination=%2Findex.action&permissionViolation=true>">컨플루언스↗</a></li>
<!--<li class="career cell"><a href="<https://career.neurophet.com/>">인재영입↗</a></li>-->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<aside> 👩🏻 oopy:slide
type: "crossfade" # Pro 플랜 전용) 애니메이션 효과가 크로스페이드로 적용됩니다.
speed: 1000 # 슬라이드가 넘어가는데 걸리는 시간입니다. 기본값: 1000 (ms, 밀리세컨드)
ratio: 4.6667 # 슬라이드 너비 : 슬라이드 높이 비율을 지정합니다. 기본값: 2.76 (708px : 256px) 964
full: false # 슬라이드를 화면에 꽉 차도록 합니다. full 옵션이 true 일때도 ratio는 유지됩니다. 슬라이드가 컬럼이나 토글에 들어가는 경우 해당 옵션은 동작하지 않습니다. 기본값: false
autoplay:
period: 3000 # 슬라이드가 자동으로 넘어가기까지 걸리는 시간입니다. 자동 재생을 원하지 않는다면 값을 0으로 주세요!
indicator: # 슬라이드 아래에 나타나는 이동을 위한 점들을 의미합니다.
show: true # 점들을 숨기려면 값을 false로 변경하세요
color: "#ff3332" # 현재 보이는 슬라이드에 대응되는 점의 색깔입니다. 기본값: ff3332 뉴로핏 빨강
borderRadius: 2 # 슬라이드의 모서리를 둥글게 하는 값입니다. 기본값: 16
backgroundColor: "#f5f5f5" # 슬라이드의 배경화면 색상을 지정합니다. *) 배경을 투명색으로 사용하려면 "transparent" 를 입력하세요. 회색
https://neurophethr.notion.site/4dd8a7732a774536aadc1f9f1558fe03
2022 타운홀미팅 & 연말행사 (notion.site)
나의 밥과 동료의 밥이 만나면?! (notion.site)
</aside>
<br>
<div class="jb-a">
<img style="border-radius: 0px;"src="<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0aba6ab2-cb34-44fa-b150-aeb9b098c706%2FGroup_7.png&blockId=b9ac4863-9e4e-4c0e-bd28-95583df70d1c>" alt="" class="jb-b">
<a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%8B%A0%EA%B7%9C%EC%9E%85%EC%82%AC%EC%9E%90%EA%B0%80%EC%9D%B4%EB%93%9C.aspx>" target="_blank" ><img style="border-radius: 10px;" src="<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa75f7656-c1e3-4b5b-b751-1a49abccf3f7%2FFrame_14.png&blockId=75a46ad9-e9bf-4edf-a4e5-15c9f0bd989a>" alt="" class="jb-c"></a>
</div>
<div class="jb-a">
<img style="border-radius: 0px;"src="<https://neurophethr.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F370bff14-ab99-4d3d-9d51-5e0fa3c225b4%2FFrame_12.png?table=block&id=0f2e5a83-3cf0-47e7-8797-348327a17f46&spaceId=9453ab34-9a3e-45a8-a6b2-ec7f1cefbd7f&width=360&userId=&cache=v2>" alt="" class="jb-b">
<a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/1.%20%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95/%E2%96%B7%ED%9A%8C%EC%82%AC%EA%B7%9C%EC%A0%95V1.aspx>" target="_blank" ><img style="border-radius: 10px;" src="<https://neurophethr.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff715fb00-4016-488c-a5f1-5c23bed05a52%2FFrame_16.png?table=block&id=7f98b431-f313-47e3-9d20-720cb88252f5&spaceId=9453ab34-9a3e-45a8-a6b2-ec7f1cefbd7f&width=360&userId=&cache=v2>" alt="" class="jb-c"></a>
</div>
<div class="jb-a">
<img style="border-radius: 0px;"src="<https://neurophethr.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5abc6425-3677-4f63-9def-f1760362d4a8%2FFrame_11.png?table=block&id=c809884b-2602-4ab1-8db3-a2b7f1ebb6df&spaceId=9453ab34-9a3e-45a8-a6b2-ec7f1cefbd7f&width=360&userId=&cache=v2>" alt="" class="jb-b">
<a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EB%B3%B5%EC%A7%80%EC%A0%9C%EB%8F%84.aspx>" target="_blank" ><img style="border-radius: 10px;" src="<https://neurophethr.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F91b76cf8-e28e-43a0-8b75-818a89199b9d%2FFrame_15.png?table=block&id=9cb666cd-ede4-4c3b-8fcd-5e3a949c9172&spaceId=9453ab34-9a3e-45a8-a6b2-ec7f1cefbd7f&width=360&userId=&cache=v2>" alt="" class="jb-c"></a>
</div>
<div class="jb-a">
<img style="border-radius: 0px;"src="<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F41f6060d-71f9-4915-920f-ad1a5c8dd48b%2FGroup_6.png&blockId=4d64a543-563b-499e-9082-c65c7c25a147>" alt="" class="jb-b">
<a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EB%89%B4%EB%A1%9C%EB%B8%8C%EB%9F%AC%EB%A6%AC%20.aspx>" target="_blank" ><img style="border-radius: 10px;" src="<https://oopy.lazyrockets.com/api/v2/notion/image?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F75ef9e97-1e84-4b99-83b3-24c17b595239%2FFrame_23.png&blockId=dfe9c12b-23fb-4cab-9e4d-4609c349f1dd>" alt="" class="jb-c"></a>
</div>
<div class="tabscontainer">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">경영</li>
<li class="tab-link" data-tab="tab-2">연구</li>
<li class="tab-link" data-tab="tab-3">프로덕트</li>
<li class="tab-link" data-tab="tab-4">비즈니스</li>
<li class="tab-link" data-tab="tab-5">사업개발</li>
</ul>
<div id="tab-1" class="tab-content current">
<div class="my_text">
<div class="my_1">승인/결재</div>
[전직원] 전결기준   <a href="<https://neurophet.sharepoint.com/sites/HR2/Shared%20Documents/Forms/AllItems.aspx?id=%2Fsites%2FHR2%2FShared%20Documents%2F%EC%A0%84%EA%B2%B0%EA%B8%B0%EC%A4%80%ED%91%9C%281%2E%EA%B3%B5%ED%86%B5%29%5F202210%20%2D%20%EC%A0%84%EA%B2%B0%EA%B8%B0%EC%A4%80%ED%91%9C%281%2E%EA%B3%B5%ED%86%B5%29%5F22%2E09%20%281%29%20%281%29%2Epdf&parent=%2Fsites%2FHR2%2FShared%20Documents>" target="_blank" class="myButton"> 기준표 </a> <br>
[전직원] 각종 전자결재  <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%98%91%EC%97%85%ED%88%B4_%EC%A0%84%EC%9E%90%EA%B2%B0%EC%9E%AC.aspx>" target="_blank" class="myButton"> 신청방법 </a>
<div class="my_1">인사관련</div>
[전직원] 제증명 신청   <a href="<https://neurophet.sharepoint.com/:u:/r/sites/HR2/SitePages/%E2%96%B7%ED%98%91%EC%97%85%ED%88%B4_%EC%A0%9C%EC%A6%9D%EB%AA%85%EB%B0%9C%EA%B8%89.aspx?csf=1&web=1&e=HQYOlC>" target="_blank" class="myButton"> 신청방법 </a>
<br>[전직원] 근태/연차 확인   <a href="<https://neurophet.sharepoint.com/:u:/r/sites/HR2/SitePages/%E2%96%B7%ED%98%91%EC%97%85%ED%88%B4_%EA%B7%BC%ED%83%9C%26%EC%97%B0%EC%B0%A8%ED%98%84%ED%99%A9.aspx?csf=1&web=1&e=8k4Snq>" target="_blank" class="myButton"> 확인방법 </a>
<br>[전직원] 탄력근무 잔여시간 조회   <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%ED%83%84%EB%A0%A5%EA%B7%BC%EB%AC%B4-%20%EC%9E%94%EC%97%AC%EC%B4%88%EA%B3%BC%EA%B7%BC%EB%AC%B4%20%EC%95%88%EB%82%B4.aspx>" target="_blank" class="myButton"> 탄력근무조회 </a>
<br>[입퇴사담당자] 입사/퇴사업무 프로세스 및 처리   <a href="<https://neurophet.sharepoint.com/sites/hr-manager/SitePages/%EC%9E%85%EC%82%AC%EA%B0%80%EC%9D%B4%EB%93%9C.aspx?csf=1&web=1&e=wgCASS>" target="_blank" class="myButton"> 입퇴사관리 </a>
<br>[면접관] 면접관용 가이드 및 채용 전형관리   <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%EC%B1%84%EC%9A%A9-%EC%A0%84%ED%98%95%EA%B4%80%EB%A6%AC.aspx>" target="_blank" class="myButton"> 채용전형관리 </a>
<div class="my_1">운영관련</div>
[전직원] 뉴로브러리 도서신청   <a href="<https://teams.microsoft.com/l/channel/19%3a06c83e8a8f9340e7b7e6f5a56c9d846c%40thread.tacv2/%25F0%259F%2593%259A%25EB%2589%25B4%25EB%25A1%259C%25EB%25B8%258C%25EB%259F%25AC%25EB%25A6%25AC?groupId=15dab799-78cc-43b7-aca6-01508fe903dc&tenantId=0e0de970-ba32-48a4-a048-99d48e6eb282>" target="_blank" class="myButton"> 도서신청[팀즈]</a>
<br>[전직원] 업무용 사무용품 구매신청   <a href="<https://neurophet.sharepoint.com/:x:/r/sites/neurophet/Shared%20Documents/General/%F0%9F%8E%88%EC%82%AC%EB%AC%B4%EC%9A%A9%ED%92%88%20%EC%A3%BC%EB%AC%B8%EA%B0%80%EC%9D%B4%EB%93%9C_2.xlsx?d=w4d64906c02b04449ad85d865821a734d&csf=1&web=1&e=muXeqk>" target="_blank" class="myButton"> 신청방법 </a>
<br>[전직원] 주차요청   <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B6%EC%A3%BC%EC%B0%A8%EC%9A%94%EC%B2%AD.aspx?cid=68d7e039-8665-4e1e-b288-ca44af6b42ff>" target="_blank" class="myButton"> 주차신청[팀즈] </a>
</div>
</div>
<div id="tab-2" class="tab-content ">
<div class="my_text">
[전직원] 뉴로핏 논문 및 지적재산권   <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B6%EC%97%B0%EA%B5%AC%EC%8B%A4%EC%A0%81.aspx?OR=Teams-HL&CT=1665463019796&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiIyNy8yMjA5MDQwMDcxMiIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D>" target="_blank" class="myButton"> 리스트 보기</a>
<br>
<br> ****
</div>
</div>
<div id="tab-3" class="tab-content">
<div class="my_text">
[전직원] 품질경영체계 (절차서)   <a href="<https://neurophet.sharepoint.com/:f:/s/EDM/EsrmyDuAiA5MnP0FLfAM4iEBlnVh0ZdYOMXoFgtVRqOCpQ?"> target="_blank" class="myButton"> 업무별 절차서</a>
<br>
****[전직원] 제품 라이선스 발급신청   <a href="<https://neurophet.sharepoint.com/sites/HR2/SitePages/%E2%96%B7%EC%A0%9C%ED%92%88%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4%EB%B0%9C%EA%B8%89.aspx?OR=Teams-HL&CT=1662513719121&clickparams=eyJBcHBOYW1lIjoiVGVhbXMtRGVza3RvcCIsIkFwcFZlcnNpb24iOiIyNy8yMjA3MzEwMTAwNSIsIkhhc0ZlZGVyYXRlZFVzZXIiOmZhbHNlfQ%3D%3D>" target="_blank" class="myButton"> 발급신청안내/발급</a>
<br>
****[전직원] 뉴로핏 인허가 현황 및 인증서   <a href="<http://internal.neurophet.com:8090/pages/viewpage.action?pageId=37291898>" target="_blank" class="myButton"> L.인증서</a>
<br> ****
</div>
<div id="tab-4" class="tab-content ">
<div class="my_text">
필요한 링크를 인사팀으로 요청해주세요! </div></div>
<div id="tab-5" class="tab-content">
<div class="my_text">
필요한 링크를 인사팀으로 요청해주세요! </div></div>
뉴로웍스 - 브랜드 가이드라인 (sharepoint.com)
https://neurophet.sharepoint.com/sites/HR2/SitePages/▷신규직원추천.aspx
https://neurophet.sharepoint.com/sites/HR2/SitePages/▷뉴로브러리 .aspx
뉴로핏, 日 마루베니의 의료 솔루션 유통 자회사와 ‘뉴로핏 아쿠아’ 판매 제휴 계약 (neurophet.com)
뉴로핏, 日 마루베니의 의료 솔루션 유통 자회사와 ‘뉴로핏 아쿠아’ 판매 제휴 계약 2022.12.19
뉴로핏, ‘뉴로핏 스케일 펫’ 글로벌 인증 순항… 美日 이어 싱가포르 의료기기 인증 획득 (neurophet.com)
뉴로핏, ‘뉴로핏 스케일 펫’ 글로벌 인증 순항… 美日 이어 싱가포르 의료기기 인증 획득2022.12.13
뉴로핏, PET 영상 자동 분석 솔루션 ‘뉴로핏 스케일 펫’ 일본 의료기기 인증 획득 (neurophet.com)
뉴로핏, PET 영상 자동 분석 솔루션 ‘뉴로핏 스케일 펫’ 일본 의료기기 인증 획득 2022.12.06
https://www.neurophet.com/AboutUs/News/view?no=127
뉴로핏, 북미영상의학회 ‘RSNA 2022’ 참가…뇌 영상 분석 연구 초록 4편 발표 2022.11.24
https://www.neurophet.com/AboutUs/News/view?no=126
뉴로핏, 싱가포르 난양공대 치매연구센터와 뇌 영상 분석 공동 연구 업무 협약 2022.11.10
https://www.neurophet.com/AboutUs/News/view?no=125
‘ICMRI 2022’서 AI 뇌 영상 분석 기술 및 뇌질환 예측 연구 성과 발표 2022.11.07
<!-- footer -->
<div class="footer">
<div class="layout con">
<div class="menu">
<ul class="row">
<li class="cell"><a href="<https://account.neurophet.com/PrivacyPolicy>" target="_blank" >개인정보처리방침</a> </li>
<li class="cell"><a href="<https://account.neurophet.com/TermsofService>" target="_blank"> 이용약관</a> </li>
<li class="cell"><a href="<https://neurophet.sharepoint.com/sites/HR2>" target="_blank"> Site map</a> </li>
</ul>
</div><br>
<div class="copy">
<div><b>뉴로핏 주식회사 NEUROPHET Inc.</b> 서울 강남구 테헤란로 124, 삼원타워 12층 뉴로핏    +82-(0)2-6954-7971 </div>
</div>
<div class="copy"><br>
Copyright 2022. NEUROPHET Inc. All Rights Reserved.
</div>
<div class="site-box row">
<ul class="row sns-link cell">
<li class="cell home"><a href="<https://www.neurophet.com/>" > </a></li>
<li class="cell in"><a href="<https://www.linkedin.com/company/neurophet/>"></a></li>
<li class="cell fb"><a href="<https://www.facebook.com/NEUROPHET>"></a></li>
<li class="cell bl"><a href="<https://m.blog.naver.com/neurophet/>"></a></span>
</ul>
</div>
</div>
</div>
<!-- 스크립트 -->
<!-- 제이쿼리 불러오기 -->
<script src="<https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js>"></script>
<!--font awesome-->
<link rel="stylesheet" type="text/css" href="<https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css>" />
<script src"<https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css>"></script>
<!-- slick불러오기 -->
<script src="<https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js>"></script>
<link rel="stylesheet" href="<https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css>">
<link rel="stylesheet" href="<https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css>">
<script>
console.clear();
setTimeout(function() {
$(window).scrollTop(0);
}, 100);
//본부별 메뉴탭
$(document).ready(function(){
$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
$('ul.tabs li').removeClass('current');
$('.tab-content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
})
// 헤더 메뉴바 스크롤시 변화
function NotScrollTop0__init() {
var scrollTop = $(window).scrollTop();
if ( scrollTop > 20 ) {
$('html').addClass('not-scroll-top-0');
}
else {
$('html').removeClass('not-scroll-top-0');
}
}
$(window).scroll(NotScrollTop0__init);
NotScrollTop0__init();
var $liIndicator1 = $('.top-bar .menu-box-1 > .li-indicator-1-box > .li-indicator-1');
// 인디케이터 시작
$('.top-bar .menu-box-1 > ul > li').mouseenter(function() {
var $this = $(this);
var $menuBox1 = $this.closest('.menu-box-1');
var menuBox1Left = $menuBox1.position().left;
var $span = $this.find(' > a > span');
var positionLeft = $span.position().left - menuBox1Left;
var width = $span.outerWidth();
$liIndicator1.css({
width:width,
left:positionLeft
});
});
$('.top-bar .menu-box-1 > ul > li').mouseleave(function() {
/*
$liIndicator1.css({
left:''
});
*/
$liIndicator1.css('left', '');
});
// 인디케이터 끝
// 서브메뉴
$('.top-bar .menu-box-1 > ul > li').mouseenter(function() {
var $this = $(this);
var $topBar = $this.closest('.top-bar');
var $contentBox = $topBar.find('.content-box');
$contentBox.find('> ul > li.active').removeClass('active');
var index = $this.index();
var $target = $contentBox.find('> ul > li').eq(index);
$target.addClass('active');
var height = $target.height();
$contentBox.css('height', height);
});
$('.top-bar').mouseleave(function() {
var $topBar = $(this);
var $contentBox = $topBar.find('.content-box');
$contentBox.css('height', '');
});
//banner slide (page1) 슬라이드
$('.page-wrap > .page-btns > div').click(function() {
var $this = $(this);
$this.siblings('.active').removeClass('active');
$this.addClass('active');
var $pageWrap = $this.closest('.page-wrap');
var $current = $pageWrap.find('> section.active');
var index = $this.index();
$current.removeClass('active');
$pageWrap.find('> section').eq(index).addClass('active');
});
setInterval(function(){
if ( $('.wrap .page-wrap').attr('data-autoplay') == 'Y' ){
var $post = $('.page-wrap > .page-btns > div.active').next('div')
if ( $post.length == 0 ) {
$('.page-wrap > .page-btns > div:first-child').click();
}
else {
$post.click();
}
}
}, 5000);
$('.wrap .page-btns > .play-btns .stop').click(function() {
$('.wrap .page-wrap').attr('data-autoplay','Y');
//alert('stop');
});
$('.wrap .page-btns > .play-btns .play').click(function() {
$('.wrap .page-wrap').attr('data-autoplay','N');
//alert('play');
});
// 더보기 토글
$('.page-wrap > .quick > .btn-more').click(function() {
var $this = $(this);
var $quick = $this.closest('.quick');
var $target = $quick.find('> ul > .hide');
var hideHasClassActive = $target.hasClass('active');
if ( hideHasClassActive ) {
//console.log("active 클래스를 가지고 있습니다.");
$target.removeClass('active');
}
else {
//console.log("active 클래스를 가지고 있지 않습니다.");
$target.addClass('active');
}
});
//page 이동
$('#page-nav > li > a').click(function(e) {
var href = $(this).attr('href');
var targetTop = $(href).offset().top;
/*
// 한번에 가도록 하는 방법
$(window).scrollTop(targetTop);
*/
$('html').stop().animate({scrollTop:targetTop}, 300);
e.preventDefault();
});
function Page__updateIndicatorActive() {
var scrollTop = $(window).scrollTop();
// 역순으로 검색해야 편하다
$($('.sec-page').get().reverse()).each(function(index, node) {
var $node = $(this);
var offsetTop = parseInt($node.attr('data-offset-top'));
if ( scrollTop + 500 >= offsetTop ) {
// 기존 녀석에게 활성화 풀고
$('#page-nav > li.active').removeClass('active');
// 해당하는 녀석에게 활성화 넣고
var currentPageIndex = $node.index();
$('#page-nav > li').eq(currentPageIndex).addClass('active');
$('html').attr('data-current-page-index', currentPageIndex);
return false; // 더 이상 다른 페이지를 검사하지 않는다.
}
});
}
// 각 페이지의 offsetTop 속성을 업데이트
function Page__updateOffsetTop() {
$('.sec-page').each(function(index, node) {
var $page = $(node);
var offsetTop = $page.offset().top;
$page.attr('data-offset-top', offsetTop);
});
// 계산이 바뀌었으니까, 다시 상태 업데이트
Page__updateIndicatorActive();
}
//function Page__init() {
// Page__updateOffsetTop();
//}
// 초기화
//*Page__init();*/
// 화면이 리사이즈 할 때 마다, offsetTop을 다시계산
// $(window).resize(Page__updateOffsetTop);
// 스크롤이 될 때 마다, 인디케이터의 상태를 갱신
//$(window).scroll(Page__updateIndicatorActive);
//page 4 - slick slider
$('section > .business > .layout > .slider > .slides').slick({
autoplay: false,
autoplaySpeed: 1000,
arrows:true,
prevArrow: $('.btn-prev'),
nextArrow: $('.btn-next')
});
//link banner
$('.link-banner .row').slick({
autoplay: false,
arrows:true,
slidesToShow: 5,
variableWidth: true,
touchMove: false,
prevArrow: $('.link-btn-prev'),
nextArrow: $('.link-btn-next')
});
//우측 팝업메뉴 윈도우v 열기
$('.wrap .top-bar .gnb .allmenu-btn').click(function() {
var $this = $(this);
var $wrap = $this.closest('.wrap');
var $sideMap = $wrap.find('> .side-map');
$sideMap.addClass('active');
$('html').attr('data-side-bar-actived', 'N');
});
//우측 팝업메뉴 윈도우v 닫기
$('section > .wrap > .side-map > .inner > .btn-close').click(function() {
var $this = $(this);
var $wrap = $this.closest('.wrap');
var $sideMap = $wrap.find('> .side-map');
$sideMap.removeClass('active');
$('html').attr('data-side-bar-actived', 'N');
});
// 사이드메뉴 이너 > 토글버튼
$('section > .wrap > .side-map > .inner > .menu-box > .nav > li > .btn-toggle').click(function() {
var $this = $(this);
$this.toggleClass('active');
var $li = $(this).closest('li');
var $ul = $li.find('> ul.row');
var duration01 = 300;
if ($this.hasClass('active')) {
$ul.slideDown(duration01);
}
else {
$ul.slideUp(duration01);
}
});
//a 태그 무효화
$('a').click(function(e) {
e.preventDefault();
});
</script>
<!--슬기로운 뉴로핏 생활 리뉴1 -->
<div class="CodeBlock_block__3Yr6P css-1sk2dg5">
<style>
body {
box-sizing: border-box;
}
img {
max-width: 100%;
}
.jb-a {
align: left;
margin: 0px auto;
position: relative
}
.jb-c {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.jb-a:hover .jb-c {
display: block;
}
</style>
<style>
.notion-page-content img {
border-radius: 0px !important
}
.notion-topbar {
display: none;
}
.css-1874hvy {
display: none;
}
.ej0hkt123 {
display: none;
}
.padding {
display: none;
}
video {margin:0; padding:0;}
.container {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin: 0 auto;
position: relative;
}
/* 메인 배너 page-1 */
body{
margin-top: 100px;
line-height: 1.6
}
.container{
width: 500px;
margin: 0 auto;
}
.page-wrap {
overflow:hidden;
position:relative;
left:0;
top:0;
}
.page-wrap .page {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0;
visibility:hidden;
transition:opacity .5s, visibility .3s;
}
.page.active {
opacity:1;
visibility:visible;
}
/* 본부별 업무 탭메뉴배너 */
.tabscontainer{
margin-top: 100px;
line-height: 1.6
width: 500px;
margin: 0 auto;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 20px;
cursor: pointer;
}
ul.tabs li.current{
background: #ff3333;
color: #fff;
}
.tab-content{
display: none;
background: #f5f5f5;
padding: 15px;
}
.tab-content.current{
display: inherit;
}
/* 본부별 업무 탭메뉴배너 */
/* 픽스메뉴 퀵메뉴 */
.wrap .quick {
position:absolute;
right:2%;
top:100px;
z-index:700;
width:84px;
top:37%;
margin-top:-120px;
display:block;
text-align:center;
}
.wrap .quick > ul > li {
background:rgba(0,0,0,0.8);
height:85px;
}
.wrap .quick > ul > li:nth-child(1), .wrap .quick > ul > li:nth-child(3) {
background:rgba(70,70,70,0.8);
}
.wrap .quick > ul > li:hover > a {
text-decoration:underline;
}
.wrap .quick > ul > li > a {
color:rgba(255,255,255,0.8);
font-size:13px;
padding-top:15px;
display:block;
}
.wrap .quick > ul > li > a::before {
content:"";
display:block;
margin-bottom:7px;
height:28px;
background-repeat:no-repeat;
background-position:center
}
.wrap .quick .quick1::before {
background-image:url(<https://www.komsco.com/images/site/kor/main/quick_ico1.png>);
}
.wrap .quick .quick2::before {
background-image:url(<https://www.komsco.com/images/site/kor/main/quick_ico2.png>);
}
.wrap .quick .quick3::before {
background-image:url(<https://www.komsco.com/images/site/kor/main/quick_ico5.png>);
}
.wrap .quick .quick4::before {
background-image:url(<https://www.komsco.com/images/site/kor/main/quick_ico4.png>);
}
.wrap .quick li.hide {
height:0;
opacity:0;
visibility:hidden;
transition:visibility 0.2s, height 0.5s, opacity 0.7s;
}
.wrap .quick li.hide.active {
height:85px;
opacity:1;
visibility:visible;
}
/* 폰트 적용 */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html {
font-family: "Noto Sans KR", sans-serif;
/* 임시
scroll-behavior:smooth;
*/
overflow-x:hidden;
}
html[data-side-bar-actived="N"], html[data-side-bar-actived="N"] > body {
overflow:hidden;
}
/* 노말라이즈 */
body, ul, li, h1 {
margin:0;
padding:0;
list-style:none;
}
a {
color:inherit;
text-decoration:none;
}
/* 라이브러리 */
.con {
margin:0 auto;
}
.img-box > img {
width:100%;
display:block;
}
.row::after {
content:"";
display:block;
clear:both;
}
.cell {
float:left;
box-sizing:border-box;
}
.cell-center {
float:center;
box-sizing:border-box;
}
.cell-right {
float:right;
box-sizing:border-box;
}
.margin-0-auto {
margin:0 auto;
}
.block {
display:block;
}
.inline-block {
display:inline-block;
}
.text-align-center {
text-align:center;
}
.line-height-0-ch-only {
line-height:0;
}
.line-height-0-ch-only > * {
line-height:normal;
}
.relative {
position:relative;
}
.absolute-left {
position:absolute;
left:0;
}
.absolute-right {
position:absolute;
right:0;
}
.absolute-top {
position:absolute;
top:0;
}
.absolute-bottom {
position:absolute;
bottom:0;
}
.absolute-middle {
position:absolute;
top:50%;
transform:translateY(-50%);
}
.width-100p {
width:100%;
}
.table {
display:table;
}
.table-cell {
display:table-cell;
}
.vertical-align-top {
vertical-align:top;
}
.vertical-align-middle {
vertical-align:middle;
}
.vertical-align-bottom {
vertical-align:bottom;
}
/* 커스텀 */
.con-min-width {
min-width:1180px;
}
/* 반응형 레이아웃 */
.con {
max-width:1280px;
}
/* 상단 메뉴 */
.top-bar {
position:fixed;
top:0;
left:0;
width:100%;
transition:background .3s;
z-index:1000;
}
.wrap > .top-bar > .menu-box-1 > ul > li {
padding:0 20px 15px 0;
}
.wrap > .top-bar:hover {
background-color:white;
}
html.not-scroll-top-0 .top-bar {
background-color:rgba(255,255,255,0.96);
box-shadow:3px 0px 8px 1px #afafaf;
}
.wrap > .top-bar > .menu-box-1 > ul > li > a {
color:#fff;
font-size:20px;
font-weight:500;
}
.wrap > .top-bar:hover > .menu-box-1 > ul > li > a , html.not-scroll-top-0 .wrap > .top-bar > .menu-box-1 > ul > li > a {
color:#222222;
}
/* 사이드메뉴 */
.wrap > .top-bar > .gnb > .gnb-menu {
right:1%;
top:20px;
}
.wrap > .top-bar > .gnb > .gnb-menu > ul > li {
padding-right:30px;
}
.wrap > .top-bar > .gnb > .gnb-menu > ul > li > a {
color:#808080;
font-weight:300;
font-size:12px;
position:relative;
}
.wrap > .top-bar > .gnb > .gnb-menu > ul > li:hover > a {
text-decoration:underline;
}
.wrap > .top-bar:hover > .gnb > .gnb-menu > ul > li > a, html.not-scroll-top-0 .wrap > .top-bar > .gnb > .gnb-menu > ul > li > a {
color:#222222;
}
.wrap > .top-bar > .gnb > .gnb-menu > ul > li:nth-child(1) > a::after, .wrap > .top-bar > .gnb > .gnb-menu > ul > li:nth-child(2) > a::after, .wrap > .top-bar > .gnb > .gnb-menu > ul > li:nth-child(3) > a::after {
content:"·";
position:absolute;
top:0;
margin-left:10px;
}
.wrap > .top-bar > .gnb > .gnb-menu > ul > li:nth-child(4) > a::after {
content:"";
position:absolute;
background-color:#dfdfdf;
height:50%;
width:1px;
top:50%;
transform:translateY(-50%);
left:42px;
}
.wrap > .top-bar:hover > .gnb > .gnb-menu > ul > li:nth-child(4) > a::after, html.not-scroll-top-0 .wrap > .top-bar > .gnb > .gnb-menu > ul > li:nth-child(4) > a::after {
background-color:#222222;
}
html.not-scroll-top-0 .wrap > .top-bar > .gnb > .btns >.search-btn::after, .wrap > .top-bar:hover > .gnb > .btns > .search-btn::after {
opacity:1;
}
.wrap > .top-bar > .gnb > .btns > .allmenu-btn {
background-image:url(<https://www.komsco.com/images/site/kor/layout/allmenu_ico.png>);
display:inline-block;
width:31px;
height:32px;
position:relative;
top:55px;
right:40px;
}
.wrap > .top-bar > .gnb > .btns >.allmenu-btn::after {
content:"";
display:block;
background-image:url(<https://www.komsco.com/images/site/kor/layout/allmenu_ico2.png>);
position:absolute;
width:31px;
height:32px;
opacity:0;
transition:opacity .3s;
}
html.not-scroll-top-0 .wrap .top-bar > .gnb > .btns >.allmenu-btn::after, .wrap .top-bar:hover > .gnb > .btns >.allmenu-btn::after {
opacity:1;
}
/* 상단 메뉴 끝 */
/* 상단 서브메뉴시작 */
.top-bar .menu-box-1 > ul > li > a {
padding:0 20px;
font-size:1.3rem;
letter-spacing:-0.1rem;
font-weight:bold;
}
.top-bar .menu-box-1 > ul > li:first-child > a {
padding-left:200px;
}
.top-bar .menu-box-1 > ul > li:last-child > a {
padding-right:200px;
}
@media ( max-width:1100px ) {
.top-bar .menu-box-1 > ul > li:first-child > a {
padding-left:50px;
}
.top-bar .menu-box-1 > ul > li:last-child > a {
padding-right:50px;
}
}
.top-bar .menu-box-1 > ul > li > a > span {
padding:10px 0;
}
/* 인디케이터 */
.top-bar .menu-box-1 > .li-indicator-1-box > .li-indicator-1 {
position:absolute;
top:4px;
left:-700px;
width:100px;
height:2px;
background-color:#ff3333;
transition:top 0.3s, left 0.3s, width 0.3s, height 0.3s;
z-index:100000;
}
/* 컨텐트 박스, 서브메뉴 박스 */
.top-bar .content-box {
height:0;
overflow:hidden;
transition:height .5s;
z-index:10000;
}
.top-bar .content-box > ul > li > .row > .cell:first-child {
width:350px;
}
.top-bar .content-box > ul > li > .row > .cell:last-child {
width:calc(100% - 350px);
padding:40px 30px;
background-color:#fff;
}
.top-bar .content-box > ul > li > .row > .cell:last-child > nav > ul > li {
width:130px;
height:100px;
padding-right:2%;
margin-bottom:60px;
white-space:nowrap;
}
.top-bar .content-box > .left-bg {
width:350px;
background-color:#EBEDEF;
z-index:-1;
}
.top-bar .content-box > .left-bg > .img-1 {
margin-left:100px;
margin-bottom:-100px;
}
/* 컨텐트 박스 - 서브 메뉴 박스 */
.content-box > .left-bg > img {
z-index:10;
}
.content-box > ul > li > div > div.side-content {
text-align:right;
padding-right:30px;
}
.content-box > ul > li > div > div.side-content > .title {
display:block;
font-size:29px;
color:#222;
line-height:34px;
padding-bottom:20px;
letter-spacing:-1px;
font-weight:700;
position:relative;
margin-top:90px;
}
.content-box > ul > li > div > div.side-content > .title::after {
content:"";
position:absolute;
background-color:#222;
bottom:0;
right:0;
width:30px;
height:1px;
}
.content-box > ul > li > div > div.side-content > .title > span {
font-weight:400;
}
.content-box > ul > li > div > div.side-content > .content {
color:#666;
font-size:14px;
margin-top:20px;
}
.content-box > ul > li > div > div.sub-menu {
text-align:left;
/* 임시코드, 작업 1*/
background-color:red;
}
.wrap .content-box .sub-menu > nav > ul > li > a {
font-weight:500;
padding-bottom:0px;
display:block;
color:black;
}
.wrap .content-box .sub-menu > nav > ul ul > li > a {
font-size:14px;
color:#222222;
}
.wrap .content-box .sub-menu > nav > ul ul > li:hover > a {
text-decoration:underline;
}
/* page-1 */
.page-wrap {
overflow:hidden;
position:relative;
left:0;
top:0;
width:100%;
}
.page-wrap .page {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
opacity:0;
visibility:hidden;
transition:opacity .5s, visibility .3s;
}
.page.active {
opacity:1;
visibility:visible;
}
.page-1 {
background-image:url(<https://jihye730.github.io/pf-img/zope/img/indeximg/banner4.jpg>);
background-repeat:no-repeat;
background-size:cover;
}
.page-2 {
background-image:url(<https://jihye730.github.io/pf-img/zope/img/indeximg/banner3.jpg>);
background-repeat:no-repeat;
background-size:cover;
}
.page-3 {
background-image:url(<https://jihye730.github.io/pf-img/zope/img/indeximg/banner2.jpg>);
background-repeat:no-repeat;
background-size:cover;
}
.page-4 {
background-image:url(<https://jihye730.github.io/pf-img/zope/img/indeximg/banner3.jpg>);
background-repeat:no-repeat;
background-size:cover;
}
/* 베너 텍스트 */
.banner-txt {
color:#ffffff;
position:absolute;
top:34%;
left:18%;
margin-left:20px;
}
.page-wrap .banner-txt .banner1-title {
font-size:54px;
font-weight:900;
line-height:70px;
margin-top:20px;
margin-bottom:40px;
}
.page-wrap .banner-txt a {
border:solid rgba(255,255,255,0.5) 1px;
padding:10px 20px;
display:inline-block;
transition:background .3s, color .3s;
}
.page-wrap .banner-txt a:hover {
background:rgba(255,255,255,0.8);
color:#444444;
}
.page-wrap .banner-txt .banner-top-txt {
letter-spacing:9px;
font-size:15px;
}
.page-wrap .banner-txt .banner-title .gold {
display:inline-block;
color:#fce524;
font-weight:600;
}
.page-wrap .banner-txt .banner-content1 {
font-size: 20px;
line-height: 26px;
font-weight:500;
}
.page-wrap .banner-txt .banner-content2 {
font-size:16px;
margin-top:20px;
font-weight:300;
}
/* 페이지 버튼 */
.page-wrap > .page-btns {
position:absolute;
bottom:20%;
left:20%;
}
.page-wrap > .page-btns > div {
display:inline-block;
background-color:#ffffff;
width:40px;
height:5px;
margin-right:10px;
opacity:30%;
cursor:pointer;
transition:opacity .2s;
}
.page-wrap > .page-btns > div.active {
opacity:1;
}
/* banner - play btns 재생 버튼 */
.page-wrap .page-btns {
user-select:none;
}
.page-wrap .play-btns {
position:relative;
top:-6px;
left:7px;
display:inline-block;
}
.page-wrap .play-btns::before {
content:"";
position:absolute;
background-color:rgba(255,255,255,0.3);
border-radius:50%;
top:-6px;
right:-13.6px;
width:21px;
height:21px;
}
. .play-btns > a > img {
width:7px;
height:10px;
position:absolute;
top:0;
left:0;
}
.wrap .page-wrap[data-autoplay="Y"] .page-btns .stop {
display:none;
}
.wrap .page-wrap[data-autoplay="N"] .page-btns .play {
display:none;
}
/* banner - play btns 재생 버튼 끝 */
/* ★link banner 시작 */
.my_1{
font-size:15px;
font-weight:bold;
padding:3px 0px;
margin-bottom: 1px;
margin-top: 5px;
}
.my_text{
padding:3px 20px;
margin-bottom: 5px;
}
.myButton {
box-shadow:inset 0px 1px 0px 0px #ffffff;
margin-top: 8px;
margin-bottom: 8px;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-size:12px;
font-weight:bold;
padding:3px 8px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color:#f6f6f6;
}
.myButton:active {
position:relative;
top:1px;
}
.link-banner {
float:center;
padding:12px 30px;
position:relative;
border-radius:4px;
/*border:1px solid #eee; */
/* margin-top: 30px ;*/
}
/* link-banner 끝 */
/* 임시 */
.layout {
padding:0 20px;
}
</style>