@charset "utf-8";

@media (max-width: 1920px){}

@media (max-width: 1500px){
	.main_silde .swiper-slide .pc {background-position: 30% 50%;}
	.main_silde .main_next {width: 90px;}
	.main_silde .main_prev {width: 90px; background: url('/img/visual_prev.png') no-repeat right center;}
	
	.all_menu .size {padding: 0 20px; box-sizing: border-box;}
}

@media (max-width: 1400px){
	.header h1.logo {left: 20px;}
	.header .util {right: 20px;}
	.header .gnb {padding-left: 15px;}
	.header .gnb .depth1 > li > a {padding: 0 25px; font-size: 16px;}
	.header .gnb .depth2 li a {padding: 0 25px; font-size: 16px;}
	.header .gnb .depth2 li a:before {left: 15px;}

	.main_visual .main_pagination {margin-left: -470px;}

	.size {padding: 0 20px;}

	.main .cont1 .info {padding-top: 40px;}
	.main .cont1 .info p {font-size: 45px; margin-top: 5px; }
	.main .cont1 .info span {font-size: 14px;}
	.main .cont1 .top:after {top:0; height: 430px;}
	.main .cont1 .top .info {padding-left: 50px;}
	.main .cont1 .top .info:after {top: -54px; font-size: 50px;}
	.main .cont1 .top .left img {display: inline-block; width: 480px;}
	.main .cont1 .btm {margin-top: 90px;}
	.main .cont1 .btm:after {top:0; height: 430px;}
	.main .cont1 .btm .info {padding-right: 50px;}
	.main .cont1 .btm .info:after {top: -54px; font-size: 50px;}
	.main .cont1 .btm .right {text-align: right;}
	.main .cont1 .btm .right img {display: inline-block; width: 480px;}

	.sub .sub_visual .tb {height: 460px;}
	.sub .sub_visual .main_txt .navi {margin-top: 30px;}
	
	.sub .history .cont1 .thumb em {font-size: 15px;}
	.sub .history .cont1 .thumb span.img {height: 235px;}
	.sub .history .cont1 .info {padding-top: 13px;}
	.sub .history .cont1 .info b {font-size: 24px;}
	.sub .history .cont1 .info span {font-size: 20px;}
	.sub .history .cont1 .info span:after {bottom: 1px; height: 12px;}
	.sub .history .cont1 .info ul {margin-top: 30px;}
	.sub .history .cont1 .info ul li em {padding: 3px 6px 5px 5px;font-size: 16px;}
	.sub .history .cont1 .info ul li p {font-size: 15px;}
	
	.sub .product .rnd_cmm .btm {text-align: center;}
	.sub .product .rnd_cmm .btm ul {display: inline-block; max-width: 800px; text-align: center;}
	.sub .product .rnd_cmm .btm ul li {width: calc(25% - 44px);}
	
	.sub .incruit .cont4 ul li {width: 31.33333%;}
	.sub .incruit .cont4 ul li .btm {font-size: 15px;}

	.sub .product .rnd_cmm .top .box img {width: 100%;}
}

@media (max-width: 1350px){
	.sub .incruit .cont1 ul li {padding: 0 10px;}
	.sub .incruit .cont1 ul li div.info {padding: 20px 15px; font-size: 15px;}

	.sub .core .top_wrap .p_wrap {background-image: url('/img/core_bg_mo.png'); min-height: 590px;}
	.sub .core .bottom_wrap {margin-top: -100px;}
	
	.sub .system .cont1 .sub_tit.st1 {text-align: left;}
	.sub .system .cont1 {text-align: center;}
	.sub .system .cont1 ul {display: inline-block; max-width: 800px; padding-bottom: 40px;}
	.sub .system .cont1 ul li {width: calc(50% - 40px);}
	.sub .system .cont1 ul li .txt {margin-top: 15px; min-height: 96px;}
	.sub .system .cont1 ul li .img p {font-size: 22px;}
	.sub .system .cont1 ul li .txt p {font-size: 15px;}
}

