@charset "utf-8";
@media (min-width: 1201px) and (max-width: 1680px){
	.pd {
		padding-left: 50px;
		padding-right: 50px;
	}
	
	.lan li {
		margin-left: 0;
		margin-right: 25px;
		font-size: 16px;
	}

	.lan li a {
		font-size: 16px;
	}

	.top-search {
		width: 20px;
		margin-top: 5px;
	}

	.nav li {
		margin-left: 0;
	}

	.nav li a.max-nav {
		font-size: 17px;
	}

	.sub-nav a {
		font-size: 16px;
	}

	.sub-nav-products {
		width: 74.5vw;
	}
	
	.snp-list {
		width: 32vw;
	}
	
	.snpl-item h4 {
		margin-top: 0.2vw;
		font-size: 16px;
		line-height: 140%;
	}
	
	.snpl-item p a {
		width: 14.4vw;
	}

	.hc-text h3 {
		font-size: 36px;
	}
	
	.hc-text p {
		width: 65%;
		margin-top: 10px;
		font-size: 18px;
		line-height: 140%;
	}

	.home-block-title {
		font-size: 36px;
		line-height: 46px;
	}
	
	.hp-info {
		justify-content: flex-start;
	}
	
	.hpi-content p {
		margin-top: 2.6042vw;
		font-size: 15px;
		line-height: 150%;
		text-align: right;
	}

	.hpi-content a img {
		width: 66px;
	}
	
	.home-video p {
		font-size: 18px;
		line-height: 180%;
	}

	.hn-content {
		font-size: 15px;
		line-height: 150%;
	}

	.hn-cats {
		font-size: 16px;
	}
	
	.hnc-page {
		font-size: 110px;
		line-height: 110px;
	}

	.hn-item {
		padding-left: 0;
		padding-right: 50px;
	}

	.hn-item h3 {
		font-size: 36px;
	}

	.hr-title {
		width: 33vw;
		font-size: 30px;
	}
	
	.hr-box {
		width: 50vw;
	}
	
	.hr-box h4 {
		line-height: 140%;
	}

	.hrb-form {
		width: 100%;
	}
	
	.footer {
		display: flex;
		justify-content: space-between;
	}

	.ft-left {
		width: 360px;
	}
	
	.ft-info h3 {
		font-size: 22px;
		letter-spacing: 0;
		margin-bottom: 10px;
	}
	
	.ft-info p {
		width: 25vw;
		font-size: 14px;
		line-height: 180%;
	}
	
	.ft-mp {
		width: 120px;
		margin: 45px 0;
	}

	.ft-mp p {
		font-size: 16px;
	}
	
	.ft-sns a.icon_sns {
		width: 30px;
		height: 30px;
		margin-right: 12px;
	}

	.ft-right {
		width: 60vw;
	}
	
	.ft-nav {
		justify-content: space-between;
	}
	
	.ft-nav dl {
		width: 9vw;
		margin-left: 26px;
		text-align: right;
	}
	
	.ft-nav dl dt {
		font-size: 14px;
	}
	
	.ft-nav dl dd {
		font-size: 12px;
		line-height: 30px;
	}
	
	.copyright {
		font-size: 12px;
		margin-top: 0;
	}
	
	.about-cats a {
		margin: 0 18px;
		font-size: 16px;
		line-height: 42px;
	}

	.acc-title {
		margin-bottom: 15px;
		font-size: 24px;
	}
	
	.ac-content {
		margin-top: 4vw;
		font-size: 13px;
		line-height: 160%;
	}
	
	.ac-more {
		width: auto;
		padding: 0 40px;
		font-size: 18px;
	}
	
	.about-count ul li {
		margin-top: 4.3vw;
	}

	.about-count ul li h3 {
		font-size: 36px;
		margin-bottom: 0;
	}
	
	.about-count ul li p {
		width: 75%;
		margin-top: 10px;
		font-size: 18px;
		line-height: 140%;
	}
	
	.about-auth-container h3 {
		font-size: 20px;
		line-height: 150%;
	}
	
	.about-auth-container p {
		font-size: 14px;
	}

	.aac-info {
		float: right;
	}

	.aac-tag {
		width: 37vw;
		float: left;
	}
	
	.aac-tag p a {
		height: 32px;
		margin-right: 0;
		margin-left: 14px;
		font-size: 14px;
		line-height: 30px;
	}

	.awi-title {
		margin-bottom: 10px;
		font-size: 28px;
	}
	
	.awi-content {
		font-size: 16px;
		line-height: 160%;
	}
	
	.aw-icon img {
		width: 72px;
		margin: 0 auto;
	}
	
	.aw-icon p {
		width: 180px;
		font-size: 16px;
		line-height: 140%;
		text-align: center;
	}

	.awi-1 {
		left: 52.1146vw;
	}

	.awi-2 {
		left: 66.5938vw;
	}

	.about-client p {
		font-size: 18px;
		line-height: 180%;
	}

	.team-item p {
		font-size: 14px;
	}
	
	.ols-team-title {
		font-size: 36px;
		line-height: 140%;
	}

	.ols-team-subtitle {
		font-size: 24px;
		line-height: 140%;
	}

	.ols-team-info, .ols-team-honor {
		font-size: 18px;
		line-height: 150%;
	}

	.auth-cats {
		width: 16.4167vw;
		left: auto;
		right: 0;
		font-size: 18px;
	}

	.auth-title {
		font-size: 32px;
		line-height: 140%;
	}

	.auth-item {
		font-size: 14px;
		line-height: 140%;
	}
	
	.db-item {
		width: 18vw;
	}

	.dev-banner h3 {
		font-size: 18px;
	}
	
	.dev-banner p {
		font-size: 14px;
		line-height: 150%;
	}

	.di-item h3 {
		height: 34px;
		font-size: 18px;
		line-height: 34px;
	}
	
	.di-item p {
		font-size: 16px;
		line-height: 150%;
	}
	
	.tp-1 .tech-box {
		top: 35vh;
	}
	
	.tech-content {
		font-size: 16px;
		line-height: 160%;
	}
	
	.tp-5 .tech-box {
		top: 50vh;
	}


	.pc-ctrl {
		width: 16vw;
		left: 2vw;
		row-gap: 1.6vw;
	}
	
	.pc-ctrl a::before {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		top: 0;
	}
	
	.pc-ctrl a {
		padding-left: 1.6vw;
		font-size: 16px;
	}
	
	
	.pc-container {
		padding-top: 7vw;
	}

	.pc-title {
		font-size: 32px;
	}

	.pc-info {
		width: 68%;
		margin: 25px 0;
		line-height: 150%;
	}
	
	.pc-subclass {
		margin-bottom: 5vw;
	}
	
	.pc-subclass a i{
		height: 50px;
		margin-top: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		line-height: 22px;
	}

	.pc-content {
		column-gap: 1vw;
	}

	.pcc-item {
	}
	
	.pcc-item h3 {
		font-size: 17px;
	}
	
	.pcc-item p {
		font-size: 13px;
		line-height: 150%;
	}

	.pg-right {
		margin: 7vw 2vw 0 0;
	}
	
	.pg-ctrl {
		width: 12vw;
		left: 2vw;
		row-gap: 1.6vw;
	}
	
	.pg-ctrl a {
		padding-left: 1.6vw;
		font-size: 16px;
	}
	.pg-ctrl a::before {
		width: 10px;
		height: 10px;
		margin-top: 7px;
		top: 0;
	}
	
	.pg-title {
		font-size: 32px;
	}
	
	.pg-info {
		font-size: 14px;
	}

	.pg-more {
		width: auto;
	}

	.pg-params li h3 {
		font-size: 15px;
		margin-bottom: 0.2vw;
	}

	.pg-params li p {
		font-size: 12px;
	}
	
	.pg-params li p {
		font-size: 14px;
		line-height: 150%;
	}
	
	.pg-title {
		font-size: 24px;
		margin-top: 2vw;
	}
	
	.pgp-title {
		font-size: 24px;
	}
	
	.pgp-ctrl a {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 21px;
	}
	
	.pgl-item h3 {
		height: auto;
		bottom: 10px;
		font-size: 12px;
		line-height: 150%;
	}

	.pgo-content {
		font-size: 14px;
		line-height: 150%;
	}

	.pgo-content p {
		margin: 10px 0;
	}

	.pgo-content a.pgo-more {
		width: auto;
	}
	
	.alu-params-container .btn-more {
		width: 13vw;
	}
	
	.alu-cat {
		font-size: 18px;
	}
	
	.al-item a.btn-more {
		width: auto;
		font-size: 12px;
	}
	
	.alu-show-title::after {
		width: 33vw;
	}
	
	.pgo-info li {
		max-width: 190px;
	}
	
	.pgo-info li h3 {
		font-size: 17px;
	}
	
	.pgo-info li p {
		font-size: 13px;
		line-height: 150%;
	}
	
	.pg-table-container h3 {
		font-size: 28px;
	}
	
	.pg-table tr td {
		height: auto;
		padding: 0.5vw 2vw;
		text-indent: 0;
		font-size: 14px;
		line-height: 180%;
	}

	.icon-case-sift {
		margin-left: 0;
		padding: 0 0 0 18px;
		background: url(../images/svg/icon_sift.svg) no-repeat left center;
		background-size: 16px;
		font-size: 16px;
		line-height: 32px;
	}
	
	.case-cats a {
		margin: 5px 14px 0 14px;
		padding: 0;
		font-size: 12px;
	}
	
	.list-ctrl a {
		font-size: 16px;
	}
	
	.case-search input {
		font-size: 16px;
	}
	
	.case-item p {
		padding: 0 1vw;
		bottom: 1vw;
		font-size: 13px;
		line-height: 140%;
	}
	
	.case-item p a {
		font-size: 13px;
		line-height: 140%;
	}
	
	.cs-title {
		font-size: 24px;
		line-height: 150%;
	}

	.cs-params {
		margin-top: 20px;
	}
	
	.csp-item h3 {
		font-size: 24px;
		line-height: 42px;
	}
	
	.csp-item h5 {
		font-size: 14px;
		line-height: 21px;
	}
	
	.cs-content {
		font-size: 16px;
		line-height: 150%;
	}
	
	.csr-title {
		font-size: 28px;
	}

	.csr-more {
		margin: 15px 0 40px 0;
		font-size: 16px;
	}

	.csrl-ctrl .pages {
		left: 0;
	}
	
	.nb-cats li {
		height: 80px;
		justify-content: center;
	}
	
	.nb-cats li.on {
		height: 100px;
	}

	.nb-cats li h3 {
		font-size: 16px;
		line-height: 28px;
	}

	.ns-title {
		font-size: 24px;
	}
	
	.ns-tag {
		font-size: 15px;
		line-height: 24px;
	}

	.ns-content {
		font-size: 14px;
		line-height: 180%;
	}

	.no-page {
		font-size: 14px;
	}

	.cli-zone {
		font-size: 20px;
	}

	.cli-company {
		font-size: 14px;
		line-height: 160%;
	}

	.cli-address {
		font-size: 14px;
		line-height: 160%;
	}

	.cli-info {
		height: 48px;
		font-size: 18px;
		line-height: 48px;
	}

	.cli-info span {
		font-size: 16px;
	}

	.jl-title a, .jl-title b {
		font-size: 18px;
	}

	.jl-title span {
		font-size: 16px;
	}

	.job-list li p {
		font-size: 16px;
	}

	.jso-back, .jso-share-title {
		font-size: 18px;
	}

	.jsh-upload a.btn-tag {
		font-size: 14px;
	}

	.jsh-upload-btn {
		width: 310px;
		height: 34px;
	}

	.jsh-info {
		font-size: 16px;
	}

	.jc-title {
		font-size: 24px;
		line-height: 150%;
	}

	.jc-info {
		font-size: 14px;
		line-height: 160%;
	}

	.jc-contact ul li {
		width: 17.5vw;
		font-size: 14px;
	}
	
	.jc-contact ul li.lg {
		width: auto;
	}

	.qai-title h3 {
		font-size: 20px;
		line-height: 50px;
	}

	.qai-content {
		margin-bottom: 24px;
		line-height: 180%;
	}

	.btn-tag {
		height: 34px;
		font-size: 14px;
		line-height: 34px;
	}
	
	.welfare-title {
		font-size: 3.5vw;
		line-height: 150%;
	}
	
	.welfare-subtitle {
		font-size: 3vw;
		line-height: 150%;
	}

	.welfare ul {
		top: 35vw;
	}
	
	.welfare ul li h3 {
		height: auto;
		margin-bottom: 1.5vw;
		line-height: 140%;
	}

	.tp-1 .tech-svg-img {
		top: -1.5vw;
	}

	.tp-1 .tech-box {
		top: 35vh;
	}

	.tech-content {
		font-size: 16px;
		line-height: 150%;
	}

	.tp2-container {
		padding-top: 7.5vw;
	}

	.tp2-tab-title-box {
		margin-bottom: 1vw;
	}

	.tp2-tab-title {
		font-size: 14px;
	}

	.tp-3 .tech-box {
		top: 35vh;
	}

	.pages span {
		margin: 0 12px;
	}

	.pages a {
		margin: 0 12px;
	}

	.tp2-ctrl {
		bottom: 45px;
	}

	.tp-3 .tech-svg-img {
		top: -60px;
	}

	.tp-5 .tech-box {
		top: 50vh;
		left: 5vw;
	}

	/* ar */
	.list-ctrl a svg {
		margin-left: 8px;
		margin-right: 0;
	}

	.auth-title {
		margin-top: 16px;
	}

	.auth-cats {
		width: 100%;
	}

	.contact-banner-info .icon_sns {
		margin-left: 18px;
		margin-right: 0;
	}

	.jc-qrcode {
		margin: 0;
	}

	.jl-title img {
		margin-right: 0;
		margin-left: 15px;
	}

	.close-sift-box {
		left: 15px;
		right: auto;
	}

	.sift-box dl dd span {
		margin-left: 30px;
		margin-right: 0;
	}

	.icon-case-sift {
		margin-right: 28px;
		padding: 0 32px 0 0;
		background-position-x: right;
		background-size: 22px;
		font-size: 16px;
	}

	.case-cats a {
		margin: 0px 10px;
	}

	.csp-item h3 {
		font-size: 18px;
		line-height: 200%;
	}

	.csp-item h5 {
		font-size: 16px;
		line-height: 150%;
	}

	.pg-ctrl a {
		padding-left: 0;
		font-size: 14px;
	}

	.pgp-title {
		font-size: 20px;
	}

	.pg-title {
		font-size: 20px;
		line-height: 60px;
	}

	.pg-params li h3.s {
		font-size: 15px;
	}

	.pg-params li p {
		font-size: 12px;
	}

	.alu-list-container {
		padding-left: 2.7vw;
		padding-right: 14.3vw;
	}

	.alu-cat {
		font-size: 14px;
	}

	.alu-show-title::after {
		width: 37.8vw;
	}

	.al-item p {
		height: 60px;
		margin-bottom: 10px;
		line-height: 15px;
	}
	
	.al-item a.btn-more {
		height: 24px;
		line-height: 22px;
	}

	.tech-title {
		font-size: 26px;
	}
	
	.tech-title span {
		font-size: 22px;
	}

	.tp-1-lg-bg {
		margin: -1vw 0 0 -2vw;
	}

	.tp-3-lg-bg {
		top: -2vw !important;
	}

	.tp4-box h3 {
		margin-bottom: 2vw;
		font-size: 22px;
		line-height: 26px;
	}

	.tp-5 .tech-box {
		left: 0;
		padding-right: 4vw;
	}
}