@media (max-width:1024px) {
	/*공통*/
	body, html {font-family:'NotoSansKR'; font-weight:400; margin:0; padding:0; font-size:16px; width:100%; height:100%; overflow:auto !important; overflow-x:hidden !important; word-wrap:normal; word-break:keep-all;}
	a {text-decoration:none;}
	::selection {background-color:#000; color:#FFF;}
	::-moz-selection {background-color:#000; color:#FFF;}

	/********모일일 헤더 부분 시작*******/
	.mobile-header {width:100%; height:45px; background-color:#FFF; ; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #E1E1E1; position:fixed; z-index:1000; top:0;}
	.mobile-header .header-logo {margin-left:10px;}
	.mobile-header .header-logo img {width:80%; height:80%;}
	.mobile-header > nav > img {margin-right:5px;}
	.mobile-header nav > .drop-menu {width:100%; position:absolute; left:0; background-color:#003A6A; z-index:999;}
	.mobile-header nav > .drop-menu > ul {list-style:none; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; padding:0; height:auto; margin:0;}
	.mobile-header nav > .drop-menu > ul > li {font-size:0.875rem; line-height:1.45; color:#FFF; padding:10px 0px; width:90%; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
	.mobile-header nav > .drop-menu > ul > li a {color:#FFF;}
	.mobile-header nav > .drop-menu > ul > ul {list-style:none; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; padding:0; width:90%; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
	.mobile-header nav > .drop-menu > ul > ul li {padding:5px 0px; width:100%; text-align:center;}
	.mobile-header nav > .drop-menu > ul > ul li a {color:#FFF; font-size:0.75rem;}
	/********모바일 :메인 헤더 부분 끝*******/

	/********모바일 :메인 슬라이드 부분 시작*******/
	.main-slide {width:100%; height:75vh; position:relative; display:flex; margin:0; padding:0;}
	.main-slide .slide {height:75vh; margin:0; padding:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
	.main-slide .slide01 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_01.jpg);}
	.main-slide .slide02 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_02.jpg);}
	.main-slide .slide03 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_03.jpg);}
	.main-slide .slide04 {background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/main_background_04.jpg);}
	.main-slide .slide .identity {width:100%; height:75vh; position:relative; background-color:rgba(0, 0, 0, 0.2); display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0; margin:0;}
	.main-slide .slide .identity > div {padding:0; margin:0; width:100%; height:100%; text-align:center; color:#FFF; display:flex; flex-direction:column; justify-content:center;}
	.main-slide .slide .identity > div > h1 {font-size:2rem; font-weight:700; margin:0px 10px 10px; line-height:1;}
	.main-slide .slide .identity > div > p {font-size:0.875rem; padding:0px 20px; line-height:1.45; margin:0;}
	/********모바일 :메인 슬라이드 부분 끝*******/

	section .title {width:100%; height:auto; display:flex; justify-content:center; margin:0; padding:40px 0px 40px;}
	section .title p {font-size:1.5rem; line-height:1; margin:0;}

	/********모바일 :메인 - 사업영역 시작********/
	.main-business-area {padding:0;}
	.main-business-area .main-business-contents-container {width:100%; height:auto;}
	.main-business-area .main-business-contents-container .contents-box01,.main-business-area .main-business-contents-container .contents-box02 {width:auto; height:auto; background-color:#003A6A; margin:0px 10px 10px; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
	.main-business-area .main-business-contents-container .contents-box02 {margin:0px 10px 0px;}
	.main-business-area .main-business-contents-container .contents-box02 {background-color:#005DAA;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-title01 {padding:0px 0px 0px 20px;}
	.main-business-area .main-business-contents-container .contents-box02 .contents-title02 {padding:0px 20px 0px 0px;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-title01 p,.main-business-area .main-business-contents-container .contents-box02 .contents-title02 p{font-weight:700; font-size:1.125rem; line-height:0.45; color:#FFF;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-slide01,.main-business-area .main-business-contents-container .contents-box02 .contents-slide02 {width:70%; height:70%;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-slide01 .item .bottom-box,.main-business-area .main-business-contents-container .contents-box02 .contents-slide02 .item .bottom-box {position:absolute; background-color:rgba(0, 0, 0, 0.65); width:100%; bottom:0; padding:15px; color:#FFF;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-slide01 .item .bottom-box p,.main-business-area .main-business-contents-container .contents-box02 .contents-slide02 .item .bottom-box p {line-height:1.45; width:90%; margin:0;}
	.main-business-area .main-business-contents-container .contents-box01 .contents-slide01 .item .bottom-box span,.main-business-area .main-business-contents-container .contents-box02 .contents-slide02 .item .bottom-box span {font-size:0.75rem;}

	/*사업영역 슬라이드 버튼*/
	.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor:pointer; position:absolute; z-index:999; top:42.5%;}
	.owl-carousel .owl-nav .owl-prev {left:0;}
	.owl-carousel .owl-nav .owl-next {right:0;}
	/********모바일 :메인 - 사업영역 끝********/

	/********모바일 :메인 - 회사소개 시작********/
	.about-company-area .notice-area {width:100%; height:auto; padding:20px 0px; background-color:#F7F7F7;}
	.about-company-area .notice-area p {margin:0px 10px 20px 10px; font-weight:700;}
	.about-company-area .notice-area > div {width:auto; margin:0px 10px; padding:10px 0px 0px; height:auto; display:flex; justify-content:space-between;}
	.about-company-area .notice-area > div span {font-size:0.75rem; color:#808080;}
	.about-company-area .notice-area > .notice {width:auto; margin:0px 10px; padding:10px; height:auto; display:flex; flex-direction:column; background-color:#FFF; border:1px solid #E1E1E1;}
	.about-company-area .notice-area > .notice > .xe-widget-wrapper > div > div {width:100%; display:flex; justify-content:space-between; margin:5px 0px;}
	.about-company-area .notice-area > .notice > .xe-widget-wrapper > div > div p{line-height:1; font-weight:400; font-size:0.875rem; color:#4E4E4E; margin:5px 0px;}
	.about-company-area .notice-area > .notice > .xe-widget-wrapper > div > div p span {line-height:1; font-weight:700; font-size:0.875rem; color:#4E4E4E; margin:5px 0px;}
	.about-company-area .notice-area > .notice > .xe-widget-wrapper > div > div span {font-size:0.75rem; margin:5px 0px; color:#808080;}
	.about-company-area .vedio-area {width:100%; padding:20px 0px; background-color:#005DAA;}
	.about-company-area .vedio-area p {margin:0px 10px 20px 10px; font-weight:700; color:#FFF;}
	.about-company-area .vedio-area p span {font-size:0.75rem; font-weight:400; margin-left:5px;}
	.about-company-area .vedio-area div {margin:0px 10px; height:auto;}
	.about-company-area .vedio-area div .video{width:100%;}
	/********모바일 :메인 - 회사소개 끝********/

	/********모바일 :메인 - 인스타그램 시작********/
	.sns-area {margin-bottom:40px;}
	.sns-area .sns-container {display:flex; flex-direction:column; height:auto; margin:0px 10px; padding:0;}
	.sns-area .sns-container .sns-contents {width:100%; height:100%; margin:0; padding:0; display:flex; justify-content:space-between; align-items:center;}
	.sns-area .sns-container .sns-contents div {width:100%; margin:0px;}
	.sns-area .sns-container .sns-contents div img {width:100%; margin:0; padding:0;}
	/********모바일 :메인 - 인스타그램 끝********/

	#m-footer, footer {width:100%; height:auto; background-color:#282828; padding:10px 0px 20px;}
	#m-footer .footer_logo, footer .footer_logo {display:none;}
	#m-footer .wrap, footer .wrap {width:100%; display:flex; flex-direction:column; margin:0px 0px 0px; padding:10px 0px 0px;}
	#m-footer .wrap .site-link, footer .wrap .site-link {width:100%; margin:0px 0px 0px; padding:0;}
	#m-footer .wrap .site-link ul, footer .wrap .site-link ul{display:flex; flex-direction:row; align-items:center; justify-content:center; list-style:none; padding:0px; margin:0px 0px 10px 0px;}
	#m-footer .wrap .site-link ul > li, footer .wrap .site-link ul > li{line-height:1; color:#FFF; font-size:0.75rem; margin:0px 5px;}
	#m-footer a, footer a {color:#FFF; font-weight:400;}
	#m-footer a:hover, footer a:hover {color:#FFF;}
	#m-footer a:visited, footer a:visited {color:#FFF; font-weight:400;}
	#m-footer .wrap p, footer .wrap p {line-height:1.5; font-size:0.625rem; color:#808080; text-align:center; margin:0;}
	a#m-move-top {position:fixed; right:20px; bottom:10px; z-index:2000;}
	/*top*/
	.wrap {width:100%;}
	.top-section{width:100%; height:20vh; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; margin-top:40px;}
	.top-section .top-background div{background-color:rgba(0,0,0, 0.5); width:100%; height:20vh; position:absolute; color:#FFF; padding:0px; display:flex; align-items:center; justify-content:center;}
	.top-section .top-background div > p {font-size:1.5rem; font-weight:700; line-height:0;}
	.sub-nav {display:none;}
	/*본문*/
	.main-text {width:100%; height:auto; display:flex; flex-direction:column; justify-content:center;}
	.main-text .main-desc {display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .main-title{display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:1.25rem; margin-top:0px; margin-bottom:40px; padding-top:40px; font-weight:700; line-height:1;}
	/*타이틀 아래 부가설명 영역*/
	.main-text .main-desc .desc {display:flex; flex-direction:column; align-items:center;}
	.main-text .main-desc .desc p {line-height:0.45; margin-top:0px; font-size:1rem; font-weight:400; color:#4E4E4E;}
	.main-text .main-desc img{margin-top:0px;}
	/********************본문끝****************************/

	/**************회사소개 - CEO인사말 시작*****************/
	.main-text .main-desc .ceo-container {margin:0px 0px 40px; padding:0; text-align:center;}
	.main-text .main-desc .ceo-container .ceo-title {margin:10px 10px 20px; line-height:1.5; border-bottom:2px solid #005DAA;}
	.main-text .main-desc .ceo-container .ceo-title p {font-size:1.125rem; margin-top:10px; color:#4E4E4E;}
	.main-text .main-desc .ceo-container .ceo-title span {font-size:1.25rem; font-weight:700; color:#005DAA;}
	.main-text .main-desc .ceo-container .ceo-desc {margin:0px 10px; color:#4E4E4E; font-size:1rem;}
	.main-text .main-desc .ceo-container .ceo-desc p {line-height:1.45;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign {display:flex; width:auto; justify-content:center; align-items:center; align-self:center; flex-direction:row; margin:0px; padding-right:0px;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > .m-icon {display:flex; flex-direction:column; justify-content:center; align-items:flex-end; margin:0; padding:0;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > .m-icon p {font-size:1.25rem; line-height:0; margin:20px 5px 0px;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign > .m-icon > div > div{display:flex; flex-direction:row; align-items:center; margin-left:0px;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign div img {margin:0; padding:0;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign .pc-icon {display:none;}
	.main-text .main-desc .ceo-container .ceo-desc .ceo-sign .m-icon {display:flex;}
	/**************회사소개 - CEO인사말 끝*****************/

	/**************회사소개 - 경영철학 시작*****************/
	.main-text .main-desc .motive-container {width:100%; height:100%; padding:0px 0px 0px;}
	.main-text .main-desc .motive-container .motive-contents {background-color:#F7F7F7; height:100%; margin-bottom:0px;}
	.main-text .main-desc .motive-container .motive {display:flex; flex-direction:column; align-items:center; align-self:center; justify-content:center; height:auto; padding:20px 0px 20px 0px;}
	.main-text .main-desc .motive-container .motive img {margin:20px 0px;}
	.main-text .main-desc .motive-container .motive .motive-desc {width:93%; font-size:0.875rem; height:auto; text-align:center; margin-bottom:20px;}
	.main-text .main-desc .motive-container .motive .motive-desc p{line-height:1.45; color:#4E4E4E;}
	.main-text .main-desc .motive-container .motive .motive-desc span {font-size:1.125rem; font-weight:700; color:#005DAA;}
	.main-text .main-desc .motive-sub-container {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-self:center; width:100%; height:380px; margin:0px 0px;}
	.main-text .main-desc .motive-sub-container .motive-sub-contents {width:49%; height:100%; display:flex; flex-direction:column; align-items:center; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.1);}
	.main-text .main-desc .motive-sub-container .motive-sub-contents .motive-desc {padding:0px 0px 0px; height:100%; width:90%;}
	/*경영이념*/
	.main-text .main-desc .management-philosophy-container {width:100%; height:auto; display:flex; flex-direction:column; align-items:flex-start; align-self:flex-start; position:relative;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents {width:100%; height:250px; position:relative; display:flex; align-items:center; justify-content:center; margin:0; padding:0;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents img {padding:0; margin:0;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-desc {color:#FFF; position:absolute; left:0; margin:0; padding:0; width:100%; height:100%; top:0; display:flex; justify-content:center; flex-direction:column; align-items:center; align-self:center;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-desc p {font-size:1.125rem; line-height:1.45; font-weight:700; text-align:center; margin:0; padding:0;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box {display:none; flex-direction:column; align-items:center; justify-content:center; background-color:#003A6A; position:absolute; width:100%; height:250px; top:0; left:0;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box {width:93%; height:85%; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #FFF;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .title {margin:0px 0px 20px; padding:0px; display:flex; flex-direction:column; align-items:center;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .title p {margin:0; padding:0; font-size:1.125rem; line-height:1; font-weight:700; color:#FFF;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .desc {padding:0px 0px; position:relative; display:block; width:86%;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents .management-philosophy-show-box .inline-box .desc p{color:#FFF; font-size:0.875rem; line-height:1.45; text-align:center; margin-bottom:0;}
	.main-text .main-desc .management-philosophy-container .management-philosophy-contents:hover .management-philosophy-show-box {display:flex;}
	/**************회사소개 - 경영철학 끝*****************/

	/**************회사소개 - 미션&비전&핵심가치 시작*****************/
	.main-text .main-desc .mvc-container {width:100%; height:auto; margin:0px 0px 80px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:0px; z-index:-2;}
	.main-text .main-desc .mvc-container .mission-vision-container {height:auto; width:95%; margin:0px 20px; display:flex; flex-direction:column;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container {width:100%; height:auto; margin:0px; padding:10px 0px 10px; display:flex; justify-content:flex-end; align-items:center;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle {width:150px; height:150px; border-radius:100%; background:url(../images/about/bg_mission.png) repeat; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle div,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle div, .main-text .main-desc .mvc-container .core-value-circle div {display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle p,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle p, .main-text .main-desc .mvc-container .core-value-circle p {color:#FFF; line-height:0; font-size:1.125rem; font-weight:700; margin-top:11px;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-circle span,.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle span, .main-text .main-desc .mvc-container .core-value-circle span {color:#FFF; font-size:1.25rem; font-weight:700;}
	.main-text .main-desc .mvc-container .mission-vision-container .mission-container .mission-text {text-align:center; margin-right:20px; color:#4E4E4E; line-height:0.45; font-size:1rem;}
	.main-text .main-desc .mvc-container .mission-vision-container .vision-container {width:100%; height:auto; margin:0; padding:10px 0px 10px; display:flex; justify-content:flex-start; align-items:center;}
	.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-circle {width:150px; height:150px; border-radius:50%; background:url(../images/about/bg_vision.png) repeat; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .mvc-container .mission-vision-container .vision-container .vision-text {text-align:center; color:#4E4E4E; line-height:0.45; margin-left:20px; font-size:1rem;}
	.main-text .main-desc .mvc-container .line {width:2px; height:120px; background-color:#E1E1E1; margin:20px 0px;}
	.main-text .main-desc .mvc-container .dot {width:10px; height:10px; border-radius:50%; border:2px solid #E1E1E1; margin-top:-20px;}
	.main-text .main-desc .mvc-container .core-value-circle {width:150px; height:150px; border-radius:50%; background-color:#003A6A; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .mvc-container .core-value-container {width:100%; height:auto; display:flex; align-items:center; align-self:center; justify-content:center; flex-direction:row; margin-top:-84px; z-index:-1;}
	.main-text .main-desc .mvc-container .core-value-container .icon-circle {width:150px; height:150px; border-radius:50%; border:2px solid #E1E1E1; background-color:white; display:flex; align-items:center; justify-content:center;}
	.main-text .main-desc .mvc-container .core-value-container .icon-circle div {display:flex; flex-direction:column; text-align:center; width:auto; height:auto;}
	.main-text .main-desc .mvc-container .core-value-container .icon-circle div img {margin:0px 0px -0px; width:70px; height:70px;}
	.main-text .main-desc .mvc-container .core-value-container .icon-circle div p {line-height:1.45; font-size:0.875rem; margin:0px; color:#4E4E4E; font-weight:700;}
	/**************회사소개 - 미션&비전&핵심가치 끝*****************/

	/**************회사소개 - 회사연혁 시작*****************/
	#history-pc {display:none;}
	#history-mobile {display:block;}
	#history-mobile .desc {width:95%; margin:0px;}
	#history-mobile .desc p {width:100%; font-size:0.875rem; line-height:1.45; text-align:center; margin:10px 0px 0px;}
	.main-desc .history-desc {margin:40px 0px 0px 0px; width:100%; height:auto; display:flex; flex-direction:column;}
	.main-desc .history-desc .history-01,.main-desc .history-desc .history-02 {width:100%; padding:0px 0px 0px 0px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:40px;}
	.main-desc .history-desc .contents-left{width:95%; height:auto; border-right:solid 0px #E1E1E1; padding:0px 0px 0px; margin:0px; text-align:left;}
	.main-desc .history-desc .contents-right {width:100%; height:250px; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:left; margin:0; padding:0;}
	.main-desc .history-desc .contents-left .years {font-size:1.5rem; color:#005DAA; margin:0px 0px 10px 0px; font-weight:700;}
	.main-desc .history-desc .contents-right .years {font-size:1.5rem; color:#005DAA; margin:0px 0px 10px 0px; font-weight:700;}
	.main-desc .history-desc .contents-left .text-left {border-right:solid 0px #005DAA; border-left:solid 10px #005DAA; margin:0px; padding:0px 0px 0px 20px; height:auto;}
	.main-desc .history-desc .contents-left .text-left p,.main-desc .history-desc .contents-right .text-right p {line-height:1; font-size:0.750rem; font-weight:400; color:#4E4E4E; margin:10px 0px;}
	.main-desc .history-desc .contents-right .text-right {border-left:solid 10px #005DAA; margin-left:0px; padding:0px 0px 0px 20px; margin:0px; height:auto;}
	.main-desc .history-desc .history-01 .contents-right img, .main-desc .history-desc .history-02 .contents-right img,.main-desc .history-desc .history-01 .contents-left img, .main-desc .history-desc .history-02 .contents-left img {width:380px; height:auto; padding:0px 0px 0px 0px;}
	.main-desc .history-desc .circle {display:none; width:0px; height:0px; border-radius:50%; background-color:#005DAA; margin:0px 0px; z-index:0;}
	/**************회사소개 - 회사연혁 끝******************/

	/**************회사소개 - CI 시작******************/
	#about-05 {width:100%;}
	#about-05 .main-title {margin:0px 0px 20px;}
	#about-05 .desc {width:100%; height:auto; margin:0px 0px 20px;}
	#about-05 .desc p {width:95%; font-size:0.875rem; line-height:1.45; text-align:center; margin:10px 0px 0px;}
	#about-05 .main-desc {width:100%; height:auto;}
	#about-05 .main-desc img {width:380px; margin-bottom:20px;}
	/**************회사소개 - CI 끝******************/

	/**************사업분야 시작******************/
	#pc-tab {display:none;}
	#m-tab {display:block;}
	/*사업분야 탭*/
	.tab-section {height :auto; border-bottom:solid 0px #E1E1E1;}
	.tab-section .tab-menu {display:flex; flex-direction:column; height:auto;}
	.tab-section .tab-menu ul {display:flex; list-style:none; margin:0; justify-content:center; padding-left:0; border-right:solid 1px #E1E1E1; border-bottom:solid 1px #E1E1E1;}
	.tab-section .tab-menu ul > a {width:100%; cursor:pointer; font-size:0.875rem;}
	.tab-section .tab-menu ul > a > li {height:45px; display:flex; align-self:center; justify-content:center; align-items:center; border-left:solid 1px #E1E1E1; color:#4E4E4E;}
	.tab-section .tab-menu .active-tab {height:43px; border-bottom:solid 3px #005DAA; font-weight:700;}

	/**************사업분야 - 시작****************/
	.business-contents {width:100%;}
	.business-contents .main-desc {display:flex; flex-direction:column; justify-content:center; align-items:center; width:95%;}
	.business-contents .main-desc p {width:100%;}
	.business-contents .main-desc .desc {width:100%;}
	.business-contents .main-desc .desc p {font-size:0.875rem; line-height:1.45; text-align:center;}
	.main-text .main-desc .brand-logo {position:relative; margin-top:40px; width:200px;}
	.main-text .main-desc .slogan {font-family:'KoPub Batang', serif; font-weight:100; font-size:1.5rem; text-align:center; color:rgba(128, 128, 128, 0.6); font-style:italic; margin-top:40px; line-height:1;}
	/*사업분야 쇼핑몰 바로가기*/
	.shop-link {z-index:1; height:130px; display:flex; justify-content:flex-end; align-items:flex-start; align-self:center; position:relative; margin-top:0px; right:0;}
	.shop-link .link-box {cursor:pointer; z-index:1; width:auto; height:auto; background-color:#282828; position:relative; padding:0px 25px 0px 0px; color:#000; text-decoration:none; top:0px;}
	.shop-link .link-box:hover {background-color:#003A6A;}
	.shop-link .link-box a {color:#FFF;}
	.shop-link .link-box div {padding:10px 0px 10px 20px;}
	.shop-link .link-box div p {line-height:0.45; font-size:0.75rem; font-weight:400;}
	/*사업분야 하단 이미지*/
	.pictures-area {width:100%; height:250px; background-image:url(http://nnxnetworks.cdn3.cafe24.com/nni/assets/images/business/shimano.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; margin-top:-120px;}
	/*PRO 로고*/
	#bicycle-02 .brand-logo {width:120px;}
	/**************사업분야 끝******************/

	/**************인재채용 - 인재상&채용절차 시작****************/
	#hire-01 .desc {width:95%;}
	#hire-01 .desc p {width:100%; text-align:center; font-size:0.875rem; line-height:1.45; margin-top:0px;}
	.main-text .main-desc .human-resources-container {width:100%; height:auto; display:flex; margin:40px 0px 0px; justify-content:space-around; align-items:center; align-self:center; flex-direction:column; position:relative;}
	.main-text .main-desc .human-resources-container .human-resources-contents {width:100%; height:250px; display:flex; align-items:center; justify-content:center; padding:0; position:relative; margin:0px 0px 10px; background-color:#F7F7F7;}
	.main-text .main-desc .human-resources-container .human-resources-contents img {padding:0; margin:0;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-desc {color:#000; position:absolute; margin:0; padding:0; width:100%; height:100%; top:0; left:0; display:flex; justify-content:center; flex-direction:column; align-items:center; align-self:center;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-desc p {font-size:1.125rem; line-height:1.45; font-weight:700; text-align:center; margin:0; padding:0;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box {display:none; flex-direction:column; align-items:center; justify-content:center; background-color:#EFEFEF; position:absolute; height:250px; width:100%; top:0; left:0;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box {width:93%; height:85%; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #FFF;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .title {margin:0px 0px 0px; padding:0px 0px 20px; display:flex; flex-direction:column; align-items:center;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .title p {margin:0; padding:0; font-size:1.125rem; line-height:1; font-weight:700; color:#003A6A;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .desc {padding:0px 0px; position:relative; display:block; width:86%;}
	.main-text .main-desc .human-resources-container .human-resources-contents .human-resources-show-box .inline-box .desc p{color:#4E4E4E; font-size:0.875rem; line-height:1.45; text-align:center; margin-bottom:0;}
	.main-text .main-desc .human-resources-container .human-resources-contents:hover .human-resources-show-box {display:flex; justify-content:center; align-items:center;}
	/*채용절차*/
	.pc-icon {margin-top:91px; display:none;}
	.m-icon {margin-top:0px; display:block;}
	.main-text .main-desc .hire-step-container {display:flex; flex-direction:column; justify-content:center; height:auto; margin-bottom:0px;}
	.main-text .main-desc .hire-step-container .step {width:100%; margin-bottom:0; display:flex; align-items:center; justify-content:flex-start; height:200px;}
	.step-01 {background-color:#0591C4;}
	.step-02 {background-color:#377EBB;}
	.step-03 {background-color:#005DAA;}
	.step-04 {background-color:#004777;}
	.main-text .main-desc .hire-step-container .step img {margin:0px 0px 0px 15px;}
	.main-text .main-desc .hire-step-container .step div {margin:0px 15px 0px 25px; display:flex; flex-direction:column; justify-content:center; height:auto; width:100%;}
	.main-text .main-desc .hire-step-container .step div > .title {color:#FFF; font-weight:700; margin:0px 0px 10px 0px; text-align:left; display:flex; justify-content:flex-start; flex-direction:row; height:auto; padding:0px;}
	.main-text .main-desc .hire-step-container .step div > .title p {font-size:1.125rem; line-height:1; margin-bottom:0px; margin-top:0px; padding-bottom:0px; height:auto; text-align:left;}
	.main-text .main-desc .hire-step-container .step div > .step-desc {text-align:left; padding:0px 0px 0px 0px; color:#FFF; margin:0px; line-height:1.45; width:100%;}
	.main-text .main-desc .hire-step-container .step .step-desc p {font-size:0.875rem; width:100%; margin:0;}
	.main-text .main-desc .hire-step-container .step .step-desc span {font-weight:700;}
	.main-text .main-desc .hire-step-container .step-arrow {display:none; justify-content:center; align-items:center; margin-top:0px; height:0;}
	/**************인재채용 - 인재상&채용절차 끝****************/

	/**************인재상 - 조직문화 시작*****************/
	.hire-contents {display:flex; flex-direction:column; align-items:center; align-self:center; justify-content:center; width:100%;}
	.main-text .main-desc .org-culture-container {background-color:#F7F7F7; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; padding-top:20px; margin-top:40px;}
	.main-text .main-desc .org-culture-container .org-culture {display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:center; margin:0px 0px 0px; padding:20px 0px 30px; width:100%;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-icon {display:flex; flex-direction:column; align-items:center;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-icon img {width:200px; margin:0px 0px 0px;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-icon span {font-size:1.125rem; font-weight:700;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-icon p {margin-top:0px; line-height:0.8; font-size:0.875rem;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-desc {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-left:0px;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-desc .org-culture-title {font-size:1rem; font-weight:700; color:#005DAA; margin:20px 0px 0px; padding:0; text-align:center; line-height:1.45; width:95%;}
	.main-text .main-desc .org-culture-container .org-culture .org-culture-desc .org-culture-text {width:95%; margin:0px 0px 0px 0px; color:#4E4E4E; font-size:0.875rem; line-height:1; text-align:center;}
	/**************인재상 - 조직문화 끝*****************/

	/**************인재채용 - 복리후생 시작****************/
	.main-text .main-desc .benefits-container {width:100%; height:auto; margin-bottom:80px;}
	.main-text .main-desc .benefits-container .benefits-contents {width:100%; height:auto; margin:0; padding:20px 0px;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit {display:flex; flex-direction:column; align-items:center; align-self:center; justify-content:center; height:auto; margin:0px 0px;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit img {margin:0; margin-left:0px; margin-right:0px; width:auto; height:auto;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc {display:flex; flex-direction:column; justify-content:center; align-items:center; height:auto; padding:0px 0px; width:100%;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .benefit-title {font-size:1.125rem; font-weight:700; color:#005DAA; line-height:0; width:95%; text-align:center; margin:0px 0px 0px 0px; padding:5px 0px; border-bottom:1px solid #E1E1E1;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .benefit-list {display:flex; flex-direction:row; margin-right:0px;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-01,.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-02{width:auto; padding:0; margin:15px 15px 0px 15px;}
	.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-01 p,.main-text .main-desc .benefits-container .benefits-contents .benefit .benefit-desc .list-02 p{line-height:1; margin-left:0px; margin-top:10px; color:#4E4E4E; font-size:0.875rem;}
	/*복리후생 하단 사진영역*/
	.main-text .main-desc .benefits-picture-container {width:100%; height:100%; background-color:#282828; display:block; margin:0px;}
	.main-text .main-desc .benefits-picture-container .picture-box {display:flex; flex-direction:column; padding:0; margin:0px 0px 0px 0px; width:100%; height:100%;}
	.main-text .main-desc .benefits-picture-container .picture-box .pc-icon {display:none;}
	.main-text .main-desc .benefits-picture-container .picture-box .m-icon {display:block; width:100%; height:480px; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.main-text .main-desc .benefits-picture-container .picture-box .contents {width:100%; height:480px; position:relative; overflow:hidden;}
	.main-text .main-desc .benefits-picture-container .contents * {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out;}
	.main-text .main-desc .benefits-picture-container img {max-width:100%; width:100%; height:100%; position:relative; opacity:1; margin:0px;}
	.main-text .main-desc .benefits-picture-container p {z-index:2; color:#FFF; position:absolute;}
	.main-text .main-desc .benefits-picture-container .contents:hover img {-webkit-transform:scale(1.0); transform:scale(1.0);}
	.main-text .main-desc .benefits-picture-container .contents:hover .contents-show {display:flex;}
	.main-text .main-desc .benefits-picture-container .contents .contents-show {width:100%; height:480px; position:absolute; display:none; justify-content:center; align-items:center; align-self:center; flex-direction:column; background-color:rgba(0, 0, 0, 0.25); z-index:1; margin:0px;}
	.main-text .main-desc .benefits-picture-container .contents .contents-show > div {display:flex; justify-content:center; align-items:center; flex-direction:column; align-self:center; width:100%;}
	.main-text .main-desc .benefits-picture-container .contents .contents-show img {min-width:80px; max-width:80px; padding:0; z-index:1;}
	.main-text .main-desc .benefits-picture-container .contents .contents-show p {padding:0; margin:0; position:relative;}
	/**************인재채용 - 복리후생 끝*****************/

	#cs-01 .desc {width:100%;}
	#cs-01 .desc p {width:95%; text-align:center; line-height:1.45;}

	/**************고객센터 - 문의하기 시작*****************/
	.main-text .main-desc a, .main-text .main-desc a:visited {}
	#cs-02 .desc {width:100%;}
	#cs-02 .desc p {width:95%; text-align:center; line-height:1.45;}
	.main-text .main-desc .qna {font-size:0.875rem; margin-top:20px; padding:20px 0px 0px; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.main-text .main-desc .qna form {border-top:2px solid #282828; border-bottom:2px solid #282828; padding:20px 0px 20px; margin:0px; width:100%;}
	.main-text .main-desc .qna div {display:flex; align-items:center; margin-bottom:20px; border-bottom:1px solid #E1E1E1; padding:0px 20px;}
	.main-text .main-desc .qna p {width:120px; margin-right:40px; margin-bottom:40px; line-height:1; color:#000;}
	.main-text .main-desc .qna input {border-radius:2px; border:1px solid #808080; padding:10px; width:100%; margin-bottom:20px;}
	.main-text .main-desc .qna select {margin:0; padding:10px; width:100%; border:1px solid #808080; margin-bottom:20px;}
	.main-text .main-desc .qna textarea {border-radius:2px; border:1px solid #808080; padding:10px; width:100%; resize:none; font-family:'Nanum Barun Gothic'; font-size:16px; margin-bottom:20px;}
	.main-text .main-desc .qna .private-container {display:flex; flex-direction:column; align-self:center; align-items:center; height:auto; position:relative; width:100%; border-bottom:0px solid #000; padding:20px 0px 0px;}
	.main-text .main-desc .qna .private-container > div {width:100%; display:flex; flex-direction:column; align-items:center; margin-top:20px; border-bottom:0px solid #000;}
	.main-text .main-desc .qna .private-container p {width:auto; line-height:1; margin:0px 0px 20px 0px; font-size:0.875rem;}
	.main-text .main-desc .qna .private-container span {width:95%; text-align:center; font-size:0.750rem; color:#4E4E4E;}
	.main-text .main-desc .qna .private-container .private {display:flex; flex-direction:column; background-color:#F7F7F7; width:95%; margin-top:20px; padding:15px 0px 0px 0px; margin-bottom:0; border-bottom:0px solid #E1E1E1;}
	.main-text .main-desc .qna .private-container .private span {font-size:0.875rem;}
	.main-text .main-desc .qna .private-container .private-desc {width:100%; display:flex; flex-direction:column; align-items:flex-start; align-self:flex-start; border-bottom:0px solid #E1E1E1; margin-bottom:0;}
	.main-text .main-desc .qna .private-container .private-desc p {line-height:1; font-size:0.750rem; color:#000; width:95%;}
	.main-text .main-desc .qna .agree {width:95%; padding:0px; display:flex; align-items:center; justify-content:center; align-self:center; border-bottom:0px solid #E1E1E1; font-size:0.875rem; text-align:center;}
	.main-text .main-desc .qna .agree input[type="checkbox"] {margin-right:10px; margin-top:20px; width:auto;}
	.main-text .main-desc .qna .submit {width:75px; padding:15px 20px; border-radius:2px; border:1px solid #E1E1E1; background-color:#005DAA; color:#FFF; margin-right:5px;}
	.main-text .main-desc .qna .cancle {width:75px; padding:15px 20px; border-radius:2px; border:1px solid #E1E1E1; background-color:#F7F7F7; color:#4E4E4E; margin-left:5px;}
	/**************고객센터 - 문의하기 시작*****************/

	/**************고객센터 - 오시는길 시작*****************/
	#cs-03 .desc {width:100%;}
	#cs-03 .main-desc {width:95%; text-align:left; line-height:1.45;}
	.main-text .main-desc .cs-map {width:100%; text-align:left; border-top:solid 1px #E1E1E1; padding:20px 0px 10px;}
	.main-text .main-desc .cs-map div {width:100%; margin:0;}
	.main-text .main-desc .cs-map .m-icon {display:block;}
	.main-text .main-desc .cs-map .pc-icon {display:none;}
	.main-text .main-desc .cs-map div p{width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; line-height:1.45; font-size:0.875rem; margin-left:0px; margin-bottom:15px; margin-top:5px;}
	.main-text .main-desc .cs-map div span {font-weight:700; margin-bottom:0; line-height:0;}
	/**************고객센터 - 오시는길 끝*****************/

	/**************서비스이용약관 및 개인정보취급방침 시작*****************/
	.main-text .main-desc .privacy {padding:0px; width:inherit; color:#4E4E4E; margin-bottom:80px;}
	.main-text .main-desc .privacy div {margin-top:40px; padding:0px 20px 0px;}
	.main-text .main-desc .privacy div p {font-size:0.875rem; line-height:1.45;}
	.main-text .main-desc .privacy div span {font-weight:700; color:#005DAA; font-size:1rem;}
	.main-text .main-desc .privacy .sub {margin-top:0px; font-size:0.75rem;}
	.main-text .main-desc .privacy .sub p {font-size:0.875rem; line-height:1.45;}
	.main-text .main-desc .privacy .sub-privacy {padding:10px 20px; background-color:#F7F7F7; margin-top:0px; line-height:1;}
	.main-text .main-desc .privacy .sub-privacy p {font-size:0.75rem;}
	/**************서비스이용약관 및 개인정보취급방침 끝*****************/
}