<head><meta name="robots" content="noindex"></head> <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="container"> <div class="sec-page wrap" id="page1"> <div class="page-wrap" > <!--<img width="100%" src="<https://neurophethr.notion.site/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd1a81bc2-72ba-4df2-86bf-c56d18b76e27%2F11.gif?table=block&id=eb0787d6-5596-4e77-88b4-ad7f866de57c&spaceId=9453ab34-9a3e-45a8-a6b2-ec7f1cefbd7f&userId=&cache=v2>" 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://oopy.lazyrockets.com/api/v2/notion/fileUrl?src=https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4274bdbc-ddde-42c4-94ac-ede64c460eef%2F%25EC%259B%258D%25EC%258A%25A4%25EB%25A9%2594%25EC%259D%25B8%25EC%2582%25AC%25EC%259D%25B4%25EC%25A6%2588_(1).mp4&blockId=b6eb7392-0ca4-47bc-891e-dddf809f84b2#t=0.0001>" type="video/mp4" />슬기로운 뉴로핏 생활 </video>-- </div> </div> </div> <!-- 페이지 --> <head> <title>뉴로웍스</title> </head> <section> <!-- 상단메뉴 + page1 배너 --> <div class="sec-page wrap" id="page1"> <!--윈도우 상단메뉴--> <div class="top-bar text-align-center"> <div class="logo"><a href="<https://career.neurophet.com/ipos>"></a></div> <!-- <div class="logo"><a href="<https://career.neurophet.com/works>"></a></div>--> <nav class="menu-box-1 inline-block"> <ul class="row"> <li class="cell"><a href= "<https://career.neurophet.com/ipo2>" class="block" target="_blank"><span class="inline-block">임직원 현황</span></a></li> <li class="cell"><a href= "<https://career.neurophet.com/ipo3>" class="block" target="_blank"><span class="inline-block">인재 채용</span></a></li> <li class="cell"><a href="<https://career.neurophet.com/ipo1>" class="block" target="_blank"><span class="inline-block">인재 육성/관리</span></a></li> </ul> <div class="li-indicator-1-box relative"> <div class="li-indicator-1"></div> </div> </nav> <!--뉴로핏 상단 오른쪽 메뉴--> <div class="gnb row"> <div class="gnb-menu absolute-right"> <ul class="row"> <li class="douzon cell"><a href=""></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: 5.3 # 슬라이드 너비 : 슬라이드 높이 비율을 지정합니다. 기본값: 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)
나의 밥과 동료의 밥이 만나면?! (notion.site)
</aside>
미래에셋 요청사항
https://neurophethr.notion.site/2022-1f16adce3a6f42b3b9878c5de39274cd
https://neurophethr.notion.site/a2b64ec4e7b547c9860a5ec7c7e49aaa
지속 가능한 일터를 위한 뉴로핏의 문화를 만듭니다.
1%의 전문가를 꿈꾸는 사람들이 '프로'답게 일하는 방법
뉴로핏은 수평적으로 일하는 문화와 워라밸을 지속적으로 추구해오며, 근무혁신을 통해 일과 생활의 균형을 보다 건강하게 유지하고 있습니다. 뉴로핏 임직원의 내일을 이끌 또 다른 근무혁신과 조직문화를 위해 오늘도 달리고 있습니다.
<!-- 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--> <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>
<!--슬기로운 뉴로핏 생활 리뉴 --> <div class="CodeBlock_block__3Yr6P css-1sk2dg5"> <style> body { box-sizing: border-box; font-family: Consolas, monospace; } 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; font-family: 'Trebuchet MS', serif; 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:50%; 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 > div.logo > a { 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%2Fc2fc92c7-73da-4867-a252-1dc74fe4359f%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584_%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%2598%25EC%2584%25B8%25EC%259A%2594_-_2023-02-02T094358.242.png&blockId=ff0ed7a5-e365-449c-8d21-f322ae31d514>); background-size: contain ; background-repeat:no-repeat; position:relative; display:block; left:10%; top:42px; width:140px; height:50px; display:block; } .wrap > .top-bar > .logo > a::after { content:""; 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%2Fc5e0c7c7-b692-49f1-b47c-6232f3fe224e%2F%25EC%25A0%259C%25EB%25AA%25A9%25EC%259D%2584_%25EC%259E%2585%25EB%25A0%25A5%25ED%2595%2598%25EC%2584%25B8%25EC%259A%2594_-_2023-02-02T094353.117.png&blockId=fbc45368-dd72-4b03-9632-e48617679c44>); background-repeat: no-repeat; background-size: contain ; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0; transition:opacity .3s; } html.not-scroll-top-0 .wrap > .top-bar > .logo > a::after, .wrap > .top-bar:hover > .logo > a::after { opacity:1; } /* 사이드메뉴 */ .wrap > .top-bar > .gnb > .gnb-menu { right:1%; top:30px; } .wrap > .top-bar > .gnb > .gnb-menu > ul > li { padding-right:30px; } .wrap > .top-bar > .gnb > .gnb-menu > ul > li > a { color:#dfdfdf; font-weight:300; font-size:14px; 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:165px; padding-right:20%; 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-family:"Nanum Square"; 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:10px; 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; } /* 베너 텍스트 */ .banner-txt { color:#ffffff; position:absolute; top:34%; left:18%; margin-left:20px; } .page-wrap .banner-txt .banner1-title { font-family: 'Nanum Myeongjo', serif; 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 { font-size:80px; font-family: 'Nanum Myeongjo', serif; margin:20px 0; letter-spacing:-1px; font-weight:600; } .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-family:Arial; 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>