@media (max-width: 1250px){
	.main .cont3 .left {width: 50%; max-width: none;}
	.main .cont3 .right {width: 50%; padding-left: 35px; box-sizing: border-box;}

	.sub .ceo .cont2 .left p em.dpb {display: inline-block;}

	.sub .core .bottom_wrap ul{text-align:center}
	.sub .core .bottom_wrap ul li{text-align:left;margin-top:15px;width:calc(33.333% - 15px)}
	
	.sub .network .cont2 .right ul li div {height: 75px;}
	
	.sub .nsk {max-height: none;}
	.sub .nsk .cont1 {padding-bottom: 20px;}
	.sub .partner .contents {top: 0;}
	.sub .partner .sub_tit.st1 {padding-bottom: 10px;}
	.sub .partner .contents .left {float: none; width: 100%; max-width: none; height: auto; padding: 40px;}
	.sub .partner .contents .left:after {width: 100%;}
	.sub .partner .contents .right {float: none; width: 100%; height: auto; padding: 40px 40px 50px; background: #eef5f9;}
	.sub .partner .contents .right:after {display:none;}
	.sub .partner .contents .right ul {padding-left: 0;}
	
	.sub .nfm {max-height: none;}
	.sub .nfm .cont1 {padding-bottom: 20px;}

	.sub .manage2 .cont1 .inner div.txt p.tit {font-size: 22px;}

	.all_menu .depth1 > li > a {line-height: 70px; font-size: 18px;}
	.all_menu .depth1 .depth2 li a {line-height: 50px;}
	
	.sub .tech .tech_cmm .img {max-width: 360px;}
	.sub .tech .tech_cmm .img .bg {padding: 40px 30px;}
	.sub .tech .tech_cmm .img em {font-size: 15px;}
	.sub .tech .tech_cmm .img p {font-size: 22px;}
	.sub .tech .cont2 .info {width: calc(100% - 360px);}
	.sub .tech .cont3 .info {float: left; width: calc(100% - 360px);}
} 

@media (max-width: 1024px){
	.header h1.logo {margin-top: -21px;}
	.header h1.logo img {display: block; width: 136px;}
	.header {height: 70px;}
	.header .gnb {display: none;}
	.header .util {line-height: 70px;}
	.header .util > ul > li.menu_btn {display: none;}
	.header .util > ul > li.lang {display: none;}
	.header .util > ul > li.mobile {display: inline-block;}

	.main_silde .swiper-slide .pc {display: none;}
	.main_silde .swiper-slide .mo {display: block;}
	.main_silde .main_next {display: none;}
	.main_silde .main_prev {display: none;}
	.main_visual .main_pagination .swiper-pagination-bullet {width: 55px;}
	.main_visual .main_pagination {margin-left: -100px; bottom: 130px;}

	.top_btm a {width: 40px; height: 83px; padding: 12px 0;}
	.top_btm a span {margin-top: 15px; font-size: 13px;}

	.main .cont1 {padding: 50px 0 80px;}
	.main .cont1 .left {float: none; width: 100%;}
	.main .cont1 .right {float: none; width: 100%;}
	.main .cont1 .info {margin-top: 50px; background: #f8f8f8;}
	.main .cont1 .info span {min-height: initial;}
	.main .cont1 .silde {margin-top: 20px; padding-bottom: 0;}
	.main .cont1 .top:after {display: none;}
	.main .cont1 .top .left {text-align: center;}
	.main .cont1 .top .info {padding: 40px;}
	.main .cont1 .top .info:after {display: none;}
	.main .cont1 .btm {margin-top: 50px;}
	.main .cont1 .btm:after {display: none;}
	.main .cont1 .btm .right {text-align: center;}
	.main .cont1 .btm .info {padding: 40px; text-align: left;}
	.main .cont1 .btm .info:after {display: none;}

	.main .cont2 {height: auto; padding: 70px 0;}
	.main .cont2 h2.main_tit {display: none;}
	.main .cont2 ul {margin-top: 50px; width: 100%; margin-left: 0; margin-top: -2%;}
	.main .cont2 ul li {float: none; width: 100%; height: 240px; margin-left: 0; margin-top: 2%;}
	.main .cont2 ul li .off {padding: 72px 0;}
	.main .cont2 ul li .on {padding: 60px 20px; background: rgba(255,525,255,.7) url('/img/rnd_ico.png') no-repeat 95% 80%;}
	.main .cont2 ul li.fir .on {background: rgba(255,525,255,.7) url('/img/rnd_ico_01.png') no-repeat 95% 80%;}
	.main .cont2 ul li.las .on {background: rgba(255,525,255,.7) url('/img/rnd_ico_03.png') no-repeat 95% 80%;}
	.main .cont2 ul li .on .top {float: left; width: 50%; padding-bottom: 0; padding-top: 30px;}
	.main .cont2 ul li .on .top > b {font-size: 60px;}
	.main .cont2 ul li .on .top > p {margin-top: 5px; font-size: 30px;}
	.main .cont2 ul li .on .btm {float: left; width: 50%; padding-top: 0; border-top: 0; border-left: 1px solid #a7abb1;}
	.main .cont2 ul li .on .btm span {font-size: 15px; line-height: 1.6;}
	
	.main .cont3 {padding: 70px 0;}
	.main .cont3 .inner {margin-top: 20px;}
	.main .cont3 .left {float: none; width: 100%;}
	.main .cont3 .left ul {max-width: none; width: 102%; margin-left: -2%;}
	.main .cont3 .left ul li {width: 48%; height: 210px; margin-left: 2%;}
	.main .cont3 .left ul li.li1 {border: 2px solid #008fe0;}
	.main .cont3 .left ul li.li2 {border: 2px solid #2aa889;}
	.main .cont3 .left ul li span {font-weight: 700; color: #000;}
	.main .cont3 .right {float: none; width: 100%; padding-left: 0;}
	.main .cont3 .right ul {width: 102%; margin-left: -2%;}
	.main .cont3 .right ul li {float: left; display: block !important; width: 48%; margin-left: 2%;}
	.main .cont3 .right b {display: inline-block; font-size: 28px; vertical-align: center;}
	.main .cont3 .right span {display: inline-block; margin-left: 5px; font-size: 28px; vertical-align: center;}
	.main .cont3 .right p {margin-top: 10px; font-size: 15px;}

	/* .main .cont3 {padding: 70px 0;}
	.main .cont3 .inner {margin-top: 20px;}
	.main .cont3 .left ul li {height: 220px;}
	.main .cont3 .left ul li span {font-size: 45px;}
	.main .cont3 .right b {margin-top: 15px; font-size: 32px;}
	.main .cont3 .right span {font-size: 17px;}
	.main .cont3 .right p {font-size: 14px;} */

	.main .cont4 {padding-bottom: 70px;}
	.main .cont4 .left {float: none; width: 100%; padding-right: 0;}
	.main .cont4 .right {float: none; width: 100%; margin-top: 50px;}
	.main .cont4 .right .inner {height: auto;}

	.main .cont5 .txt span {font-size: 13px;}
	.main .cont5 .txt p {font-size: 24px;}
	.main .cont5 .txt a {height: 40px; line-height: 40px; font-size: 17px;}

	.footer {padding: 0 30px;}
	.footer .btm {padding: 50px 0;}
	.footer .btm .addr > p {float: none;}
	.footer .btm .addr > div.info {float: none; margin-left: 0; margin-top: 20px;}
	
	.sub .sub_visual .tb {height: 380px;}
	.sub .sub_visual .main_txt {padding-top: 45px;}
	.sub .sub_visual .main_txt span {font-size: 14px;}
	.sub .sub_visual .main_txt > h2 {font-size: 36px;}
	.sub .sub_visual .main_txt .navi {margin-top: 20px;}
	
	.sub_tit.st1 {padding-bottom: 18px;}
	.sub_tit.st1 b {font-size: 16px;}
	.sub_tit.st1 h3 {font-size: 24px;}
	.sub_tit.st1 h3 > em {font-size: 24px;}
	.sub_tit.st1 span {font-size: 12px;}

	.sub_tit.st2 {padding: 60px 0 45px;}
	.sub_tit.st2 b {top: -54px; margin-left: -55px; font-size: 62px;}
	.sub_tit.st2 h3 {font-size: 36px;}
	.sub_tit.st2 span {font-size: 14px;}


	.lnb {margin-top: -47px;}
	.lnb .size {padding: 0;}
	.lnb ul li {height: 45px; line-height: 45px;}
	.lnb ul li a {font-size: 16px;}
	.sub .lnb.busi {margin-top: -45px;}

	p.tit1 {margin-top: 0; font-size: 36px;}
	
	.sub .section {padding-top: 50px;}

	.sub .about .cont1 span.tit2 {height: 42px; line-height: 42px; font-size: 16px;}
	.sub .about .cont1 ul li span {height: 26px; line-height: 24px; font-size: 12px;}
	.sub .about .cont2 {margin-top: 50px; padding: 40px 0;}
	.sub .about .cont3 {padding: 50px 0;}
	.sub .about .cont3 ul li p {font-size: 14px;}
	.sub .about .cont3 ul li p.tit {font-size: 15px;}

	.sub .ceo .cont1 .size {height: 250px;}
	.sub .ceo .cont2 .box {height: 265px;}
	.sub .ceo .cont2 .left {padding: 30px;}
	.sub .ceo .cont2 .left p {margin-top: 15px; font-size: 15px;}
	.sub .ceo .cont2 .right {padding: 0 30px 30px;}
	.sub .ceo .cont2 .right .inner span {font-size: 14px;}
	.sub .ceo .cont2 .right .inner b {font-size: 14px;}
	.sub .ceo .cont2 .right .inner img {margin-top: 8px; width: 100px;}
	
	.sub .core .bottom_wrap ul li {padding: 35px 30px; min-height: 270px;}
	.sub .core .bottom_wrap ul li span {font-size: 50px; line-height: 1.5;}
	.sub .core .bottom_wrap ul li b {font-size: 24px;}
	.sub .core .bottom_wrap ul li p {padding-top: 15px; margin-top: 20px; font-size: 15px;}
	
	.sub .network .cont2 .left {width: 33%;}
	.sub .network .cont2 .right {width: 67%; padding-left: 30px;}
	.sub .network .cont2 .right ul li b {font-size: 15px;}
	.sub .network .cont2 .right ul li span {font-size: 13px;}
	
	.sub .partner ul.pro_list li i {height: 27px; line-height: 27px; font-size: 14px;}
	.sub .partner ul.pro_list li p.tb {height: 230px;}
	.sub .partner .contents .left p {padding: 70px 0 0 50px; font-size: 24px; background-size: 90px;}
	.sub .partner .contents .right ul li span {height: 24px; line-height: 22px;font-size: 13px;}
	
	.sub .manage .cont2 ul li span em.dpb {display: inline-block;}

	.scroll_bg:before {right: -10px;}
	.sub .history .cont1 .thumb {max-width: 300px;}
	.sub .history .cont1 .info {width: calc(100% - 300px);}

	.sub .product .rnd_cmm .txt p {font-size: 15px;}
	.sub .product .rnd_cmm .top .box i {padding: 0 10px; height: 25px; line-height: 25px; font-size: 14px;}
	.sub .product .rnd_cmm .btm ul li .off em {font-size: 16px;}
	
	.sub .manage .cont1 {margin-top: 40px;}
	.sub .manage .cont1 .bg {height: auto;}
	.sub .manage .cont1 .inner {text-align: center;}
	.sub .manage .cont1 .inner p.img {float: none; display: inline-block;}
	.sub .manage .cont1 .inner div.txt {float: none; max-width: none; padding-top: 20px; text-align: center;}
	.sub .manage .cont1 .inner div.txt p.tit {display: inline-block; margin-left: 0;}
	.sub .manage .cont1 .inner div.txt > span {display: block; width: 100%; margin-top: 20px; margin-left: 0; text-align: center;}
	.sub .manage .cont1 p.btm {margin-top: 20px;}
	.sub .manage .cont2 ul li {padding: 0 20px;}
	.sub .manage .cont2 ul li span {display: block; min-height: 68px;}

	.sub .contact .cont1 {padding: 40px 0 20px;}
	.sub .contact .cont1 .sub_tit {font-size: 20px;}
	.sub .contact .cont1 .agree_con {padding: 15px;}
	input[type=checkbox] + label {font-size: 15px;}
	.sub .contact .cont2 .sub_tit {font-size: 20px;}
	.sub .contact .cont2 table tr th {font-size: 15px;}
	.sub .contact .cont2 input[type=text] {height: 40px; font-size: 14px; box-sizing: border-box;}
	.sub .contact .cont2 table tr td.txt textarea {height: 160px; font-size: 14px;}
	.sub .contact .cont2 table, .sub .contact .cont2 tbody, .sub .contact .cont2 tr, .sub .contact .cont2 th, .sub .contact .cont2 td {display: block; text-align: left;}
	.sub .contact .cont2 th {background: #f9f9f9;}
	
	i.top {height: 19px; font-size: 12px; text-indent: -2px;}
	.bbs .gallery .txt {padding: 13px;}
	.bbs .gallery .txt p {font-size: 14px;}
	.bbs .gallery .txt b.title {font-size: 16px; height: 24px;}
	.bbs .gallery .txt .cont {height: 36px; font-size: 14px; line-height: 1.3;}
	
	.bbs {margin-top: 40px;}
	.bbs .view .title > dl > dt em {font-size: 15px;}
	.bbs .view .title > dl > dt {font-size: 20px;}
	.bbs .view .file {padding: 10px 15px; font-size: 14px;}
	.bbs .view .cont {padding: 15px;font-size: 15px;}
	.bbs .view .title > dl {padding: 0 0 15px;}
	
	.sub .incruit .cont1 .inner {background: none;}
	.sub .incruit .cont1 ul li {float: none; width: 33.33333%; min-height: 450px;}
	.sub .incruit .cont2 ul li {min-height: initial;}
	.sub .incruit .cont3 ul {width: 100%; max-width: 470px; margin: -2% auto 0;}
	.sub .incruit .cont3 ul li {width: 100%; margin-left: 0;}
	.sub .incruit .cont3 ul li > span {width: 100px; height: 40px; line-height: 38px; font-size: 18px;}
	.sub .incruit .cont3 .btn_box a {width: 210px; height: 45px; line-height: 43px; font-size: 16px;}
	.sub .incruit .cont4 ul li .btm {min-height: 66px;}
	.sub .incruit .cont4 ul li .btm em.dpb {display: inline;}

	.sub .patent .swiper-slide a {margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; line-height: 38px;}
	.sub .patent .cont2 ul li a {margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; line-height: 38px;}
	.patent_pop .cont {margin-top: -280px; margin-left: -200px; max-width: 400px; padding: 15px; height: 560px;}
	.patent_pop .inner {padding: 15px;}
	
	.sub .business ul.pro_list {width: 102%; margin-left: -2%; margin-top: -2%;}
	.sub .business ul.pro_list li {width: 31.33333%; margin-left: 2%; margin-top: 2%;}
	.sub .business ul.pro_list li div.on {padding: 20px;}
	.sub .business ul.pro_list li div.on p {font-size: 22px;}
	.sub .business ul.pro_list li div.on a.view {font-size: 12px;}
	.sub .business.view .tit b {font-size: 30px;}
	.sub .business.view .tit span {font-size: 22px;}

	.sub table.st1 tbody tr td {padding: 15px 10px; font-size: 14px;}

	.sub .tech .tech_cmm .img {float: none; width: 100%; max-width: none; height: 300px;}
	.sub .tech .tech_cmm .img p {margin-top: 20px;}
	.sub .tech .tech_cmm .img p em.dpb.pic {display: inline-block; }
	.sub .tech .cont2 .info {float: none; width: 100%; margin-top: 20px; padding-left: 0;}
	.sub .tech .cont3 .info {float: none; width: 100%; margin-top: 20px; padding-left: 0;}
} /* 1024 */

@media (max-width: 960px){
	.bbs .gallery > ul > li {width: 48%;}
	.bbsSearch {max-width: none; margin: 0; margin-bottom: 30px; min-height: initial;}
	.bbsSearch .srchSelect select {height: 40px; font-size: 14px;}
	.bbsSearch .searchWord {width: calc(100% - 131px); margin-left: 10px;}
	.bbsSearch input[type='text'] {height: 40px; font-size: 14px;}
	.bbsSearch input[type='button'] {width: 40px; height: 40px;}
	
	.sub .product .rnd_cmm .btm ul {max-width: 630px; padding-bottom: 60px;}
	.sub .product .rnd_cmm .btm ul li {width: calc(25% - 32px); margin-left: 30px;}
	.sub .product .rnd_cmm .btm ul li .off .box {width: 120px; height: 120px;}
	.sub .product .rnd_cmm .btm ul li .off .box:before {right: -26px; width: 20px; height: 20px; background-size: 20px;}
	.sub .product .rnd_cmm .btm ul li .on .box {width: 120px; height: 120px;}
	.sub .product .rnd_cmm .btm ul li .on em {font-size: 15px;}
}

@media (max-width: 768px){
	.header h1.logo {margin-top: -15.5px;}
	.header h1.logo img {width: 100px;}
	.header .util > ul > li > a img {display: inline-block; width: 20px;}
	
	.mo_menu .top h2 img {width: 100px;}
	.mo_menu .top .mo_close a {width: 20px; height: 20px;}
	.mo_menu .top .mo_close a img {display: inline-block; width: 100%;}
	.mo_menu .mo_gnb > ul > li > a {height: 55px; line-height: 55px; font-size: 16px;}
	.mo_menu .mo_gnb > ul ul li a {height: 40px; line-height: 40px; font-size: 14px;}
	.mo_menu .mo_lang > a {height: 45px; line-height: 43px; font-size: 14px;}
	.mo_menu .mo_lang .lang_depth {top: 45px;}
	.mo_menu .mo_lang .lang_depth li a {height: 45px; line-height: 45px; font-size: 13px;}

	.main .cont1 {padding: 50px 0 60px;}
	.main .cont1 .info i {font-size: 11px;}
	.main .cont1 .info p {font-size: 34px;}
	.main .cont1 .info span {margin-top: 15px; font-size: 12px;}
	.main .cont1 .silde {height: 150px;}
	.main .cont1 .top {margin-top: 20px;}
	.main .cont1 .top .info {padding: 25px;}
	.main .cont1 .top .left img {max-width: 100%;}
	.main .cont1 .btm .info {padding: 25px;}
	.main .cont1 .btm .right img {max-width: 100%;}
	
	.main .cont2 ul li {height: 213px;}
	.main .cont2 ul li .off {padding: 63px 0;font-size: 50px;}
	.main .cont2 ul li .on {padding: 65px 20px;}
	.main .cont2 ul li .on .top > b {font-size: 46px;}
	.main .cont2 ul li .on .top > p {font-size: 22px;}
	.main .cont2 ul li .on .btm span  {font-size: 13px; line-height: 1.4;}
	.main .cont2 ul li.las .on .top > b {font-size: 46px;}
	
	.main .cont3 {padding: 50px 0;}
	.main .cont3 .left ul li {height: 160px;}
	.main .cont3 .left ul li span {font-size: 45px;}
	.main .cont3 .right b {font-size: 24px;}
	.main .cont3 .right span {font-size: 24px;}
	.main .cont3 .right ul li em.dpb {display: inline-block;}
	.main .cont3 .right p {padding-right: 3%;box-sizing: border-box; font-size: 14px;}

	/* .main .cont3 {padding: 60px 0;}
	.main .cont3 .left {width: 45%;}
	.main .cont3 .left ul {width: 100%; margin-left: 0; margin-top: -10px;}
	.main .cont3 .left ul li {float: none; width: 100%; height: 150px; margin-left: 0; margin-top: 10px;}
	.main .cont3 .right {width: 55%; padding-left: 25px;}
	.main .cont3 .right b {margin-top: 25px;}
	.main .cont3 .right ul li.nsk em.dpb {display: inline-block;} */
	
	.main .cont4 {padding-bottom: 60px;}
	.main .cont4 .left ul li {line-height: 55px;}
	.main .cont4 .left ul li a {font-size: 14px;}
	
	.main .cont5 .txt {padding: 45px 25px 0;}
	.main .cont5 .txt span {font-size: 11px;}
	.main .cont5 .txt p {font-size: 20px;}
	.main .cont5 .txt a {font-size: 15px; width: 100%; max-width: 200px;}
	.main .cont5 .left {height: 260px;}
	.main .cont5 .right {height: 230px;}

	.footer .btm {padding: 40px 0;font-size: 12px;}
	.footer .btm .addr > div.info {margin-top: 15px;}
	.footer .btm .addr > div.info p span {display: block;}
	.footer .btm .addr {float: none;}
	.footer .btm .addr > p img {display: inline-block; width: 105px;}
	.footer .btm .addr > div.info p.name {margin-bottom: 5px; font-size: 18px;}
	.footer .btm .addr > div.info p i {width: 70px;}
	.footer .btm .copy {float: none; margin-top: 15px;}

	.sub .sub_visual .tb {height: 300px;}
	.sub .sub_visual .main_txt {padding-top: 50px;}
	.sub .sub_visual .main_txt span {font-size: 10px;}
	.sub .sub_visual .main_txt > h2 {margin-top: 8px; font-size: 24px;}
	.sub .sub_visual .main_txt .navi {margin-top: 8px; font-size: 12px;}

	p.tit1 {font-size: 20px;}
	
	.sub_tit.st1 b {font-size: 14px;}
	.sub_tit.st1 h3 {font-size: 20px;}
	.sub_tit.st1 h3 > em {font-size: 20px;}
	.sub_tit.st1 span {margin-top: 0;font-size: 11px;}
	
	.sub_tit.st2 {padding: 60px 0 30px;}
	
	.sub_tit.st3 {font-size: 18px;} 

	.sub .section {padding-top: 40px;}

	.lnb {margin-top: -41px;} 
	.lnb ul li {height: 40px; line-height: 40px;} 
	.sub .lnb.busi {margin-top: -41px;}
	.lnb.busi ul li a {font-size: 15px;}

	.sub .about .cont1 span.tit2 {margin-top: 15px; max-width: 350px; height: 36px; line-height: 36px; font-size: 13px;}
	.sub .about .cont1 ul {width: 100%; max-width: 530px; margin: 30px auto 0;}
	.sub .about .cont1 ul li {width: 48%; margin-top: 2%;}
	.sub .about .cont3 img.pc {display: none;}
	.sub .about .cont3 img.mo {display: inline-block;max-width:100%}
	.sub .about .cont3 {padding: 30px 0;}
	.sub .about .cont3 ul {width: 100%; max-width: 530px; margin: -2% auto 0;padding-left:0;padding-right:50px}
	.sub .about .cont3 ul li {width: 48%; min-height: 210px;}
	.sub .about .cont3 ul li p {height: 35px; line-height: 35px; font-size: 12px;}
	.sub .about .cont3 ul li p.tit {font-size: 13px;}
	.sub .about .cont2 img.pc {display: none;}
	.sub .about .cont2 img.mo {display: block;}

	.sub .ceo {padding-bottom: 50px;}
	.sub .ceo .cont1 .size {height: 200px;}
	.sub .ceo .cont2 .left {width: calc(100% - 160px);}
	.sub .ceo .cont2 .left p {font-size: 14px;}
	.sub .ceo .cont2 .right {width: 160px;}
	.sub .ceo .cont2 .right .inner span {font-size: 12px;}
	.sub .ceo .cont2 .right .inner b {font-size: 12px;}
	.sub .ceo .cont2 .right .inner img {width: 80px;}
	
	.sub .core p.tit1 {font-size: 28px; line-height: 1.2;}
	.sub .core .top_wrap em.dpb {display: block;}
	.sub .core .top_wrap span.pic1 {margin-top: 5px; font-size: 15px;}
	.sub .core .top_wrap .p_wrap {padding-bottom: 75%; min-height: auto;}
	.sub .core .top_wrap .p_wrap {background-size: contain;}
	.sub .core .bottom_wrap {padding: 130px 0 60px;}
	.sub .core .bottom_wrap ul li{width:calc(50% - 15px); min-height: 220px;}
	.sub .core .bottom_wrap ul li span {font-size: 40px;}
	.sub .core .bottom_wrap ul li b {font-size: 20px;}
	.sub .core .bottom_wrap ul li p {padding-top: 10px; margin-top: 15px; font-size: 14px;}

	.sub .network .cont1 {padding: 35px 0 50px;}
	.sub .network .cont1 ul li {height: 150px;}
	.sub .network .cont1 ul li img {display: inline-block; width: 100%; max-width: 100%;}
	.sub .network .cont2 {padding: 40px 0 50px;}
	
	.sub .network .cont2 .left {float: none; width: 100%; text-align: center;}
	.sub .network .cont2 .left img {width: auto; max-width: 350px;}
	.sub .network .cont2 .right {float: none; width: 100%; margin-top: 50px; padding-left: 0;}
	.sub .network .cont2 .right ul li b {font-size: 14px;}
	.sub .network .cont2 .right ul li span {font-size: 12px;}
	
	.sub .partner .contents .left em.dpb {display: inline-block;}
	.sub .partner .contents .left em.dpb.pic {display: block;}
	.sub .partner ul.pro_list {width: 100%; margin-left: 0;}
	.sub .partner ul.pro_list li {width: 100%; margin-left: 0;}
	.sub .partner ul.pro_list li p.tb {height: 180px;}
	.sub .partner .contents .left {padding: 30px;}
	.sub .partner .contents .left p {padding: 42px 0 0 40px; font-size: 20px; background-size: 70px; background-position: 0 0;}
	.sub .partner .contents .right {padding: 30px;}
	.sub .partner .contents .right ul li {width: 47%;}
	
	.scroll_bg:before {width: 61px; height: 200px; background: url('/img/scroll_bg_m.png') no-repeat;}
	.sub .history .cont1 .thumb {max-width: 225px;}
	.sub .history .cont1 .thumb em {font-size: 13px;}
	.sub .history .cont1 .thumb span.img {height: 175px;}
	.sub .history .cont1 {padding: 40px 0 250px;}
	.sub .history .cont1 .info {width: calc(100% - 225px); padding-top: 5px; padding-left: 15px;}
	.sub .history .cont1 .info b {font-size: 18px;}
	.sub .history .cont1 .info span {font-size: 16px;}
	.sub .history .cont1 .info ul {margin-top: 20px; padding-top: 15px;}
	.sub .history .cont1 .info ul li {margin-left: 1%;}
	.sub .history .cont1 .info ul li:before {top: -21px;}
	.sub .history .cont1 .info ul li em {font-size: 13px;}
	.sub .history .cont1 .info ul li p {margin-top: 5px; font-size: 13px;}

	.sub .manage .cont1 .inner p.img {max-width: 150px;}
	.sub .manage .cont1 .inner div.txt {padding-top: 40px;}
	.sub .manage .cont1 .inner div.txt p.tit {font-size: 20px;}
	.sub .manage .cont1 .inner div.txt p.tit em.dpb {display: block;}
	.sub .manage .cont1 .inner div.txt > span {font-size: 15px; padding: 0 10%; box-sizing: border-box;}
	.sub .manage .cont1 .inner div.txt > span em.dpb {display: inline;}
	.sub .manage .cont1 p.btm {margin-top: 40px; padding: 15px 10px;line-height: 1.6;}
	.sub .manage .cont1 p.btm span {display: block;}
	.sub .manage .cont1 p.btm span:after {display: none;}
	.sub .manage .cont1 p.btm span.pic {display: inline-block;}
	.sub .manage .cont2:after {display: none;}
	.sub .manage .cont2 ul {width: 100%; margin-left: 0; margin-top: 50px;}
	.sub .manage .cont2 ul li {float: none; width: 100%; max-width: 500px; height: auto; margin: 3% auto 0; padding: 40px; border: 1px solid #eee;}
	.sub .manage .cont2 ul li i {font-size: 40px;}
	.sub .manage .cont2 ul li b {font-size: 18px;}
	.sub .manage .cont2 ul li img {height: 80px; padding: 15px 0;}
	.sub .manage .cont2 ul li span {min-height: initial; font-size: 15px; }
	.sub .manage .cont2 ul li span em.dpb {display: block;}
	
	.sub .product .rnd_cmm .top .right .box.pic img {width: auto;}

	.sub .contact .cont1 .sub_tit {font-size: 18px;}
	.sub .contact .cont2 .sub_tit {font-size: 18px;}
	
	.btnSet {padding: 50px 0 60px;}
	.btnSet a {width: 85px; height: 35px; line-height: 35px; font-size: 14px;}
	
	.sub .hr .cont1 {padding: 50px 0 60px;}
	.sub .hr .cont1:after {height: 64%;}
	.sub .hr .cont1 p.img .pc {display: none;}
	.sub .hr .cont1 p.img .mo {display: inline-block; width: auto; max-width: 100%;}
	

	.sub .incruit .cont1 .inner {padding: 0;}
	.sub .incruit .cont1 ul li {display: block; width: 100%; min-height: auto; padding: 0;}
	.sub .incruit .cont1 ul li .tit {float: left; width: 100px; margin-right: 20px; box-sizing: border-box;}
	.sub .incruit .cont1 ul li .tit img {display: inline-block; max-width: 100%;}
	.sub .incruit .cont1 ul li strong {padding: 10px 0; font-size: 15px;}
	.sub .incruit .cont1 ul li .info {float: left; width: calc(100% - 120px);}
	.sub .incruit .cont1 ul li div.info {font-size: 14px;}
	.sub .incruit .cont2 .size {padding-top: 40px;}
	.sub .incruit .cont2 ul li {float: left; width: 33.33333%; padding: 0 8px;}
	.sub .incruit .cont2 ul li img {display: ilnine-block; max-width: 100%;}
	.sub .incruit .cont2 ul li strong {font-size: 14px;}
	.sub .incruit .cont3 ul li {padding: 50px 0 30px;}
	.sub .incruit .cont4 {padding-bottom: 80px;}
	.sub .incruit .cont4 ul li {width: 48%;}
	.sub .incruit .cont4 ul li .top {padding-bottom: 15px;}
	.sub .incruit .cont4 ul li .top span {width: 50px; height: 50px; line-height: 50px;}
	.sub .incruit .cont4 ul li .top span img {display: inline-block; width: 27px;}
	.sub .incruit .cont4 ul li .top b {font-size: 16px;}
	.sub .incruit .cont4 ul li .btm {padding-top: 15px; font-size: 14px;}
	
	.sub .patent .cont1 .top h3 {font-size: 30px;}
	.sub .patent .arr {width: 82px;}
	.sub .patent .update_next {width: 40px; height: 40px;}
	.sub .patent .update_prev {width: 40px; height: 40px;}
	.sub .patent .cont2 {padding: 50px 0 60px;}
	.sub .patent .cont2 ul li {width: 23%;}
	
	.sub .product .rnd_cmm {padding: 40px 0 20px;}
	.sub .product .rnd_cmm .top {width: 100%; margin-left: 0;}
	.sub .product .rnd_cmm .top .left {float: none; width: 100%; margin-left: 0;} 
	.sub .product .rnd_cmm .top .right {float: none; width: 100%; margin-left: 0; margin-top: 20px;}
	.sub .product .cont3 .right .box .tb.pic {height: 180px; text-align: center;}
	.sub .product .cont3 .right .box .pc {display: none;}
	.sub .product .cont3 .right .box .mo {display: inline-block;}
	
	.sub .business {padding-bottom: 40px;}
	.sub .business ul.pro_list li {width: 48%;}
	
	.sub .rnd .cont1 {padding-bottom: 40px;}
	.sub .rnd .cont1 ul {max-width: 480px; margin: 0 auto;}
	.sub .rnd .cont1 ul li {width: 50%; margin-top: 30px;}

	.sub .system .sys_cmm {padding: 35px 0 50px;}
	.sub .system .sys_cmm .img p > img.pc {display: none;}
	.sub .system .sys_cmm .img p > img.mo {display: inline-block;}
} /* 768 */

@media (max-width: 640px){
	.sub .nsk .partner .contents .left p em.dpb.pic {display: inline-block;}
	.sub .nfm .contents .right .img_box {width: 100%; margin-left: 0; margin-top: -3%;}
	.sub .nfm .contents .right .img_box p {float: none; width: 100%; margin-left: 0; margin-top: 3%;}
	.sub .nfm .contents .right .txt_box .txt p {font-size: 14px;}
	
	.patent_pop .pop_close {top: -30px; width: 20px; height: 20px; }
	.patent_pop .pop_close img {display: block; width: 100%;}
	.patent_pop .cont {margin-top: -205px; margin-left: -150px; max-width: 300px; height: 410px;}
	
	.sub .product .rnd_cmm .btm strong {font-size: 18px;}
	.sub .product .rnd_cmm .btm ul {width: calc(100% + 25px);max-width: 340px; margin-left: -50px;}
	.sub .product .rnd_cmm .btm ul li {width: calc(50% - 27px); margin-left: 25px;}
	.sub .product .rnd_cmm .btm ul li .off .box {width: 140px; height: 140px;}
	.sub .product .rnd_cmm .btm ul li .off .box:before {right: -25px;}
	.sub .product .rnd_cmm .btm ul li .on .box {width: 140px; height: 140px;}
	.sub .product .rnd_cmm .btm ul li .on em {font-size: 15px;}

	.sub .business ul.pro_list li div.on p {font-size: 20px;}
	.sub .business.view {padding-bottom: 60px;}
	.sub .business.view .tit b {font-size: 28px;}
	.sub .business.view .tit span {font-size: 22px;}
	.sub .business.view ul {width: 100%; margin-left: 0;}
	.sub .business.view ul li {float: none; width: 100%; margin-left: 0; padding: 10px; box-sizing: border-box;}
	.sub .business.view table.info, .sub .business.view table.info tbody,
	.sub .business.view table.info tr, .sub .business.view table.info th, .sub .business.view table.info td {display: block;}
	.sub .business.view table.info tr th, .sub .business.view table.info tr td {padding: 15px;}
	.sub .business.view table.info tr td {font-size: 14px;}
	
	.sub table.st1 thead tr th {font-size: 13px;}
	.sub table.st1 tbody tr td {padding: 10px; font-size: 12px;}
	
	.sub .system .cont1 ul li .img {height: 145px;}
	.sub .system .cont1 ul li .img p {font-size: 18px;}
	.sub .system .cont1 ul li .img span {font-size: 16px;}
	.sub .system .cont1 ul li .txt p {font-size: 14px;}
	.sub .system .cont1 ul li .img:before {left: -31px; margin-top: -11px; width: 22px; height: 22px; background-size: 22px;}
}

@media (max-width: 540px){
	h2.main_tit {font-size: 18px;}

	.main .cont1 .info p {font-size: 28px;}
	.main .cont1 .silde {height: 100px;}
	.main .cont1 .btm .right {padding-top: 0;}

	.main .cont2 {padding: 50px 0;}
	.main .cont2 ul li .off {font-size: 45px;}
	.main .cont2 ul li .on .top > b {font-size: 40px;}
	.main .cont2 ul li .on .top > p {font-size: 18px;}
	.main .cont2 ul li.las .on .top > b {font-size: 40px;}
	

	.main .cont3 .left ul li {height: 140px;}
	.main .cont3 .left ul li span {font-size: 40px;}
	.main .cont3 .right b {font-size: 20px;}
	.main .cont3 .right span {font-size: 20px;}
	.main .cont3 .right p {font-size: 12px;}

	/* .main .cont3 {padding: 50px 0;}
	.main .cont3 .left ul li {height: 120px;}
	.main .cont3 .left ul li span {font-size: 35px;}
	.main .cont3 .right b {font-size: 26px;}
	.main .cont3 .right span {font-size: 16px;}
	.main .cont3 .right p {font-size: 12px;} */
	

	.main .cont5 .txt span {font-size: 10px;}
	.main .cont5 .txt p {font-size: 18px;}
	.main .cont5 .txt a {font-size: 15px; height: 35px; line-height: 35px;}
	.main .cont5 .left {height: 260px;}
	.main .cont5 .right {height: 230px;}

	.footer {padding: 0 20px;}

	.sub .ceo .cont2 .box {float: none; width: 100%; height: auto;}
	.sub .ceo .cont2 .right {padding: 30px;}

	.sub .core .bottom_wrap ul li {width: calc(100% - 15px); min-height: auto; padding: 20px 25px 30px;}

	.sub .network .cont1 ul li {width: 48%; height: 120px;}

	.sub .network .cont2 .left img {width: 100%;}
	.sub .network .cont2 .right ul {width: 100%; margin-left: 0;}
	.sub .network .cont2 .right ul li {width: 100%; margin-left: 0; margin-top: 5%;}
	.sub .network .cont2 .right ul li div {height: 65px;}
	
	.sub .partner .contents .left p {font-size: 18px;}
	.sub .partner .contents .right ul {width: 100%; margin-left: 0;}
	.sub .partner .contents .right ul li {width: 100%; margin-left: 0;}

	.sub .contact .cont2 input[type=text] {max-width: none;}
	
	.sub .product .cont3 .right .box .tb.pic {height: 150px; padding: 0 30px 10px;}

	.lnb.busi ul li a {font-size: 13px;}
	.sub .business ul.pro_list li div.on p {font-size: 18px; line-height: 1.3;}
	
	.sub .tech .tech_cmm .img {height: 260px;}
	.sub .tech .tech_cmm .img .bg {padding: 30px 20px;}
	.sub .tech .tech_cmm .img em {font-size: 14px;}
	.sub .tech .tech_cmm .img p {font-size: 18px;}
	.sub .tech .tech_cmm .img p em.dpb.pic {display: block;}
	.sub .tech .tech_cmm .info .btm {margin-top: 30px;}
	.sub .tech .tech_cmm .info .btm .txt {top: 10px;}
	.sub .tech .tech_cmm .info .btm .txt b {font-size: 24px;}
	.sub .tech .tech_cmm .info .top ul li {height: 110px;}

	.sub .rnd .cont1 .tit1 em.dpb.pic {display: block;}
	.sub .rnd .cont1 ul li b {font-size: 14px;}
	.sub .rnd .cont1 ul li p.img {height: 110px;}
	.sub .rnd .cont1 ul li p.img span img {display: inline-block; width: 90px;}
	
	.sub .system .cont1 ul {width: 100%; margin-left: 0; margin-top: 0;}
	.sub .system .cont1 ul li:first-child {margin-top: 0;}
	.sub .system .cont1 ul li {float: none; width: 100%; margin-left: 0; margin-top: 50px;}
	.sub .system .cont1 ul li .txt {min-height: auto;}
	.sub .system .cont1 ul li .img:before {margin-left: -11px; top: -27px; left: 50%; transform: rotate(90deg);}
}

@media (max-width: 480px){
	.bbs .gallery > ul {width: 100%; margin-left: 0; margin-top: -4%;}
	.bbs .gallery > ul > li {width: 100%; margin-left: 0; margin-top: 4%;}
	
	.sub .about .cont1 p.tit1 em.dpb {display: block;}
	
	.sub .incruit .cont1 ul li .tit {width: 90px; margin-right: 20px; }
	.sub .incruit .cont1 ul li .info {width: calc(100% - 110px);}
	.sub .incruit .cont1 ul li strong {width: 100%; font-size: 13px;}
	.sub .incruit .cont3 ul li p {margin: 15px 10px;}
	.sub .incruit .cont3 ul li p em {float: none;}
	.sub .incruit .cont3 ul li p span {float: none; display: block; margin-top: 8px;}
	.sub .incruit .cont3 ul li p span:before {display: none;}
	.sub .incruit .cont4 ul {width: 100%; margin-left: 0;}
	.sub .incruit .cont4 ul li {float: none; width: 100%; margin-left: 0; min-height: initial;}
	.sub .incruit .cont4 ul li .btm {min-height: initial;}
	
	.sub .manage .cont1 .inner {padding: 0 10px; box-sizing: border-box;}
	.sub .manage .cont1 .inner div.txt {padding-top: 20px;}
	.sub .manage .cont1 .inner div.txt p.tit {font-size: 18px;}
	.sub .manage .cont1 .inner div.txt > span {font-size: 13px; line-height: 1.6;}
	.sub .manage .cont1 p.btm {margin-top: 20px; font-size: 13px;}
	.sub .manage2 .sub_tit.st1 h3 > em {display: block;}
	
	.sub .tech .cont2 .info .btm ul li img {min-height: auto; height: 230px;}
	.sub .tech .tech_cmm .info .btm .img_box img {height: 220px;}

	.header .util > ul > li.blog > a{width:40px;height:40px;background-size: 42px;}
}

@media (max-width: 380px){
	.sub .tech .tech_cmm .info .top ul li {height: 90px;}
}