body, html {font-family:'NotoSansKR'; font-weight:400; margin:0; padding:0; font-size:16px; width:100%; height:100%; overflow:auto; overflow-x:hidden;}
a {text-decoration:none;}
ul {list-style:none;}
.wrap {width:1180px; margin:auto;}
.wrap-header {height:75px; background-color:rgba(0,0,0,0.50); display:flex; align-items:center; position:absolute; top:0; width:100%; z-index:10000;}
.header {display:flex; padding:0;}
.header-logo {display:flex; align-self:center; justify-content:center; margin-top:0px;}
.gnb {display:flex; margin:auto 0 auto auto;}
.header nav {text-align:center; height:75px;}
.header nav > ul {list-style:none; padding:0px; display:flex;}
.header nav > ul > li {position:relative; cursor:pointer;}
.header nav > ul > li > a{font-weight:400; float:left; width:150px; height:46px; line-height:1; margin-top:13px; position:relative; font-size:16px; color:rgba(255,255,255,1); cursor:pointer;}
.header nav > ul > li:hover {font-weight:700; color:rgba(255,255,255,1.0);}
.header nav > ul > li > a:hover {font-weight:700; color:rgba(255,255,255,1.0);}
/*드롭다운 하위메뉴*/
.header ul >li .drop-menu {position:absolute; top:59px; left:0%; width:100%; padding:0px 10px; background-color:rgba(0,0,0,0.5);}
.header ul .drop-menu li {font-weight:300; font-size:14px; height:auto; color:rgba(255,255,255,1.0); text-transform:uppercase; padding:7px 0; line-height:normal;}
.header ul .drop-menu a {text-decoration:none; color:rgba(255,255,255,1.0);}
.header ul .drop-menu li:hover {color:rgba(255,255,255,1.0); font-weight:500; opacity:1;}
.header ul .drop-menu li {display:none;}
.header li:hover >ul.drop-menu {padding-top:30px; height:auto; padding-bottom:30px; opacity:1;}
.header li:hover > ul.drop-menu li {opacity:1; transition:.2s ease-in; display:block;}
/*MAIN SLIDER*/
.visual-container {width:100%; height:100%; position:relative; margin:0; padding:0;}
.main-slide div{height:100vh; background-size:cover; background-position:center;}
.slide01 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_01.jpg);}
.slide02 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_02.jpg);}
.slide03 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_03.jpg);}
.slide04 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_04.jpg);}
.identity {display:flex; position:relative; z-index:1000; width:100%; align-self:center; align-items:center; justify-content:center; flex-direction:column; background-color:rgba(0,0,0,0.2);}
.identity h1 {font-weight:900; font-size:82px; color:#FFFFFF; letter-spacing:1px; margin-bottom:20px;}
.identity span {font-weight:400; font-size:18px; text-align:center; line-height:1.7; color:#FFF;}
.section1, .section2, .section3 {width:100%; margin:80px 0px 40px;}
/*메인 :사업영역*/
.section1 {display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:center; padding:auto;}
.section1 .business-areas {display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:center; padding:0;}
.section1 .main-business-areas p {font-size:48px; line-height:0; margin-bottom:80px; text-align:center; font-weight:500; background-color:#FFFFFF;}
.section1 .business-areas .business-contents-container {max-width:1475px; display:flex; flex-direction:column;}
/*사업분야 이미지 슬라이드 영역 공통*/
.section1 .business-areas .business-contents-container .contents-box01,.section1 .business-areas .business-contents-container .contents-box02 {margin-bottom:40px; display:flex;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-title01,.section1 .business-areas .business-contents-container .contents-box02 .contents-title02 {width:295px; height:295px; display:flex; flex-direction:row; align-items:center;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-title01 {background-color:#003A6A;}
.section1 .business-areas .business-contents-container .contents-box02 .contents-title02 {background-color:#005DAA; display:flex; justify-content:flex-end;}
/*사업분야 타이틀 부분 공통*/
.section1 .business-areas .business-contents-container .contents-box01 .contents-title01 div > p,.section1 .business-areas .business-contents-container .contents-box02 .contents-title02 div > p{color:#FFF; font-weight:500; font-size:36px; margin-bottom:13px; line-height:0.3;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-title01 div {padding-left:40px; margin-top:-20px;}
.section1 .business-areas .business-contents-container .contents-box02 .contents-title02 div {padding-right:40px; margin-top:-20px;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 {display:block; width:1180px;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item img,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item img {width:295px; height:295px;}
/*사업영역 슬라이드 버튼*/
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor:pointer; position:absolute; z-index:2; top:127px;}
.owl-carousel .owl-nav .owl-prev {left:0;}
.owl-carousel .owl-nav .owl-next {right:0;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item .bottom-box,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item .bottom-box{display:flex; flex-direction:column; width:100%; height:auto; background-color:rgba(0, 0, 0, 0.65); position:absolute; bottom:0px; z-index:1; padding:8px 20px 15px 20px; animation-duration:0.5s; transition:.5s ease-in;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item .bottom-box > p ,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item .bottom-box > p {color:rgba(255, 255, 255, 1.0); font-weight:500; font-size:18px; line-height:0;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item .bottom-box > span,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item .bottom-box > span{color:rgba(255, 255, 255, 0.85); font-size:14px; font-weight:400; margin-top:-6px;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .bottom-box,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .bottom-box {display:none;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item .show-box,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item .show-box{display:none;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .show-box,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .show-box{display:flex; justify-content:center; align-self:center; align-items:center; width:100%; height:100%; transition:.5s ease-in; background-color:rgba(0, 0, 0, 0.9); position:absolute; bottom:0px;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .show-box> div,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .show-box> div {display:flex; flex-direction:column; justify-content:center; align-items:flex-start; margin-top:16px; }
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .show-box> div > img,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .show-box> div > img {width:auto; height:auto; margin-bottom:3px;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .show-box> div > p,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .show-box> div > p {display:block; color:#FFF; line-height:0; font-size:18px; font-weight:500;}
.section1 .business-areas .business-contents-container .contents-box01 .contents-slide01 .item:hover .show-box> div > span,.section1 .business-areas .business-contents-container .contents-box02 .contents-slide02 .item:hover .show-box> div > span {display:block; color:rgba(255, 255, 255, 0.85); font-size:14px; font-weight:400; margin-top:-6px;}
/*About Company*/
.section2 {display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; width:100%; position:relative; margin:80px 0px;}
.section2 .about-areas {display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; width:100%;}
.section2 .main-about-areas p{font-size:48px; margin-bottom:80px; line-height:0; text-align:center; font-weight:500;}
.about-contetns-areas {display:flex; flex-direction:row; height:auto; width:100%; background-color:bisque;}
.about-contetns-areas .notice-section {display:flex; align-items:center; background-color:#EFEFEF; width:50%; height:auto; max-height:550px; min-height:550px; padding:20px 0px 20px 0px;}
.about-contetns-areas .notice-section > div {display:flex; flex-direction:column; align-self:flex-start; width:100%;}
.about-contetns-areas .notice-section > div > p {font-size:18px; font-weight:700; margin-left:80px;}
.about-contetns-areas .notice-section > div .notice-areas {display:flex; background-color:#FFFFFF; border:solid 1px #E1E1E1; height:100%; min-height:447px; max-height:447px; margin:0px 80px;}
.about-contetns-areas .video-section {display:flex; background-color:#005DAA; width:50%; height:100%; max-height:550px; min-height:550px; right:0; padding-bottom:40px; position:relative;}
.about-contetns-areas .video-section > div {width:100%; margin:20px 80px 0px 80px;}
.about-contetns-areas .video-section > div > p {font-size:18px; font-weight:500; color:#FFF;}
.about-contetns-areas .video-section > div > p > span{font-size:14px; font-weight:300 !important;}
.about-contetns-areas .video-section > div > video {width:100%; height:100%; max-height:447px; min-height:447px;}
.about-contetns-areas .video-section > div > iframe {width:100%; height:100%; max-height:447px; min-height:447px;}
.about-contetns-areas .video-section .video {width:100%; height:100%; max-height:447px; min-height:447px;}
.about-areas .sns-link {display:flex; justify-content:center; align-items:flex-start; align-self:flex-start; width:100%; padding:10px 0px 10px 0px;}
.about-areas .sns-link .sns-box {padding:0px 20px; margin:20px 0px 0px 0px;}
.about-areas .sns-link .sns-box div {padding:0; margin:0; display:flex; flex-direction:row; justify-content:center; align-items:flex-start; align-self:center; font-size:14px;}
.about-areas .sns-link .sns-box ul {list-style:none; padding:0; margin:0; display:flex; justify-content:flex-start; flex-direction:column;}
.about-areas .sns-link .sns-box ul li {display:flex; justify-content:flex-start; align-items:center; align-self:center; margin:0px 20px 10px; padding:0;}
.about-areas .sns-link .sns-box ul li img {margin-right:20px;}
.about-areas .sns-link .sns-box ul a {color:#4E4E4E; line-height:1;}
.about-areas .sns-link .sns-box ul a:hover {color:#000; font-weight:700;}
.about-areas .sns-link .sns-box ul a:visited {color:#4E4E4E;}
#section3 .nni-sns-area {display:flex; justify-content:center; align-items:center; align-self:center; flex-direction:column; height:100%; padding-bottom:80px;}
#section3 .nni-sns-area .title {font-size:48px; margin-top:0;}
#section3 .nni-sns-area .nni-sns-container {width:100%; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center;}
#section3 .nni-sns-area .nni-sns-container .nni-sns-contents {width:auto; height:auto; display:flex; flex-direction:row; justify-content:center; align-items:center; align-self:center; margin:10px 0px;}
#section3 .nni-sns-area .nni-sns-container .nni-sns-contents div {width:200px; height:200px; background-color:black; margin:0px 10px;}
#section3 .nni-sns-area .nni-sns-container .nni-sns-contents div img {width:200px; height:200px;}
#section3 .nni-sns-area .nni-sns-container .nni-sns-contents div table {width:200px; height:200px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; background:#000000;}
#section3 .nni-sns-area .nni-sns-container .nni-sns-contents div table td {vertical-align:bottom; font-size:14px; font-weight:400; color:#ffffff; line-height:1.4; padding:5px; word-wrap:break-word;}
footer {width:100%; height:auto; background-color:#282828;}
footer .wrap {display:flex; padding:40px 0 30px 0;}
footer .wrap .site-link {margin-left:80px; width:100%;}
footer .wrap .site-link ul{display:flex; flex-direction:row; list-style:none; padding-left:0; align-items:flex-start; margin-bottom:40px;}
footer .wrap .site-link ul> li{line-height:0; margin-right:20px; margin-top:-8px; color:#FFF; font-weight:400;}
footer a {color:#FFF; font-weight:400;}
footer a:hover {color:#FFF;}
footer a:visited {color:#FFF; font-weight:400;}
footer .wrap .site-link p {line-height:0.6; font-size:14px; color:#808080;}
a#move-top {position:fixed; right:2%; bottom:50px; z-index:999; display:none;}
.myContent{height:auto;}
/*!
* fullPage 2.9.7
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/
.fp-section.fp-table, .fp-slide.fp-table {display:table; table-layout:fixed; width:100%;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell {height:auto !important;}