@charset "utf-8";
@media (min-width: 769px) and (max-width: 1200px){

	.pd{
		padding-left: 35px;
		padding-right: 35px;
	}

	.main {
		width: 900px;
	}

	/*---------------- public ----------------*/
	
	/* btn */
	.btn{
		width: 240px;
		height: 52px;
		border: 2px solid #927e52;
		font-size: 24px;
	}

	.btn-more {
		width: 120px;
		height: 34px;
		border-radius: 5px;
		font-size: 16px;
		line-height: 32px;
	}

	.btn-shadow {
		height: 34px;
		padding: 0 28px;
		margin: 10px 0;
		border-radius: 18px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
		font-size: 14px;
		line-height: 34px;
	}

	.btn-tag {
		height: 30px;
		padding: 0 15px;
		font-size: 13px;
		line-height: 30px;
	}

	/* cats */
	.cats {
		height: 56px;
	}

	.cats a {
		margin-top: 15px;
		font-size: 18px;
	}

	.list-ctrl a {
		font-size: 14px;
		line-height: 26px;
	}

	.list-ctrl a:nth-child(1) {
		margin-right: 28px;
	}

	.list-ctrl a svg {
		width: 14px;
		margin-right: 8px;
	}

	.pl-item {
		height: 78px;
		margin-bottom: 12px;
		padding: 0 40px 0 32px;
		border-radius: 15px;
	}

	.pl-item i {
		width: 35px;
		height: 35px;
	}

	.pl-item h3 {
		flex: 1;
		padding: 0 30px;
	}

	.pl-item h3 a:nth-child(2) {
		margin-left: 35px;
	}

	.pl-item h3 a {
		color: #595757;
		font-size: 21px;
	}

	.pli-more {
		padding: 0 50px 0 0;
		background: url(../images/svg/arrow_news_more.svg) no-repeat right center;
		background-size: auto 18px;
		opacity: 0;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
	}

	.pl-item:hover .pli-more {
		opacity: 1;
	}


	/* pages */
	.pages {
		width: 100%;
		height: 60px;
		margin: 0 0 40px 0;
		font-size: 18px;
		line-height: 60px;
	}

	.pages span {
		margin: 0 12px;
	}

	.pages a {
		width: 14px;
		height: 26px;
		margin: 4px 12px 0 12px;
		display: inline-block;
		background: no-repeat 0 0;
		background-size: 100%;
	}



	/*---------------- over layer show ----------------*/
	.over-layer-show {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(89, 87, 87, 0.55);
		opacity: 0;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		display: none;
	}

	.over-layer-show.show {
		opacity: 1;
	}

	.ols-container {
		width: 76.5vw;
		height: 76.5vh;
		padding: 4.2vw;
		position: relative;
		background: #ffffff;
		border-radius: 15px;
	}

	.ols-close {
		width: 3.125vw;
		height: 3.125vw;
		display: block;
		position: absolute;
		right: 4.2vw;
		top: 4.2vw;
		background: url(../images/svg/close.svg) no-repeat 0 0;
		background-size: 100%;
		z-index: 9999;
	}

	.ols-close.xs {
		display: none;
	}

	.ols-content {
		width: 66.8vw;
		height: calc(76.5vh - 3.5vw - 8.4vw);
		margin-top: 3.5vw;
	}

	.ols-content img {
		max-width: 100%;
	}

	.ols-images .ols-close {
		right: 48.4375vw;
		top: auto;
		bottom: 5vh;
	}

	.ols-images-container {
		width: 80vw;
		height: 68.5vh;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 10vh;
	}

	.ols-images-container img {
		max-width: 100%;
		max-height: 100%;
		display: block;
	}


	/*---------------- header ----------------*/
	.header {
		height: 80px;
	}

	.logo {
		margin: 25px 0 0 0;
	}

	.logo a {
		width: 160px;
		height: 38px;
	}

	.lan {
		margin-top: 30px;
	}

	.lan li {
		margin-left: 25px;
		font-size: 15px;
		line-height: 25px;
	}

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

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

	.nav {
		margin-top: 30px;
	}

	.nav li {
		height: 55px;
		margin-left: 25px;
	}

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

	.sub-nav {
		padding: 10px 20px 12px 20px;
		top: 45px;
	}

	.sub-nav a {
		padding: 0 8px 5px 8px;
		font-size: 15px;
		line-height: 35px;
	}

	.sub-nav a::after {
		height: 2px;
	}

	.sub-nav-products {
		width: 62.5vw;
		height: calc(100vh - 80px);
		padding: 3vw 4.2vw;
		padding-right: 2vw;
		top: 80px;
	}

	.snp-list {
		width: 24vw;
	}

	.snpl-title {
		margin: 0 0 25px 0;
		font-size: 18px;
	}

	.snpl-item{
		margin: 45px 0 0 0;
	}

	.snpl-item:nth-child(2) {
		margin: 0;
	}

	.snpl-item img {
		width: 13.28vw;
		margin: 0 1.3vw 0 0;
	}

	.snpl-item h4 {
		margin-bottom: 0.9vw ;
		font-size: 15px;
	}

	.snpl-item p a {
		width: 9.2vw;
		height: 2vw;
		margin: 0 0 0.82vw 0;
		border-radius: 1vw;
		font-size: 11px;
		line-height: 2vw;
	}

	/*---------------- footer ----------------*/
	.footer {
		padding-top: 40px;
		padding-bottom: 0;
	}

	
	.ft-bottom {
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.ft-right {
		width: 58vw;
	}

	.ft-info h3 {
		margin: 0 0 10px 0;
		font-size: 18px;
		letter-spacing: 6px;
	}

	.ft-info p {
		font-size: 14px;
		line-height: 24px;
	}

	.ft-mp {
		width: 120px;
		margin: 30px 0 30px 0;
	}

	.ft-mp p {
		font-size: 18px;
	}

	.ft-sns a.icon_sns {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.ft-nav dl {
		margin-left: 30px;
		text-align: center;
	}

	.ft-nav dl:nth-child(1) {
		margin-left: 0;
	}

	.ft-nav dl dt {
		margin: 0 0 10px 0;
		font-size: 14px;
	}

	.ft-nav dl dd {
		font-size: 12px;
		line-height: 30px;
	}

	.copyright {
		margin-top: 0;
		font-size: 11px;
		text-align: center;
		line-height: 30px;
	}


	/*---------------- banner ----------------*/
	
	.swiper-page {
		bottom: 40px;
	}

	.white-banner {
		height: 80px;
		background: #ffffff;
	}

	/*---------------- home ----------------*/
	.home-block-title {
		font-size: 30px;
		line-height: 40px;
	}

	.home-block-title span {
		font-size: 24px;
	}

	/* home count */
	.hc-text h3 {
		font-size: 30px;
	}

	.hc-text p {
		font-size: 18px;
		line-height: 42px;
	}

	/* home products */
	.hp-info {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.hpi-content p {
		margin-top: 20px;
		font-size: 14px;
		line-height: 26px;
	}

	.hpi-content a {
		float: right;
		margin-top: 50px;
	}

	.hpi-content a img {
		width: 40px;
	}


	.hp-pic a {
		font-size: 18px;
	}

	/* home video */
	.home-video {
		padding-top: 0;
		padding-bottom: 50px;
	}

	.home-video p {
		margin: 40px 0 40px 0;
		font-size: 16px;
		line-height: 26px;
	}

	/* home news */
	.home-news {
		background-size: 100%;
	}

	.hn-content {
		margin: 40px 0 0 0;
		font-size: 14px;
		line-height: 26px;
	}

	.hn-cats {
		width: 100%;
		height: 100px;
		margin: 80px auto 80px auto;
		padding: 26px 0 0 0;
		font-size: 18px;
	}

	.hnc-page {
		font-size: 100px;
		line-height: 100px;
	}

	.hnc-arrow {
		margin-top: 24px;
	}

	.hnc-arrow a {
		width: 50px;
		height: 38px;
	}

	.hnc-arrow a.hnc-prev {
		margin-right: 40px;
	}

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

	.hn-item h3 {
		font-size: 30px;
		line-height: 60px;
	}

	.hn-item h4 {
		height: 48px;
		font-size: 16px;
	}

	.hn-item p {
		height: 66px;
		margin: 12px 0 30px 0;
		font-size: 14px;
		line-height: 22px;
	}

	/* home rss */
	.home-rss {
		width: 900px;
		margin: 55px auto 95px auto;
	}

	.hr-title {
		font-size: 28px;
	}

	.hr-box h4 {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.hrb-form {
		width: 510px;
		height: 62px;
	}

	.hrb-form input {
		width: 350px;
		font-size: 16px;
		line-height: 62px;
	}

	.hrb-form a {
		width: 46px;
		height: 46px;
		background-size: 25px;
	}


	/*---------------- about ----------------*/
	.about-cats {
		height: 55px;
	}

	.about-cats a {
		margin: 0 20px;
		font-size: 16px;
		line-height: 40px;
	}

	.ac-banner .pages {
		margin-top: 0.5vw;
	}

	.ac-content {
		margin-top: 5vw;
		font-size: 14px;
		line-height: 21px;
	}

	.acc-title {
		margin: 0 0 20px 0;
		font-size: 24px;
		line-height: 150%;
	}

	.ac-more {
		width: 17.1875vw;
		height: 6.875vw;
		left: 35vw;
		top: 40vw;
		font-size: 18px;
	}

	/* about count */
	.about-count {
		height: 28.9vw;
		padding: 0 5.2vw;
	}


	.about-count ul li {
		width: 20vw;
		margin-top: 4vw;
	}

	.about-count ul li h3 {
		margin-bottom: 10px;
		font-size: 30px;
		line-height: 120%;
	}

	.about-count ul li p {
		font-size: 18px;
		line-height: 120%;
	}

	/* about auth container */
	.about-auth-container h3 {
		margin-bottom: 12px;
		font-size: 18px;
		line-height: 120%;
	}

	.about-auth-container p {
		font-size: 14px;
		line-height: 200%;
	}

	.aac-info {
		width: 32vw;
		float: left;
	}

	.aac-tag {
		width: 45vw;
		float: right;
	}

	.aac-tag p a {
		height: 28px;
		margin: 0 14px 14px 0;
		padding: 0 10px;
		border-radius: 14px;
		font-size: 11px;
		line-height: 26px;

	}

	.aac-banner .pages a svg {
		width: 14px;
	}

	/* about worth */
	.aw-title {
		left: 57vw;
		top: 2vw;
		font-size: 30px;
	}

	.aw-info {
		width: 32vw;
	}

	.awi-title {
		margin: 0 0 18px 0;
		font-size: 22px;
		line-height: 120%;
	}

	.awi-content {
		margin: 0 0 4.6875vw 0;
		font-size: 14px;
		line-height: 150%;
	}

	.aw-icon img {
		width: 60px;
	}

	.aw-icon p {
		margin: 5px 0 0 0;
		font-size: 14px;
		line-height: 200%;
	}

	/* about client */
	.about-client p{
		margin: 40px 0 30px 0;
		font-size: 16px;
		line-height: 26px;
	}

	.about-client img {
		max-width: 90%;
		margin: 0 auto 80px auto;
	}

	/*---------------- team ----------------*/
	.team-item p {
		margin: 15px 0 0 0;
		font-size: 14px;
		line-height: 21px;
	}

	/* team show */
	.ols-team {
		font-size: 16px;
		line-height: 24px;
	}


	.ols-team-title {
		font-size: 30px;
	}

	.ols-team-subtitle {
		margin: 15px 0 25px 0;
		font-size: 20px;
		line-height: 120%;
	}

	.ols-team-info {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 24px;
	}

	.ols-team-honor {
		font-size: 16px;
		line-height: 24px;
	}


	/*---------------- history ----------------*/
	.history {
		height: 1260px;
		height: 65.625vw;
		height: auto;
		background: url(../images/history_bg.png) no-repeat left bottom;
		background-size: cover;
	}

	.history-title {
		margin: 4vw auto 0 auto;
		font-size: 30px;
		line-height: 40px;
	}

	.history-title span{
		font-size: 24px;
	}

	.history-list {
		width: 91.4063vw;
		margin: 0 auto 3.9063vw auto;
		padding-top: 10.4167vw;
	}

	.history-list::before {
		width: 87.5vw;
		height: 2px;
		top: 10.73vw;
	}
	
	.hil-arrow {
		width: 16px;
		top: 9.6vw;
	}

	.hil-prev {
		left: 0;
	}

	.hil-next {
		right: 0;
	}

	.hil-arrow svg {
		width: 100%;
		display: block;
		fill: #595757;
	}

	.hil-arrow:hover svg {
		fill: #f4d925;
	}

	
	.history-list .swiper-container {
		width: 90vw;
		margin: 0 auto;
	}

	.history-item {
		width: 345px;
		width: 18vw;
		height: auto;
		float: left;
	}

	.hi-year {
		padding: 0 1.6vw;
		margin: 0 0 30px 0;
		margin: 0 0 1.5625vw 0;
		font-size: 24px;
		line-height: 120%;
	}

	.hi-year span {
		padding-top: 25px;
		padding-top: 1.3021vw;
	}

	.hi-year span::before {
		width: 10px;
		height: 10px;
		margin-left: -5px;
		top: 0;
	}


	.hi-content {
		height: 34.1146vw;
	}

	.hic-box {
		margin-bottom: 4vw;
	}

	.hic-box p{
		font-size: 14px;
		line-height: 21px;
	}

	/*---------------- auth ----------------*/
	.auth {
		min-height: 46vw;
		padding: 45px 0 55px 0;
		padding: 2.3438vw 0 2.8646vw 0;
	}

	.auth-left {
		width: 25.7813vw;
	}

	.auth-cats {
		width: 12vw;
		font-size: 14px;
		line-height: 200%;
	}

	.auth-cats a {
		padding-right: 20px;
	}

	.auth-cats a:hover, .auth-cats a.on {
		background: url(../images/icon_qa_open.png) no-repeat right center;
		background-size: 13px;
		color: #f4d925;
	}

	.auth-left .pages {
		margin: 10px 0 0 0;
	}

	.auth-right {
		width: 61.5vw;
		margin-right: 6.25vw;
	}


	.auth-title {
		margin: 6px 0 25px 0;
		font-size: 24px;
		line-height: 120%;
	}


	.auth-item {
		font-size: 12px;
		line-height: 150%;
	}

	.auth-item p {
		height: 64px;
		margin: 15px 0 0 0;
	}


	/*---------------- dev ----------------*/
	.dev-banner {
		width: 88vw;
		left: 6vw;
		bottom: 4.1667vw;
		line-height: 42px;
	}

	.dev-banner h3 {
		font-size: 18px;
	}

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

	.dev-container {
		width: 75.5208vw;
		margin: 5.2083vw auto;
	}

	.dev-title {
		margin: 2vw 0 1.3021vw 0;
		font-size: 21px;
		line-height: 28px;
	}

	.dev-info {
		font-size: 14px;
		line-height: 21px;
	}

	.dev-icon-box {
		column-gap: 9.3vw;
		column-gap: 0;
	}

	.di-item {
		width: 17.8vw;
		width: 19.5vw;
	}

	.di-item h3 {
		height: 30px;
		padding: 0 22px;
		border-radius: 15px;
		font-size: 16px;
		line-height: 30px;
	}

	.di-item img {
		width: 80px;
		margin: 28px 0 20px 0;
	}

	.di-item p {
		font-size: 13px;
		line-height: 22px;
	}

	/* show */

	.ols-dev-tag {
		padding-left: 22px;
		background-size: 16px;
		font-size: 14px;
	}

	.ols-dev-title {
		margin: 10px 0 25px 0;
		font-size: 24px;
	}

	.ols-dev-title span {
		margin-right: 15px;
	}

	.ols-dev-info {
		margin-bottom: 40px;
		font-size: 14px;
		line-height: 21px;
	}

	.ols-content-editor {
		font-size: 14px;
		line-height: 21px;
	}



	/*---------------- tech ----------------*/

	.tech .swiper-page {
		width: 20px;
		top: 80px;
	}

	.tech .swiper-page  .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}

	.tech .swiper-page  .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 14px;
		height: 14px;
	}

	.tech-page {
		width: 100%;
		height: 110vh !important;
		background: #f7f6f5;
	}

	.tech-bg {
		margin-top: 0;
	}

	.tech-box {
		width: 37.5vw;
		margin-top: 0;
	}

	.tech-title {
		font-size: 30px;
		line-height: 40px;
	}

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

	.tech-content {
		font-size: 13px;
		line-height: 160%;
	}

	.tech-svg-img {
		height: 56.25vw;
		margin-top: -28.125vw;
		top: 42%;

	}

	/* tp1 */
	.tp-1 .tech-box {
		left: 4vw;
		top: 24.5vh;
	}

	/* tp2 */
	.tp2-container {
		width: 86vw;
		height: 100vh;
		padding: 14vw 0 0 0;
	}

	.tp2-container::before {
		width: 32vw;
		height: 18vw;
		left: 46vw;
		top: 6vw;
	}

	.tp2-tab-title {
		height: 28px;
		border-radius: 14px;
		font-size: 14px;
		line-height: 28px;
	}

	.tp2-tab-title i {
		border-radius: 15px;
	}

	.tp2-tab-title a {
		padding: 0 25px;
		margin-left: 20px;
		border-radius: 15px;
	}

	.tp2-tab-title-box {
		width: 70vw;
	}

	.tp2-tab-banner .swiper-container {
		width: 70vw;
	}

	.tp2-tab-banner p {
		height: 30px;
		margin-top: 15px;
		font-size: 15px;
		line-height: 30px;
	}

	.tp2-ctrl {
		width: 16vw;
		height: 74px;
		bottom: 45px;
	}

	/* tp3 */
	.tp-3 .tech-box {
		left: 4vw;
		top: 29vh;
	}

	/* tp4 */
	.tp4-container {
		width: 92.6vw;
		padding-top: 0;
		margin-top: -20px;
	}


	.tp4-box h3 {
		margin-bottom: 4vw;
		font-size: 28px;
		line-height: 32px;
	}

	.tp4-banner p {
		width: 100%;
		height: 3.6vw;
		font-size: 16px;
		line-height: 3.6vw;
		text-align: center;
	}

	.tp4-ctrl {
		width: 15vw;
		height: 4.28vw;
		margin-left: 4.21875vw;
	}

	.tp4-ctrl .pages {
		margin: 0;
		font-size: 18px;
	}

	.tp4-ctrl .pages a {
		width: 12px;
		margin-top: 8px;
	}

	/* tp5 */
	.tp-5 .tech-bg {
		margin-top: -60px;
	}

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

	.tp-5 .tech-svg-img {
		height: 100%;
	}

	/*---------------- products category ----------------*/

	.pc-container {
		padding-top: 2vw;
	}

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

	.pc-title img {
		margin: 0 auto 5px auto;
	}

	.pc-1 .pc-title img {
		width: 42px;
	}

	.pc-2 .pc-title img {
		width: 64px;
	}

	.pc-info {
		margin: 40px 0 45px 0;
		font-size: 15px;
	}

	.pc-subclass {
		width: 40vw;
		margin-top: 2vw;
		margin-bottom: 8vw;
	}

	.pc-subclass a {
		font-size: 18px;
		border-radius: 10px;
	}

	.pcc-item h3 {
		margin-bottom: 0.5vw;
		font-size: 20px;
		line-height: 120%;
	}

	.pcc-item p {
		font-size: 14px;
		line-height: 200%;
	}

	/* pc ctrl */
	.pc-ctrl {
		left: 30px;
	}

	.pc-ctrl a {
		font-size: 15px;
	}

	.pc-ctrl a::before {
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}

	.pc-2 .pc-content {
		width: 68vw;
	}

	/*---------------- products page ----------------*/

	.pg-ctrl {
		left: 30px;
	}

	.pg-ctrl a {
		font-size: 15px;
	}

	.pg-ctrl a::before {
		width: 12px;
		height: 12px;
		margin-top: -6px;
	}

	/* pg content */

	.pg-left {
		width: 28.125vw;
		margin-top: 0;
	}

	.pg-title {
		font-size: 28px;
		line-height: 120%;
	}

	.pg-info {
		margin: 1vw 0 1.3vw 0;
		font-size: 14px;
		line-height: 180%;
	}

	.pg-more {
		width: 100px;
		height: 30px;
		border-radius: 15px;
		font-size: 14px;
		line-height: 28px;
	}

	.pg-params {
		margin-top: 4vw;
	}

	.pg-params li {
		width: 11.875vw;
		height: 7.2vw;
	}

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

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

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

	/* products page process */

	.pgp-title {
		margin-bottom: 1.0417vw;
		font-size: 28px;
	}

	.pgp-ctrl a{
		display: block;
		color: #595757;
		font-size: 14px;
		line-height: 32px;
	}

	.pages a.btn-process-case {
		margin: 0 0 0 10px;
		font-size: 14px;
	}

	.pages a.btn-process-case svg {
		width: 14px;
		margin: 6px 0 0 6px;
	}

	/* pg list */
	.pg-list {
		margin-top: 8vw;
	}

	.pgl-item h3 {
		font-size: 14px;
	}

	/* alu */
	.alu-params-container .btn-more {
		width: 6.7708vw;
		height: 34px;
		border-radius: 10px;
		font-size: 15px;
		line-height: 32px;
	}

	/* alu list */
	.alu-list-container {
		padding: 6vw 2.7vw 0 14.3vw;
	}

	.alu-list {
		width: 16.6vw;
		height: 100vh;
		height: 80vh;
		margin-top: 3vh;
	}

	.alu-list .alu-scroll {
		height: calc(80vh - 3.75vw);
		padding: 0 1.5625vw;
	}

	.alu-cat {
		height: 2vw;
		padding: 0 1.8vw;
		font-size: 13px;
		line-height: 2vw;
	}


	.al-item h3 {
		margin-top: 5px;
		height: auto;
		font-size: 14px;
		line-height: 150%;
	}

	.al-item p {
		height: 54px;
		font-size: 12px;
		line-height: 18px;
	}

	.al-item a.btn-more {
		width: 7.4vw;
		height: 28px;
		margin-top: 0;
		margin-bottom: 0;
		border-radius: 14px;
		font-size: 11px;
		line-height: 26px;
	}


	/* alu case show */
	.ash-params h3 {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 120%;
	}

	.ash-params ul li {
		font-size: 14px;
	}

	.alu-show-title {
		font-size: 18px;
	}

	.alu-show-title img {
		width: 20px;
		margin-right: 15px;
	}

	.alu-show-table table tr th {
		font-size: 14px;
	}

	.alu-show-table table tr td {
		font-size: 14px;
	}

	/*---------------- products other ----------------*/

	.pg-other-container {
		height: 100vh;
		left: 20vw;
		padding-top: 80px;;
	}
	
	.pg-other-container.sm-long {
		width: 76vw;
		left: 15vw;
	}

	.pgo-content {
		width: 60vw;
		font-size: 14px;
		line-height: 28px;
	}

	.pgo-content b, .pgo-content strong {
		font-size: 28px;
	}

	.pgo-content a.pgo-more {
		width: 110px;
		height: 32px;
		margin: 0px 15px 0 0;
		border-radius: 18px;
		font-size: 14px;
		line-height: 32px;
	}

	.pgo-info li h3 {
		font-size: 18px;
		line-height: 120%;
	}

	.pgo-info li p {
		font-size: 13px;
		line-height: 200%;
	}

	.pg-table-container h3 {
		margin-top: 2vw;
		margin-bottom: 2.3vw;
		font-size: 28px;
	}

	.pg-table tr th {
		font-size: 14px;
	}

	.pg-table tr td {
		height: 3.6vw;
		font-size: 14px;
		text-indent: 3.5vw;
	}


	/* home */
	.pg-home-container {
		width: 54vw;
		padding-top: 6vw;
		left: 23vw;
	}

	.pg-home-title {
		font-size: 32px;
	}

	.slide-scroll-box {
		margin-top: 80px;
	}


	.pg-dot {
		width: 18px;
		height: 18px;
		padding: 10px;
	}

	.pg-dot::before {
		width: 18px;
		height: 18px;
		left: 10px;
		top: 10px;
	}

	.pg-dot p {
		width: 500px;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
	}


	/*---------------- case ----------------*/
	.case-banner {
		bottom: 8vw;
	}

	.case-banner h3 {
		margin-bottom: 8px;
		font-size: 30px;
	}

	.case-banner p {
		width: 500px;
		font-size: 16px;
		line-height: 28px;
	}

	.case-class {
		height: 105px;
		padding: 20px 0 0 0;
		background: #f0f0f0;
	}

	.show-case-class {
		margin-top: 80px;
	}

	.case-container .public-list {
		width: 1100px;
		margin-top: 90px;
		display: none;
		opacity: 0;
	}
	
	.case-search {
		width: 150px;
		height: 26px;
		margin-left: 28px;
		padding: 0 12px;
		border-radius: 13px;
	}
	
	.case-search input {
		width: 100px;
		font-size: 13px;
	}
	
	.case-search a {
		padding-left: 10px;
	}
	
	.case-search a svg {
		width: 16px;
		margin: 4px 0 0 0;
	}

	.icon-case-sift {
		margin-left: 28px;
		padding: 0 0 0 24px;
		background: url(../images/svg/icon_sift.svg) no-repeat left center;
		background-size: 20px;
		font-size: 14px;
		line-height: 28px;
	}

	.sift-box {
		width: 70vw;
	}


	.sift-box dl dt {
		font-size: 16px;
	}

	.sift-box dl dd {
		margin-bottom: 5px;
		font-size: 14px;
	}

	.sift-box dl dd span {
		margin-right: 20px;
		display: inline-block;
	}

	.sift-box a.btn-tag {
		margin: 5px 0;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
	}
	
	.case-cats {
		margin-top: 10px;
	}
	
	.case-cats a {
		margin: 0 10px;
		padding: 0 3px;
		font-size: 14px;
		line-height: 32px;
	}
	
	
	/* case list pic */
	.case-item p {
		bottom: 14px;
		line-height: 16px;
	}

	.case-item p a {
		font-size: 12px;
		line-height: 16px;
	}
	
	.case-container .pages {
		margin: 35px 0 25px 0;
	}
	

	/* case show */
	.case-show-container {
		margin: 60px auto;
	}

	.cs-title {
		font-size: 24px;
		line-height: 120%;
	}

	.cs-params {
		margin-top: 25px;
		row-gap: 25px;
	}

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

	.csp-item h5 {
		font-size: 14px;
		line-height: 28px;
	}

	.cs-btn {
		margin: 15px 0 0 0;
	}

	.cs-btn a {
		height: 30px;
		font-size: 14px;
		line-height: 28px;
	}

	.cs-content {
		margin: 35px 0 0 0;
		padding: 25px 0 0 0;
		font-size: 16px;
		line-height: 150%;
	}

	/* cs rec */
	.cs-rec {
		margin-top: 40px;
	}

	.csr-title {
		font-size: 28px;
	}

	.csr-more {
		margin: 15px 0 45px 0;
		font-size: 18px;
		line-height: 120%;
	}

	.csrl-ctrl .pages {
		left: -10px;
		bottom: -10px;
	}


	.cs-back {
		margin: 55px 0 0 0;
	}

	/*---------------- news ----------------*/
	.news-banner {
		margin-top: 80px;
	}


	.news-banner-cats {
		padding: 180px 0 0 0;
	}


	.nb-cats {
		width: 100%;
		height: 8.8542vw;
	}


	.nb-cats li {
		width: 200px;
		height: 100px;
		padding: 10px 15px;
	}

	.nb-cats li h4 {
		font-size: 14px;
		line-height: 24px;
	}

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

	.nb-cats li svg {
		width: 20px;
	}


	.nb-cats li.on {
		height: 120px;
	}

	/* news-year */
	.news-year {
		height: 28px;
		margin: 40px 0;
		border-radius: 14px;
	}

	.news-year a {
		width: 34px;
	}

	.news-year a svg {
		width: 9px;
	}

	.ny-item {
		border-radius: 14px;
		font-size: 14px;
		line-height: 28px;
	}

	/* news-list */
	.news-list {
		column-gap: 18px;
		row-gap: 25px;
	}

	.news-item {
		width: 288px;
		height: 330px;
		box-sizing: border-box;
	}

	.ni-info {
		padding: 15px 20px;
	}


	.ni-info h4 {
		padding: 0 0 10px 0;
		font-size: 14px;
	}

	.ni-info h4::after {
		width: 10px;
		height: 1px;
		bottom: 5px;
	}

	.ni-info h3 {
		height: 72px;
	}

	.ni-info h3 a {
		font-size: 15px;
		line-height: 22px;
	}

	.ni-info h5 a {
		font-size: 14px;
		line-height: 21px;
	}


	.ni-info h5 a svg {
		width: 20px;
		margin: 6px 0 0 10px;
	}

	.news-more-box {
		margin: 34px 0 70px 0;
	}

	/* news pdf */
	.news-subcats {
		height: 28px;
		margin: 40px 0;
		border-radius: 15px;
	}

	.news-subcats a {
		width: 130px;
		height: 100%;
		border-radius: 14px;
		font-size: 14px;
		line-height: 28px;
	}



	.news-company-list {
		column-gap: 18px;
		row-gap: 25px;
	}

	.ncl-item {
		width: 288px;
		height: 480px;
		height: auto;
	}

	.ncl-info {
		padding: 15px 20px;
	}

	.ncl-info h4 {
		padding: 0 0 15px 0;
		font-size: 14px;
	}

	.ncl-info h4::after {
		width: 12px;
		height: 1px;
		bottom: 5px;
	}

	.ncl-info h3 {
		height: 44px;
		margin-bottom: 15px;
	}

	.ncl-info h3 a {
		font-size: 15px;
		line-height: 22px;
	}

	.ncl-info h5 a {
		font-size: 14px;
		line-height: 21px;
	}

	.ncl-info h5 a svg.ncl-arrow {
		height: 14px;
		margin: 12px 0 0 10px;
	}

	.ncl-info h5 a svg.ncl-video {
		height: 32px;
	}

	.ncl-info h5 a svg.ncl-pdf {
		height: 28px;
	}

	.ncl-info h5 a svg.ncl-arrow.ncl-pdf-arrow {
		margin-top: 7px;
	}

	/* news pdf */
	.news-company-list.ncl-pdf .ncl-info h5 a svg.ncl-arrow {
		margin-top: 10px;
	}

	/* news show */
	.news-show {

	}

	.ns-title {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.ns-tag {
		display: flex;
		align-items: center;
		font-size: 16px;
		line-height: 24px;
	}

	.ns-tag span {
		margin: 0 35px 0 0;
	}

	.ns-tag svg {
		width: 16px;
		margin: 0 8px 0 0;
		fill: #595757;
	}


	.ns-tag a {
		margin: 0 20px 0 0;
		color: #c9caca;
	}

	.ns-content {
		margin: 20px 0;
		font-size: 15px;
		line-height: 26px;
	}

	.ns-content img {
		width: 100%;
	}

	.news-other {
		margin: 0 0 100px 0;
		line-height: 30px;
		overflow: visible;
	}

	.no-page {
		float: left;
		font-size: 15px;
		overflow: visible;
	}

	.no-page a {
		margin: 0 80px 0 0;
		padding: 0 0 4px 0;
	}

	.no-page a:hover {
		color: #595757;
		border-bottom: 1px solid #595757;
	}

	.no-back {
		float: right;
	}

	.no-back a span {
		float: left;
		color: #f4d925;
		font-size: 18px;
	}

	.no-back svg {
		height: 18px;
		margin: 6px 0 0 10px;
		fill: #f4d925;
	}


	/*---------------- contact ----------------*/
	.contact-banner-info h3 {
		font-size: 40px;
		line-height: 42px;
	}

	.contact-banner-info h3 span {
		font-size: 30px;
	}

	.contact-banner-info p {
		font-size: 16px;
	}

	.contact-banner-info .icon_sns {
		width: 36px;
		height: 36px;
		margin-right: 15px;
	}

	.contact-list {
		padding-top: 8vw;
	}

	.cli-zone {
		height: 4.8vw;
		margin-bottom: 10px;
		font-size: 21px;
		line-height: 4.8vw;
	}


	.cli-company {
		font-size: 13px;
		line-height: 30px;
	}

	.cli-address {
		font-size: 13px;
		line-height: 18px;
	}

	.cli-box {
		height: 17.8vw;
	}

	.cli-info {
		height: 42px;
		font-size: 16px;
		line-height: 42px;
	}

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

	.map {
		height: 400px;
	}
	

	.map * {
		overflow: visible;
	}


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

	.jc-info {
		margin: 15px 0 30px 0;
		font-size: 14px;
		line-height: 150%;
	}

	.jc-contact ul li{
		margin: 7px 10px 0 0;
		font-size: 13px;
		line-height: 24px;
	}

	.jc-contact ul li:nth-child(2n) {
		margin-right: 0;
	}

	.jc-contact ul li:nth-child(5) {
		width: 25vw;
	}

	.jc-qrcode {
		width: 100px !important;
		margin: 0 10px 0 0;
	}

	.welfare-title {
		font-size: 30px;
		line-height: 40px;
	}

	.welfare-title span{
		font-size: 24px;
	}

	.welfare-subtitle {
		font-size: 36px;
	}

	.job-tab-title {
		width: 860px;
		height: 40px;
		margin-top: 30px;
	}

	.job-tab-title a {
		margin-right: 40px;
		font-size: 16px;
		line-height: 32px;
	}

	.job-tab-content {
		margin-bottom: 40px;
	}


	.school {
		width: 860px;
		padding: 10px 30px;
	}


	.job-list {
		width: 860px;
		padding: 10px 30px;
	}

	.job-list li:nth-child(1) {
		border: 0;
	}

	.job-list li {
		padding: 25px 0;
	}

	.jl-title {
		width: 100%;
		height: auto;
		float: left;
		line-height: 26px;
	}

	.jl-title img {
		width: 20px;
		margin-top: 2px;
		margin-right: 10px;
	}

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

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

	.job-list li p {
		font-size: 14px;
		line-height: 21px;
	}



	/*---------------- join show ----------------*/
	.join-show-container {
		padding: 90px 0 0 0;
	}


	.jso-back {
		font-size: 17px;
		line-height: 60px;
	}


	.jso-share-title {
		font-size: 17px;
		line-height: 60px;
	}

	.join-show-box {
		padding: 50px 50px 80px 50px;
	}

	.jsh-info {
		font-size: 14px;
		line-height: 21px;
	}

	.jsh-upload {
		margin: 8px 0 0 0;
		font-size: 14px;
		line-height: 30px;
	}

	.jsh-upload-btn {
		width: 175px;
		height: 30px;
	}

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

	.jsc-hr {
		font-size: 16px;
		line-height: 32px;
	}


	.jsc-title {
		margin: 20px 0 10px 0;
		font-size: 17px;
		line-height: 22px;
	}

	.jsc-info {
		font-size: 14px;
		line-height: 150%;
	}



	/*---------------- q & a ----------------*/
	.qa-banner-title {
		font-size: 60px;
		letter-spacing: 20px;
	}

	.qa-list {
		width: 800px;
		margin: 40px auto 20px auto;
	}

	.qa-item {
		margin: 0 0 5px 0;
	}

	.qai-title h3 {
		width: 750px;
		padding: 10px 0 15px 0;
		font-size: 16px;
		line-height: 150%;
	}

	.qai-op {
		width: 16px;
		height: 26px;
		top: 7px;
	}

	.qai-content {
		margin: 0 0 18px 0;
		font-size: 14px;
		line-height: 24px;
	}

}