@media (max-width: 1720px) {
	.inner1720 {padding: 0 2%; box-sizing: border-box;}

	#assurance .management-con .slide-cnt > .inner1560 {padding: 0 4%; box-sizing: border-box;}
}

@media (max-width: 1600px) {
	.inner1600 {padding: 0 2%; box-sizing: border-box;}	

	/* sub */
	.product-content .point-box .point:nth-child(1) .num {left: 0;}
	.product-content .point-box .point.on .num {right: 0;}

	/* main */
	.m-product .dot {justify-content: space-between;}
	.m-product .dot li {padding: 0;}
	.m-product .dot li:first-child,
	.m-product .dot li:last-child {padding: 0;}

	.m-product .slide .txt-slide {padding: 40px 0 0 80px;}
	.m-product .next-slide {max-width: initial; width: 45.45%;}

	.m-business .scroll-area .txt-cnt {padding-left: 6%;}
	
/* 	footer .footerBox { padding: 0 2%; }
	footer .footerBox .f_allMenu { right:0; } */

	footer .footerBox .f_allMenu { display:none; }
	footer .footerBox .fmenu { position: absolute; right:20px; top:18px; margin-top:0; }
	footer .footerBox .info { margin-top:40px; }
	footer .footerBox .info p { text-align:center; }
	footer .footerBox .info ul { display:flex; align-items: center; justify-content: center; flex-wrap: wrap; gap:0 50px; }
	footer .footerBox .info li { justify-content: center; margin:0; }
	footer .footerBox .txt_copyright { margin-top:40px;  text-align:center; }
}

@media (max-width: 1560px) {
	.inner1560 {padding: 0 2%;  box-sizing: border-box;}	
	.sub-tit p, 
	.h3-tit {font-size: 75px;}
	.sub-tit > p.t1 { font-size: 60px;}
	.menu-group .gnb > li > a{padding: 0 7.5px;}

	/* sub */
	#lnb ul.sub-gnb03 li {padding: 0 18px;}

	#management .list .item .icon {width: 120px; height: 120px;}
	#management .list .item .txt {width: calc(100% - 150px);}
	#management .list .item .txt div {font-size: 20px;}

	/* .product-content .point-box .point {width: 400px;} */

	.talent-con .circle-list {gap: 0 44px; padding: 37px 30px;}
	.talent-con .circle-list .item {width: calc(20% - 37px); padding-bottom: calc(20% - 37px);}
	.talent-con .circle-list .item p {margin: 8px 0 15px;}
	.talent-con .circle-list .item:not(:last-child):after {right: -28px;}

	#assurance .circle-list .circle.reverse,
	#assurance .circle-list .circle {flex-direction: column; gap: 20px 0;}
	#assurance .circle-list .circle ul {padding: 0; text-align: center;}
	#assurance .circle-list .circle1 {left: 10%;}
	#assurance .circle-list .circle3 {left: 70.2%;}

	#assurance .management-con .slide-cnt > .inner1560 {padding: 0 6%;}
	
	
	.btmAll > ul > li { width:16.66%; padding:40px 10px 35px 40px; }
	.btmAll > ul > li:first-child,
	.btmAll > ul > li:last-child { width:16.66%; }

	#production .cnt2 .list .txt span{font-size:15px;}
	#production .cnt2 .list .txt01{left: 6.8%;}
	#production .cnt2 .list .txt02{left: 29.2%;}
	#production .cnt2 .list .txt03{left: 47.3%;}
	#production .cnt2 .list .txt04{left: 64.3%;}
	#production .cnt2 .list .txt05{left: 83%;}

	.sub-contact-n .map-box { margin-top:80px; }
	.sub-contact-n .map-box .map { height: 480px; }
	.sub-contact-n .map-box .info-box { margin-top:15px; padding:40px;}
	.sub-contact-n .map-box .info-box h4 { width:220px; font-size:36px; }
	.sub-contact-n .map-box .info-box ul { width:calc(100% - 220px); gap:10px 50px; }
	.sub-contact-n .map-box .info-box ul li { font-size:18px; }
	.sub-contact-n .map-box .info-box ul li .icon { width:48px; height:48px; }
	.sub-contact-n .map-box .info-box ul li strong { margin:0 16px 0 10px; font-size:20px; }
	.sub-contact-n .map-box .info-box ul li span.stxt { margin-right:6px; font-size:18px; }
	.sub-contact-n .map-box .info-box ul li span.bar { margin:0 16px; }
}

@media (max-width: 1400px) {
	/* header */
	.menu-group .util {padding: 0 0 0 10px;}
	.menu-group .gnb > li > a{font-size:16px;padding: 0 7.5px;}

	/* main */
	.m-quality .list .item {padding-bottom: 36.1%;}
	
	.m-product .slide .txt-slide .item .txt > p br {display: none;}
	.m-product .next-slide {display: none;}

	/* sub */
	#lnb ul.sub-gnb03 li {padding: 0 12px;}
	#management .cnt {display: flex; align-items: center; justify-content: center;}
	#management .cnt .img {max-width: 500px; width: 100%;}
	#management .list {position: relative; width: auto; left: initial; transform: initial; top: initial; padding-left: 80px; display: flex; flex-direction: column; gap: 45px 0;}
	#management .list .item {position: relative; flex-direction: row-reverse;}
	#management .list .item:after {display: none;}
	#management .list .item01 .txt, 
	#management .list .item02 .txt {text-align: left;}

	#management .list .item01, 
	#management .list .item02, 
	#management .list .item03, 
	#management .list .item04 {top: initial; left: initial;}

	#production .cnt1 .txt > span br {display: none;}
	#production .cnt4 .line .item ul {max-width: calc(100% - 180px);}
	
	.product-content .feature-list ul { 30px 35px;}
	.product-content .feature-list li {width: calc(50% - 35px); padding:60px 70px; height:465px;}
	.product-content .feature-list li p { margin-bottom:30px; }
	.product-content .feature-list li dt { font-size: 26px; }
	.product-content .feature-list li dd { padding-top: 18px; font-size: 17px; }

	#assurance .circle-list .circle1 {left: 8%;}

	#benefits .list-cnt {gap: 45px 2.8%;}
	#benefits .item-tit p {font-size: 40px;}
	#benefits .item-tit p span.en {font-size: 45px;}
	#benefits .item {width: calc(33.3333% - 25px);}

	#production .cnt2 .list .txt01{left: 6%;}
	#production .cnt2 .list .txt02{top: 48%; left: 28.5%;}
	#production .cnt2 .list .txt03{left: 46.6%;}
	#production .cnt2 .list .txt04{left: 64%;}
	#production .cnt2 .list .txt05{left: 82%;}

	.talent-con .circle-list {flex-wrap: wrap; gap:0 28px; justify-content: center;}
	.talent-con .circle-list .item {width: calc(25% - 32px); padding-bottom: calc(25% - 32px);}


	/* footer */ 
	#mainFooter .top .link-list {padding: 0; max-width: 470px;}
	
	.btmAll > ul > li { width:16.66%; padding:30px 10px 25px 30px; }
	footer .footerBox .f_allMenu > .gnb { gap:0 30px; }
	footer .footerBox .f_allMenu > .gnb > li,
	footer .footerBox .f_allMenu > .gnb > li:last-child { width:auto; }
	footer .footerBox .f_allMenu { right:20px; }
}

@media (max-width: 1300px) {
	/* header */
	.menu-group .gnb > li > a{font-size:14px;padding: 0 7.5px;}

	#production .cnt2 .list .txt span{font-size:13px;}
	#production .cnt2 .list .txt04{left: 63.5%;}
	#production .cnt2 .list .txt05{left: 81.2%;}
  
	
	.product-list .dataTable tbody td.td-left { padding-left:20px; padding-right:20px; }
	.product-list .dataTable .td_w { width:240px !important;}
}

@media (max-width: 1200px) {
	/* header */
	.menu-group .gnb {display: none;}
	
	.all-menu .gnb {margin: 0;}

	/* header.all {position: absolute;} */
	header.all .menu-group .logo a {background: url(/img/common/logo.png) no-repeat left center/cover;}
	header .all-menu {visibility: visible; opacity: 1; width: 60%; background: #fff; left: initial; right: -60%; overflow-y: scroll; transition: initial;}
	header .all-menu:before,
	header .all-menu:after {width: 100%; display: none;}
	.all-menu .gnb {position: relative; top: initial; left: initial; transform: initial; padding: 100px 0 0 0; box-sizing: border-box; text-align: center;}
	.all-menu .gnb > li {margin-bottom: 25px; display:block; }
	.all-menu .gnb > li > a {max-width: initial; font-size: 32px;}
	.all-menu .gnb > li > a span:before {height: 15px;}
	.all-menu .gnb .depth2 {display: none; padding: 20px 0; box-sizing: border-box;}
	.all-menu .gnb .depth2 > li {margin: 14px 0;}
	.all-menu .gnb .depth2 > li > a {}

	/* main */
	.m-visual {height: 800px;}
	.m-visual .next-img {width: 180px; height: 260px;}
	.m-visual .slide .visual-cnt .txt h2 > p {font-size: 62px;}
	.m-visual .control .svg-box {width: 135px; height: 135px; }
  .m-visual .controlBox  {  width:100px !important; flex-wrap: wrap;}
  .m-visual .controlBox .page-num { width:100%; text-align:center }
  .m-visual .controlBox .arrow { margin:5px 0 0; }

	/* .m-product {padding: 118px 0 0; } */
	.m-product .dot-cnt {width: 100%; overflow-x: scroll; overflow-y: hidden; padding: 10px 0; box-sizing: border-box;}
	.m-product .dot {min-width: 1024px;}

	.m-product .slide .img-slide {width: 55%;}
	.m-product .slide .img-slide .item .img {padding-bottom: 73.25%;}
	.m-product .slide .txt-slide {width: 45%; padding: 20px 0 0 50px;}
	.m-product .slide .txt-slide .item .txt .main-tit {margin: 15px 0 32px;}
	.m-product .slide .txt-slide .item .txt .main-tit,
	.m-product .slide .txt-slide .item .txt .main-tit.line2 {font-size: 37px;}
	.m-product .slide .txt-slide .item .txt > p {font-size: 16px; line-height: 1.5;}
	.m-product .slide .txt-slide .item .txt .more-btn {margin: 38px 0 0 0;}

	/* .m-business {padding: 147px 0px 271px;} */
	.m-business .scroll-area .txt-cnt {padding-left: 5%;}
	.m-business .scroll-area .txt-cnt .txt p {font-size: 37px;}
	.m-business .scroll-area .txt-cnt .txt > span {font-size: 17px; margin-top: 30px;}
	.m-business .scroll-area .content {padding-left: 20px; box-sizing: border-box;}
	.m-business .scroll-area {margin-top: 450px;}
	.m-business .bg:before {background: url(/img/main/mask_bg05.png) no-repeat; background-size: var(--maskSize); background-position: bottom;}

	.m-quality .list .item {padding-bottom: 40.1%;}
	.m-quality .list .item .txt .icon {width: 70px; height: 70px;}
	.m-quality .list .item .txt p {margin: 20px 0 0 0;}
	.m-quality .list .item .txt .more-btn {margin: 40px 0 0 0;}

	/* sub */
	.sub-tit p, 
	.h3-tit {font-size: 65px;} 
	.sub-tit > p.t1 { font-size: 50px;}
	#sv {height: 500px;}
	#sv .sv-tit {margin-top: 40px;}
	#sv .sv-tit h2 {font-size: 58px;}
	#sv .sv-tit p {margin-top: 12px;}
	#lnb {height: auto; display: block !important; border:none }
	#lnb .box-lnb { position:relative; z-index:22;}
	#lnb span.tit { position:relative; cursor:pointer; display:flex; align-items:center; height:70px; font-size:18px; color:#222; font-weight:700; padding: 0 20px; border-bottom:1px solid #ddd; }
	#lnb span.tit:after { content:"\e941"; display:block; position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#222; font-family:xeicon; font-size:18px; font-weight:300; }
	#lnb .box-lnb.on span.tit:after { content:"\e944"; color:#000; }
	#lnb ul li { text-align:left; padding:0 !important;} 
	#lnb .lnb-menu { display:none; height:auto; background-color:#fff; position:absolute; left:0; top:71px; border-bottom:1px solid #ddd;  }
	#lnb .box-lnb.on .lnb-menu { display:block;  }
	#lnb .lnb-menu ul { width:100%; flex-wrap:wrap; padding:5px 0; }
	#lnb .lnb-menu li { width:100% !important; }
	#lnb .lnb-menu li a { display:block; padding:8px 20px; }
	#lnb .lnb-menu li a:after { display:none; }

	.grey-box {padding: 100px 0;}

	#introduce .cnt {padding: 120px 0 150px;}
	#introduce .cnt > div:not(:first-child) {padding-top: 120px;}
	#introduce .greeting h4 {font-size: 70px;}
	#introduce .greeting .txt {max-width: 950px; font-size: 20px;}
	#introduce .intro {flex-direction: column; max-width: 800px; margin: 0 auto;}
	#introduce .intro > div {width: 100%;}
	#introduce .intro .txt {padding-left: 0; margin-top: 50px;}
	#introduce .history {flex-direction: column;}
	#introduce .history .titBox .yearTab {flex-direction: inherit; gap: 0 50px; margin: 30px 0 0; }
	#introduce .history .content {width: 100%; margin: 50px 0 0 0;}
	#introduce .history .content .listBox h4 {font-size: 48px;}
	#introduce .history .content .listBox .list {margin-top: 40px;}
	#introduce .history .content .listBox .list dl:not(:last-child) {margin-bottom: 35px;}

	
	#management .cnt .img {max-width: 460px;}
	#management .list  {padding-left: 50px;}

	#organization .circle {width: 205px; height: 205px;}
	#organization .circle .txt p {font-size: 20px;}
	#organization .circle:before {width: 135%; height: 135%}
	#organization .circle:after {width: 119%; height: 119%;}

	#contact .map-cnt {height: 450px; }

	#patent .list ul li {width: calc(33.333% - 23px);}

	#production > div:not(:last-child) {margin-bottom: 120px;}
	#production .cnt1  > .inner1560 > .img {width: 45%;}
	#production .cnt1  > .inner1560 > .txt {width: 55%;}
	#production .cnt1 .txt p {font-size: 37px;}
	#production .cnt1 .txt p .en {font-size: 40px;}
	#production .cnt1 .txt > span {font-size: 17px;}

	/* #production .grey-box {padding: 120px 0;} */

	#production .cnt2 .img > img {display: none;}
	#production .cnt2 .img picture {display: block;}
	#production .cnt2 .list {display: none;}

	#production .cnt3 .list {gap: 0 35px;}
	#production .cnt3 .item {width: calc(50% - 18px);}
	#production .cnt3 .item .txt p {font-size: 28px;}
	#production .cnt3 .item .txt span {font-size: 16px;}

	#production .cnt4 .line .item .circle {width: 140px; height: 140px;}
	#production .cnt4 .line .item .circle:after {width: 100px; right: -90px;}
	#production .cnt4 .line .item .circle:before {right: -90px;}
	#production .cnt4 .line .item .circle span b {font-size: 26px;}
	#production .cnt4 .line .item ul {max-width: calc(100% - 200px);}
	#production .cnt4 .line .item ul li p {font-size: 18px;}

	#production .cnt5 ul {max-width: 900px; margin: 50px auto 0; gap: 30px 0; flex-wrap: wrap; padding: 0;}
	#production .cnt5 ul li {width: 33.3333%;}
	#production .cnt5 ul li:nth-child(1) .circle-cnt:after, 
	#production .cnt5 ul li:nth-child(3) .circle-cnt:after, 
	#production .cnt5 ul li:nth-child(5) .circle-cnt:after {border-top-left-radius: 193px; border-top-right-radius: 193px;}
	#production .cnt5 ul li:nth-child(2) .circle-cnt:after, 
	#production .cnt5 ul li:nth-child(4) .circle-cnt:after {border-bottom-left-radius: 193px; border-bottom-right-radius: 193px;}
	#production .cnt5 ul li .txt {margin-top: 20px;}
	#production .cnt5 ul li .txt span {font-size: 16px;}

	.product-content .tab {margin-bottom: 100px;}

	.product-content .sub-tit {margin-bottom: 50px;}
	.product-content .tabCnt > div > div {margin-bottom: 120px;}
	/* .product-content .grey-box {padding: 100px 0;} */
	.product-content .df-box {max-width: 800px; flex-direction: column; margin: 0 auto;}
	.product-content .df-box > div {width: 100%;}
	.product-content .df-box .txt {padding: 0; margin: 50px 0 0 0;}
	.product-content .df-box .txt div {font-size: 36px;}
	.product-content .df-box .txt div .en {font-size: 40px;}
	.product-content .df-box .txt p br {display: none;}
	.product-content .s_tabCnt .list > div {width: 100%;}
	
	.product-content .kind-list dl:not(:last-child) { margin-bottom: 120px; }
	.product-content .kind-list dt { font-size: 19px; }
	.product-content .kind-list dt span { width: 30px; height: 30px; padding-top: 5px; font-size: 15px;}
	.product-content .kind-list dd { padding-top: 60px;}
	.product-content .kind-list dd > ul > li {  height: 280px; }
	
	.product-content .feature-list ul { 25px 30px;}
	.product-content .feature-list li {width: calc(50% - 30px); padding:40px 50px; height:465px;}
	.product-content .feature-list li p { margin-bottom:25px; }

	.product-content .point-box .df-box {gap: 50px 0; }
	.product-content .point-box .point {width: 400px;  height: auto; padding-bottom: 53.2%; }
	.product-content .point-box .point.on {max-width: 100%;}
	
	.product-content .s_tabCnt {margin-top: 50px;}
	.product-content .s_tabCnt .list .used .tit {font-size: 35px;}
	.product-content .tab_s1 ul {gap: 0 40px;}
	
	.product-content .product-list.panel-list .list ul {grid-gap:30px 35px; }
	.product-content .product-list.panel-list.panel-list-p .list ul  {grid-gap:30px 35px; }
	
	#board .s_tabCnt .df-box {max-width: initial;}
	#board .s_tabCnt .slide {max-width: 800px;     margin: 0 auto;}
	#board .s_tabCnt .txt {max-width: 800px; margin: 50px auto 0;}

	#monitor .list-box .list ul {max-width: initial; flex-direction: initial; flex-wrap: wrap;}
	#monitor .list-box .list:not(:last-child) {margin-bottom: 70px;}
	#monitor .list-box .list .tit {font-size: 35px;}

	#lab .tech-cnt .list {margin-top: 50px;}
	#lab .tech-cnt .list dl {padding: 45px 10px 68px 0;}

	#assurance .circle-line {display: none;}
	#assurance .circle-con {padding-bottom: 100px;}
	#assurance .circle-list {display: flex; gap: 0 60px; justify-content: center; margin-top: 50px; position: relative;}
	#assurance .circle-list .circle {position: relative;}
	#assurance .circle-list .circle1,
	#assurance .circle-list .circle2,
	#assurance .circle-list .circle3 {left: initial; top: initial; transform: initial;}

	#assurance .circle-list .circle2 .icon > div:before {display: none;}
	#assurance .circle-list .circle2 .icon > div:after {right: initial; top: initial; bottom: -6px; left: 50%; transform: translateX(-50%); }

	#assurance .response-con {margin-top: 100px; margin-bottom: 100px;}
	#assurance .response-con .sub-tit {margin-bottom: 40px;}
	#assurance .response-con .arrow picture {display: none;}
	#assurance .response-con .arrow p {position: relative; top: initial; left: initial; transform: initial;}
	#assurance .response-con .list {position: relative; display: flex; gap: 0 20px; flex-wrap: wrap; justify-content: center; margin-top: 50px;}
	#assurance .response-con .list .item {width: calc(20% - 18px); height: auto; padding-bottom: calc(20% - 18px); border: 1px solid var(--color-blue); border-radius: 50%; text-align: center; position: relative;}
	#assurance .response-con .list .item:not(:last-child):after {content: '\e93f'; font-family: 'xeicon'; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); }
	#assurance .response-con .list .item > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
	#assurance .response-con .list .item01,
	#assurance .response-con .list .item02,
	#assurance .response-con .list .item03,
	#assurance .response-con .list .item04,
	#assurance .response-con .list .item05 {position: relative; top: initial; left: initial; transform: initial;}
	#assurance .response-con .list .item span {font-size: 18px;}
	
	#assurance .circle-box .listbox .line { bottom:292px; }
	#assurance .circle-box .listbox dl {padding-bottom:346px; }
	#assurance .circle-box .listbox dt span {height: 250px; max-width:640px; }
	#assurance .circle-box .list ul {padding-left: 20px;}
	
	#assurance .manage-con .slide-con .slide .item .imgbox {height: 450px;}

	#assurance .manage-con .slide-con .dot-cnt {left: 2%;}
	#assurance .manage-con .slide-con .dot li {font-size: 50px;}
	#assurance .manage-con .slide-con .slide .item span {font-size: 16px; line-height: 1.4; right: 20px; bottom: 20px;}

	#equipment .list {gap: 60px 30px;}
	#equipment .list .item {width: calc(33.33333% - 20px);}
	#equipment .list .item .img img {transform: translate(-50%, -50%) scale(0.8);}
	#equipment .list .item:hover .img img {transform: translate(-50%, -50%) scale(0.9);}

	#talent .sub-titie {font-size: 35px;width: 100%;}
	#talent .circleCnt .circle img {width: 45%;max-width: 520px;}
	#talent .circleCnt .list .item01 {left: 11%;}
	#talent .circleCnt .list .item02 {left: 13%;}
	#talent .circleCnt .list .item03 {left: 80%;}
	#talent .circleCnt .list .item04 {left: 80%;}

	#benefits .item {width: calc(50% - 17px);}
	#benefits .item .icon {margin-right: 0;}

	.talent-con .circle-list .item:nth-child(4):after {opacity: 0; visibility: hidden;}
	.talent-con .circle-list .item .txt{font-size:13px;}
	.talent-con .cnt2 .list .item {flex-direction: column; gap: 10px 0;}
	.talent-con .cnt2 .list .item p {max-width: initial;}
	.talent-con .grey-box .box-list .item {height: auto; padding: 40px;}

	/* footer 
	.btmLnb {height: 130px; display: none;}
	.btmLnb .depth2 li > a {font-size: 18px;}
	.btmLnb .depth2 li.on > a:after {bottom: 21px;}
	*/ 

	#mainFooter .top .link-list {width: 40%; padding-left: 50px; box-sizing: border-box;}
	#mainFooter .top .link-list ul li > a {padding: 15px 0; font-size: 17px;}
	#mainFooter .top .link-list ul li span {width: 35px; height: 35px; }
	#mainFooter .top .link-list ul li span i {line-height: 35px;}
	footer .btm {margin: 160px 0 0 0;}

	#subFooter .btm {margin: 0; padding: 0 2%;}
	
	footer .footerBox .f_allMenu > .gnb { gap:0 20px; }
	footer .footerBox .f_allMenu > .gnb > li > a { font-size:16px; }
	footer .footerBox .f_allMenu > .gnb > li > ul { padding-top:20px; }
	footer .footerBox .f_allMenu > .gnb > li > ul > li:not(:last-child) { margin-bottom:7px; }
	footer .footerBox .f_allMenu > .gnb > li > ul > li a { font-size:14px; }
	
}

@media (max-width: 1024px) {

	.m-business {padding: 0 0 150px;}
	.m-business .bg:before {display: none;}
	.m-business .main-tit,
	.m-business .tit-cnt span {color: #fff; opacity: 0.9;}
	.m-business .tit-cnt .scroll {width: 70px; height: 70px; border: 1px solid rgba(255, 255, 255, 0.8);}
	.m-business .tit-cnt .scroll i {color: #ccc; line-height: 70px;}

	.m-business .scroll-area {margin-top: 200px;}
	.m-business .scroll-area > .inner1600 {flex-wrap: wrap; }
	/* .m-business .scroll-area .tab {max-width: initial; margin-bottom: 80px;}
	.m-business .scroll-area .tab ul {flex-direction: initial; gap: 0 30px;} */

		
	.m-business .scroll-area.fix .txt { padding-top: 50px;}

	.m-business .scroll-area .txt-cnt {display: none;}
	.m-business .scroll-area .content {width: 80%; padding-left: 0; }
	.m-business .scroll-area .content .list .item .txt {display: block; padding-top: 30px; box-sizing: border-box;} 
	.m-business .scroll-area .txt p {font-size: 34px;}
	.m-business .scroll-area .txt > span {margin: 26px 0 0 0; font-size: 17px;}
	.m-business .scroll-area .txt .more-btn {margin: 35px 0 0 0;}
	.m-business .scroll-area .txt .more-btn span i {line-height: 42px;}

	.product-content .tab_s1 ul {justify-content: initial;  flex-wrap: wrap; gap: 15px 30px; justify-content: center;}
	
	.product-content .feature-list li {width: calc(50% - 30px); padding:30px 40px; height:465px;}
	.product-content .feature-list li p { margin-bottom:20px; }
	.product-content .feature-list li dt { font-size: 24px; }
	.product-content .feature-list li dd { padding-top: 15px; font-size: 16px; }
	
	.product-content .product-list .list ul { gap: 25px 25px;}
	.product-content .product-list .list li {width: calc((100% - 50px) / 3); }
	.product-content .product-list.p-list4 .list li {width: calc((100% - 60px) / 3); }
	.product-content .product-list.p-list4 .list li:nth-child(5),
	.product-content .product-list.p-list4 .list li:nth-child(6){width: calc((100% - 60px) / 3); }
	.product-content .product-list.p-list4 .list li:nth-child(7) {width: 100%; }
	
	.btmAll { display:none !important; }

	#assurance .response-con .list .item span{font-size:16px;}

	.talent-con .circle-list{gap: 10px 40px;}
	.talent-con .circle-list .item {width: calc(33.333% - 30px);padding-bottom: calc(33.333% - 30px);}
	
	
	
	.product-list .search-box select { width:calc(33.333% - 10px); }
	.product-list .search-box select.sel1 { width:calc(33.333% - 10px); }
	.product-list .search-box input { width:100%;}
	.product-list .search-box button { top:unset; bottom:0; }
	.product-list .dataTable { overflow:auto; }
	.product-list .dataTable table { width:1260px; }
	.product-list .dataTable .td_w { width:280px !important;}


	.sub-contact-n .map-box { margin-top:60px; }
	.sub-contact-n .map-box .map { height: 420px; }
	.sub-contact-n .map-box .info-box { margin-top:10px; padding:30px 20px;}
	.sub-contact-n .map-box .info-box h4 { width:100%; font-size:28px; }
	.sub-contact-n .map-box .info-box ul { width:100%; gap:10px 50px; margin-top:20px; }
	.sub-contact-n .map-box .info-box ul li { font-size:17px; }
	.sub-contact-n .map-box .info-box ul li .icon { width:48px; height:48px; }
	.sub-contact-n .map-box .info-box ul li .txt { gap:5px; flex-wrap:wrap; width:calc(100% - 48px); padding-left:8px; }
	.sub-contact-n .map-box .info-box ul li strong { margin:0; font-size:19px; display:block; width:100%;  }
	.sub-contact-n .map-box .info-box ul li span.stxt { margin-right:0; font-size:17px; display:block;}
	.sub-contact-n .map-box .info-box ul li span.stxt br { display:none }
	.sub-contact-n .map-box .info-box ul li span.bar { margin:0 14px; }

}

@media (max-width: 960px) {
	/* main */
	.main-cnt .main-tit,
	#mainFooter .top .txt-cnt p {font-size: 55px;}

	.m-product .slide {flex-direction: column; justify-content: center;}
	.m-product .slide .img-slide {width: 80%; margin: 0 auto;}
	.m-product .slide .img-slide .item .img {padding-bottom: 65.25%;}
	.m-product .slide .txt-slide {width: 80%; padding: 40px 0 0 0px; margin: 0 auto;}

	.m-business .bg {background-attachment: initial;}

	.m-quality .list .item {padding-bottom: 46.1%;}
	.m-quality .list .item .img {height: calc(100% - 26px);}
	.m-quality .list .item .txt p {font-size: 18px;}
	
	.m-quality .list .item .img {height: 100%;}
	.m-quality .list .item:hover .img:after { transition: 0; opacity: 0;}
	.m-quality .list .item .txt {transform: translateY(0);}
	.m-quality .list .item .txt .lbox > span,
	.m-quality .list .item .txt .more-btn {opacity: 1;}


	/* sub */
	.sub-tit p, 
	.h3-tit {font-size: 55px;} 
	.sub-tit > p.t1 { font-size: 35px;}
	#lnb .inner1560 {padding: 0;}
	#lnb ul li {padding: 0;}
	#lnb ul.sub-gnb01 li {width: 20%;}
	#lnb ul.sub-gnb05 li {width: 33.3333%;}
	#lnb ul li a {justify-content: center;}

	.grey-box {padding: 50px 0;}

	#introduce .subVisual .sub-tit h3 {font-size: 58px;}
	#introduce .intro {padding: 0 4%;}

	#assurance .manage-con .slide-con .dot li {font-size: 36px;}
	#assurance .manage-con .slide-con .slide {width: 89%;}

	#management .cnt {padding-top: 0; flex-direction: column;}
	#management .cnt .img {max-width: initial; }
	#management .list {padding-left: 0; margin-top: 60px;}
	#management .list .item .txt {width: calc(100% - 140px);}
	#management .list .item .txt p br {display: none;}
	#management .list .item .icon {width: 110px; height: 110px;}
	#management .list .item .icon img {transform: translateY(-50%) scale(0.9);}

	#contact .list .item {width: 100%;}

	#production .cnt1 .df-box {flex-direction: column; max-width: 700px; gap: 50px 0;}
	#production .cnt1 .df-box .img {order: 1; width: 100%;}
	#production .cnt1 .df-box .txt {order: 2; width: 100%; padding-right: 0;}

	#production .cnt2 .img {margin-top: 30px;}

	#production .cnt3 .list {gap: 35px; flex-direction: column; max-width: 700px; width: 100%; justify-content: center; margin: 40px auto;}
	#production .cnt3 .item {width: 100%;}
	#production .cnt3 .item .txt span { display:block !important; }
	#production .cnt3 .item.on .txt span { display:block !important; }
	#production .cnt3 .item.on .bg {background: #c3c3c3; transition: unset; }

	#production .cnt4 .line .item {flex-direction: column; gap: 50px 0; padding-left: 0;}
	#production .cnt4 .line .item .circle {width: 120px; height: 120px;}
	#production .cnt4 .line .item .circle:before {right: initial; bottom: -65px; top: initial; transform: translateX(-50%); margin-left: 3.95px;}
	#production .cnt4 .line .item .circle:after {width: 100px; right: initial; bottom: -65px; top: initial; transform: rotate(90deg) translateX(-50%);}
	#production .cnt4 .line .item ul {max-width: 100%; height: auto; border-radius: 90px; padding: 25px 0;}
	

	#board .s_tabCnt .list .used .box-list {flex-direction: column; gap: 20px 0;}
	#board .s_tabCnt .list .used .box-list .left {width: 100%; gap: 0 20px;}
	#board .s_tabCnt .list .used .box-list .left .item {width: calc(50% - 10px); padding: 20px;}
	#board .s_tabCnt .list .used .box-list .box {width: 100%;}
	.product-content .s_tabCnt .list .used .box-list .box span {margin-top: 20px;}

	#board .used02 .box {}
	.product-content .s_tabCnt .list .used {margin-top: 70px;}
	.product-content .used02 ul li {width: calc(33.3333% - 11px); height: auto; padding-bottom: calc(33.3333% - 11px); position: relative;}
	.product-content .used02 ul li > div {position: absolute; top: 50%; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%;}
	
	.product-content .feature-list ul { 25px 0;}
	.product-content .feature-list li {width: 100%; padding:30px 20px; height:auto;}
	.product-content .feature-list li p { margin-bottom:15px; }
	.product-content .feature-list li dt { font-size: 24px; }
	.product-content .feature-list li dd { padding-top: 15px; font-size: 16px; }
	
	.product-content .product-list.p-list3 .list li {width: calc((100% - 30px) / 2); }

	#board .cnt3 .img-list .item {padding: 12px 10px;}
	#board .cnt3 .img-list .item.w2 {padding: 20px 10px;}
	#board .cnt3 .img-list .item img {transform: scale(0.8);}

	#monitor .list-box .list ul {justify-content: center; margin-top: 25px;}
	#monitor .list-box .list ul.n3,
	#monitor .list-box .list ul.n5 {gap: 20px;}
	#monitor .list-box .list ul.n3 li,
	#monitor .list-box .list ul.n5 li {max-height: initial; position: relative; width: calc(33.3333% - 14px); height: auto; padding-bottom: 26%;}
	#monitor .list-box .list ul.n3 li > div,
	#monitor .list-box .list ul.n5 li > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}


	.talent-con .circle-list .item {width: calc(33.333% - 30px); padding-bottom: calc(33.333% - 30px);}
	.talent-con .circle-list .item:nth-child(4):after {opacity: 1; visibility: visible;}
	.talent-con .cnt3 .box-list {max-width: 700px; margin: 50px auto;}
	.talent-con .cnt3 .box-list .item {width: 100%;}
	
	.talent-con .cnt4 { height:222px; }
	.talent-con .cnt4 dt { font-size: 38px; }
	.talent-con .cnt4 dd { margin-top: 20px; font-size: 17px; }

	#assurance .circle-line {display: none;}
	#assurance .circle-con .b-circle {width: 300px; height: 300px; border: 15px solid transparent;}
	#assurance .circle-con .b-circle:after {width: calc(100% + 100px); height: calc(100% + 100px);}
	#assurance .circle-list {gap: 0;}
	#assurance .circle-list .circle {width: 33.3333%;}
	#assurance .circle-list .circle .icon {width: 210px; height: 210px; }
	#assurance .response-con .list .item {width: calc(33.333% - 16px); padding-bottom: calc(33.333% - 16px);}
	
	#assurance .circle-box { margin-bottom: 100px; }
	#assurance .circle-box .listbox .line { bottom: 205px; height: 40px; }
	#assurance .circle-box .listbox dl {padding-bottom:245px; }
	#assurance .circle-box .listbox dt span {font-size:20px; height: 160px; max-width:380px; }
	#assurance .circle-box .listbox dt span strong { font-size:32px; }
	#assurance .circle-box .listbox dd ul {padding: 0 10px; }
	#assurance .circle-box .listbox dd li {width:calc(25% + 20px); margin:0 -10px;}
	#assurance .circle-box .listbox dd li:before {bottom:-40px; height: 40px; }
	#assurance .circle-box .listbox dd li .circle {font-size:16px; }
	#assurance .circle-box .listbox dd li .circle strong { font-size:24px; margin-bottom:6px;}
	#assurance .circle-box .listbox dd li:nth-child(1) .circle {border: 10px solid #a5bddc;}
	#assurance .circle-box .listbox dd li:nth-child(2) .circle {border: 10px solid #6c92c4;}
	#assurance .circle-box .listbox dd li:nth-child(3) .circle {border: 10px solid #276ac2;}
	#assurance .circle-box .listbox dd li:nth-child(4) .circle {border: 10px solid #214e89;}
	#assurance .circle-box .list { margin-top:70px; }
	#assurance .circle-box .list ul {display: flex; flex-wrap: wrap; padding-left: 40px; gap: 30px 0;}
	#assurance .circle-box .list ul li { width: 50%; }
	#assurance .circle-box .list ul li dt {padding-left: 20px; font-size:26px; }
	#assurance .circle-box .list ul li dt:after {top:10px; width: 10px; height: 10px; }
	#assurance .circle-box .list ul li dd {padding-top: 12px; font-size:15px; }
	
	#assurance .manage-con .slide-con .slide .item .imgbox { height:360px; }
	#assurance .manage-con .slide-con .slide .item .txtbox { margin-top: 30px;}
	#assurance .manage-con .slide-con .slide .item .txtbox > p { width: 140px; height: 140px; }
	#assurance .manage-con .slide-con .slide .item .txtbox > p img { width: auto; }
	#assurance .manage-con .slide-con .slide .item .txtbox dl {width: calc(100% - 140px);}
	#assurance .manage-con .slide-con .slide .item .txtbox dt {font-size: 22px;} 
	#assurance .manage-con .slide-con .slide .item .txtbox dd {font-size: 16px;} 

	#assurance .management-con .slide-cnt > .inner1560 {padding: 0 7%;} 
	
	.online-inquiry .ipbox > ul > li.full { grid-column:1; }

	/* footer */
	/* #subFooter .btm {display: none;} */
	#mainFooter .top .txt-cnt {max-width: 430px;}
	#mainFooter .top .txt-cnt > span {font-size: 17px;}
	#mainFooter .top .txt-cnt > span br {display: none;}
	
}

@media (max-width: 800px) {
	.product-content .used02 ul li {width: calc(50% - 9px); padding-bottom: calc(50% - 9px);}
	.product-content .product-list.panel-list .list ul {grid-gap:20px; }
	.product-content .product-list.panel-list.panel-list-p .list ul  {grid-gap:20px; grid-template-columns: 1fr;}
	#assurance .assurance-process .list p { padding-bottom: 20px; font-size:18px; }


	.sub-contact-n .map-box { margin-top:40px; }
	.sub-contact-n .map-box .map { height: 360px; }
	.sub-contact-n .map-box .info-box { margin-top:10px; padding:30px 20px;}
	.sub-contact-n .map-box .info-box h4 { width:100%; font-size:24px; }
	.sub-contact-n .map-box .info-box ul { width:100%; gap:10px 30px; margin-top:20px; }
}

@media (max-width: 767px) {
	.inner1600 {padding: 0 4%;}
	.inner1560 {padding: 0 4%;}
	.menu-group .logo a {background-size: 80%;}
	header.all .menu-group .logo a {background-size: 80%;}
	header .all-menu {width: 80%; right: -80%;}
	.all-menu .gnb > li {margin-bottom: 20px;}
	.all-menu .gnb > li > a {font-size: 22px;}
	.all-menu .gnb .depth2 {padding: 0;}
	.all-menu .gnb .depth2 > li {margin: 12px 0;}
	.all-menu .gnb .depth2 > li > a {font-size: 16px; padding: 0;}

  #lnb span.tit { padding: 0 4%; height:60px; }
  #lnb span.tit:after { right:4%; }
  #lnb .lnb-menu li a { padding:8px 4%; }
  #lnb .lnb-menu { top:61px; }
	
	/* main */
	.main-cnt .main-tit, 
	footer .top .txt-cnt p {font-size: 44px;}
	.main-cnt .tit-cnt > span {margin-top: 20px; font-size: 16px;}

	.m-visual {height: 650px;}
	.m-visual .slide .visual-cnt .txt h2 > p {font-size: 45px;}
	.m-visual .slide .visual-cnt .txt h2 > span {font-size: 16px;}
	.m-visual .next-img {width: 150px; height: 210px;}
	.m-visual .control .svg-box {width: 100px; height: 100px; }

	.m-product {padding: 60px 0 80px;}
	.m-product .slide {margin: 40px 0 0 0; }
	.m-product .slide .img-slide {width: 100%; margin: 0 auto;}
	.m-product .slide .txt-slide {width: 100%; }
	.m-product .slide .txt-slide .item .txt .main-tit {margin: 10px 0 25px;}
	.m-product .slide .txt-slide .item .txt .main-tit, 
	.m-product .slide .txt-slide .item .txt .main-tit.line2 {font-size: 28px;}
	.m-product .slide .txt-slide .item .txt .more-btn {margin-top: 30px; }
	.m-product .slide .txt-slide .item .txt .more-btn span {width: 32px; height: 32px; margin-left:  25px}
	.m-product .slide .txt-slide .item .txt .more-btn span i {line-height: 32px; font-size: 14px;}
	.m-product .slide .txt-slide .item .txt .more-btn span {margin: 0 0 0 10px;}
	.main-cnt .more-btn {font-size: 14px; }
	

	.m-business {padding: 0 0 80px;}
	.m-business .tit-cnt {margin-top: -10px;}
	.m-business .tit-cnt .scroll {width: 40px; height: 40px; margin-top: 35px;}
	.m-business .tit-cnt .scroll i {line-height: 40px;}
	.m-business .scroll-area {margin-top: 130px;}
	.m-business .scroll-area .content {width: calc(100% - 100px);}
	.m-business .scroll-area .txt p {font-size: 24px;}
	.m-business .scroll-area .txt > span {font-size: 15px; margin-top: 17px;}
	.m-business .scroll-area .txt .more-btn span {width: 30px; height: 30px; }
	.m-business .scroll-area .txt .more-btn span i {line-height: 30px; font-size: 12px;}

	.m-quality {padding: 80px 0;}
	.m-quality .list {margin-top: 40px; flex-wrap: wrap; gap: 30px 0;} 
	.m-quality .list .item {width: 100%; padding: 0;}
	.m-quality .list .item > a {position: relative; top: initial; left: initial; transform: initial; padding: 30px 15px; box-sizing: border-box;}
	.m-quality .list .item .img {height: 100%;}
	.m-quality .list .item .img:after {height: 0; transition: 0.4s;}
	.m-quality .list .item .txt {flex-flow: initial; justify-content: space-between; transform: initial;}
	.m-quality .list .item .txt .icon {margin: 0; width: 50px; height: 50px;}
	.m-quality .list .item .txt .icon img {max-width: 25px;}
	.m-quality .list .item .txt p {margin: 0; width: calc(100% - 140px); text-align: left;}
	.m-quality .list .item .txt .lbox > span {display: block;}
	.m-quality .list .item .txt .more-btn {margin: 0;}
	.m-quality .list .item .txt .more-btn .btn-txt {display: none;}
	.m-quality .list .item .txt .lbox { display:flex; flex-direction: column; padding-left:75px; position: relative; text-align:left; }
	.m-quality .list .item .txt .lbox .icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
	.m-quality .list .item .txt .lbox > span { margin-top:10px; line-height:1.4 }


	/* sub */
	#lnb {/* height: 68px; */ display: none;}
	/* #lnb ul li a {font-size: 15px;} */
	#subContents {padding: 70px 0;}
	#subContents > .sub-tit {margin-bottom: 40px;}
	.sub-tit p, 
	.h3-tit {font-size: 45px;}
	.sub-tit > p.t1 { font-size: 28px;}
	.sub-tit > span {font-size: 20px;}
	#sv {height: 420px;}
	#sv .inner1560 {top: 62%;}
	#sv .sv-tit {margin-top: 30px;}
	#sv .sv-tit h2 {font-size: 40px;}
	#sv .sv-tit p {font-size: 16px;}
	.sub-tit p > span > span { font-size:26px; }

	#introduce .subVisual {height: 600px;}
	#introduce .subVisual .sub-tit h3 {font-size: 40px;}
	#introduce .subVisual .sub-tit span {font-size: 18px;}
	#introduce .subVisual .scroll {width: 50px;height: 50px; bottom: 70px;}
	#introduce .cnt {padding: 60px 0;}
	#introduce .cnt > div:not(:first-child) {padding-top: 60px;}
	#introduce .greeting h4 {font-size: 50px;}
	#introduce .greeting .txt {font-size: 17px; margin-top: 40px;}
	#introduce .intro .txt ul {margin-top: 30px;}
	#introduce .intro .txt ul li .circle {width: 75px; height: 75px;}
	#introduce .intro .txt ul li p {width: calc(100% - 93px); font-size: 16px;}
	#introduce .history .content .listBox:not(:last-child) {margin-bottom: 60px;}
	#introduce .history .content .listBox h4 {font-size: 38px;}
	#introduce .history .content .listBox .list {margin-top: 20px;}
	#introduce .history .content .listBox .list dt {font-size: 20px;}
	#introduce .history .content .listBox .list dd p {font-size: 16px;}
	#introduce .history .titBox .yearTab li button{font-size: 16px; }

	#management .cnt .img {width: 85%;}
	#management .list .item {/* align-items: flex-start ;*/ gap: 0 18px; }
	#management .list .item .icon {width: 100px; height: 100px; }
	#management .list .item .txt {width: calc(100% - 118px);}
	#management .list .item .txt div {font-size: 18px;}
	#management .list .item .txt span {font-size: 14px; margin: 7px 0 12px;}
	#management .list .item .txt p {font-size: 16px;}

	#organization .circle {width: 170px; height: 170px; }
	#organization .circle .txt .icon img {transform: scale(0.87);}
	#organization .circle .txt p {font-size: 18px; margin: 10px 0 5px;}
	#organization .img {max-width: 420px; margin: 0 auto; }

	#contact h3 {font-size: 30px;}
	#contact .map-cnt {height: 400px; margin-bottom: 50px;}
	#contact .list {gap: 30px 0;}
	#contact .list .item .icon p {font-size: 18px;}
	#contact .list .item .txt {font-size: 16px; padding-left: 5px; box-sizing: border-box;}
	#contact .list .item .icon span {width: 45px; height: 45px;}
	#contact .list .item .icon span img {transform: translateY(-50%) scale(0.9);}

	#patent .list ul {gap: 28px;}
	#patent .list ul li {width: calc(50% - 14px);}


	#production > div:not(:last-child) {margin-bottom: 50px;}
	/* #production .grey-box {padding: 70px 0;} */
	#production .cnt1 .txt p {font-size: 27px;}
	#production .cnt1 .txt p .en {font-size: 30px;}
	#production .cnt1 .txt > span {font-size: 16px;}
	#production .imgBox {margin: 40px 0;}
	#production .cnt4 .sub-tit div {font-size: 16px;}
	#production .cnt4 .sub-tit .s-txt {font-size: 15px;}
	#production .cnt3 .item .txt p {font-size: 25px;}
	#production .cnt3 .item .txt span br {display: none;}
	#production .cnt5 ul li .txt p {font-size: 17px;}
	#production .cnt5 ul li .txt span {font-size: 15px;}
	#production .cnt5 ul li .circle img {max-width: 45px;}
	
	#production .cnt2 {position: relative; left: 0; top: unset; padding:0; transform: translateY(0); margin-top: 0; }

	.product-content .tabCnt > div > div {margin-bottom: 50px;}
	.product-content .sub-tit {margin-bottom: 40px;}

	.product-content .tab {margin-bottom: 50px;}
	.product-content .tab ul {height: auto;}
	.product-content .tab ul li a {font-size: 16px; padding: 18px 0 ; box-sizing: border-box;}
	.product-content .tab ul.n2 li{font-size:14px;height: 60px;}

	.product-content .df-box .txt {margin: 30px 0 0 0;}
	.product-content .df-box .txt div {font-size: 26px;}
	.product-content .df-box .txt div .en {font-size: 30px;}
	.product-content .df-box .txt p {font-size: 16px;}

	.product-content .point-box .point {width: 60%; padding-bottom: 60%;}
	.product-content .point-box .point .num {font-size: 45px;}
	.product-content .point-box .point:nth-child(1) .num,
	.product-content .point-box .point:nth-child(2) .num {top: -25px;}
	.product-content .point-box .point .icon {width: 50px; height: 50px; -webkit-background-size: 16px; background-size: 16px;}

	.product-content .s_tabCnt {margin-top: 30px;}
	.product-content .tab_s1 ul li button {font-size: 15px;}

	#board .s_tabCnt .list .used .box-list .left .item {width: 100%;}
	#board .s_tabCnt .list .used .box-list .box {gap: 20px;}
	.product-content .s_tabCnt .list .used .box-list .box span {margin-top: 15px; font-size: 15px;}
	.product-content .used02 ul li span {font-size: 15px; margin-top: 5px;}
	.product-content .used02 ul li img {transform: scale(0.9); max-height: 150px;}
	
	.product-content .kind-list dl:not(:last-child) { margin-bottom: 100px; }
	.product-content .kind-list dt { font-size: 18px; }
	.product-content .kind-list dd { padding-top: 50px;}
	.product-content .kind-list dd > ul { gap: 20px 20px; }
	.product-content .kind-list dd > ul > li { width:calc(50% - 20px); padding: 15px; height: 270px; }
	
	.product-content .product-list .list li {width: calc((100% - 25px) / 2); }
	.product-content .product-list.p-list3 .list ul {gap: 25px 25px;}
	.product-content .product-list.p-list3 .list li {width: calc((100% - 25px) / 2); }
	.product-content .product-list.p-list2 .list li {width: 100%; height: 400px;}
	.product-content .product-list.p-list4 .list ul {gap: 25px 25px;}
	.product-content .product-list.p-list4 .list li {width: calc((100% - 25px) / 2); }
	.product-content .product-list.p-list4 .list li:nth-child(5),
	.product-content .product-list.p-list4 .list li:nth-child(6){width: calc((100% - 25px) / 2); }
	.product-content .product-list.p-list4 .list li:nth-child(7) {width: 100%; }

	#monitor .list-box .list:not(:last-child) {margin-bottom: 50px;}
	#monitor .list-box .list .tit {font-size: 28px;}
	#monitor .list-box .list ul.n2 {gap: 20px 0; flex-wrap: wrap; }
	#monitor .list-box .list ul.n2 li {width: 100%;}

	#monitor .list-box .list ul.n3,
	#monitor .list-box .list ul.n5 {gap: 15px;}
	#monitor .list-box .list ul.n3 li,
	#monitor .list-box .list ul.n5 li { width: calc(33.3333% - 10px); height: auto; padding-bottom: 30%;}

	#board .cnt3 .img-list {gap: 14px 13px; margin-top: 50px;}
	#board .cnt3 .img-list .item {width: calc(50% - 7px);}
	#board .cnt3 .img-list .item.w2 {width: 100%;}
	#board .cnt3 .img-list .item > div {gap: 10px 0;}
	#board .cnt3 .img-list .item img {transform: scale(0.9);}
	#board .cnt3 .img-list .item span {font-size: 16px;}


	#lab .grey-box {margin-top: 50px;}
	#lab .tech-cnt .img {width: 75%; margin:0 auto; padding-right: 0;}
	#lab .tech-cnt .df-box:nth-child(2) .img img{ width: 70%; }
	#lab .tech-cnt .list dl {padding: 30px 0;}
	#lab .tech-cnt .list dt {font-size: 22px;}
	
	#assurance .sub-tit {margin-bottom: 50px;}
	#assurance .sub-tit .s-txt {font-size: 16px;}
	#assurance .sub-tit .s-txt br {display: none;}
	#assurance .circle-con {padding-bottom: 50px;}
	#assurance .circle-con .b-circle {width: 250px; height: 250px; border: 8px solid transparent; }
	#assurance .circle-con .b-circle:after {width: 120%; height: 120%	;}
	#assurance .circle-con .b-circle p {font-size: 34px;}
	#assurance .circle-con .b-circle span {font-size: 17px;}
	#assurance .manage-con .sub-tit {margin-bottom: 40px;}
	#assurance .manage-con .slide-con .dot-cnt {position: relative; top: 0; transform: initial; }
	#assurance .manage-con .slide-con .dot {flex-direction: initial; gap: 0 10px;}
	#assurance .manage-con .slide-con .dot li {font-size: 17px;}
	#assurance .manage-con .slide-con .dot li{text-align: center;}
	#assurance .manage-con .slide-con .slide {width: 100%; margin-top: 20px;}
	#assurance .manage-con .slide-con .slide .item span {right: 10px; bottom: 10px; font-size: 14px;}
	#assurance .response-con {margin-top: 50px; margin-bottom: 50px;}
	#assurance .response-con .arrow p {font-size: 16px;}
	#assurance .response-con .list {/* gap: 10px; */ margin-top: 30px;}
	/* #assurance .response-con .list .item {width: calc(33.333% - 9px); padding-bottom: calc(33.333% - 9px);} */
	#assurance .response-con .list .item img {max-width: 25px;}
	#assurance .response-con .list .item span {font-size: 15px;}

	/* #assurance .circle-list {gap: 25px 0; flex-direction: column; } */
	#assurance .circle-list .circle.reverse, 
	#assurance .circle-list .circle {width: 100%; /* flex-direction: initial; */}
	#assurance .circle-list .circle .icon {width: 140px; height: 140px;}
	#assurance .circle-list .circle .icon img {max-width: 40px;}
	#assurance .circle-list .circle .icon span {font-size: 15px;}
	#assurance .circle-list .circle ul > li {font-size: 15px;}
	#assurance .management-con .sub-tit {margin-bottom: 40px;}

	#assurance .management-con .slide-cnt > .inner1560 {padding: 0 4%;}
	#assurance .management-con .slide-cnt > .inner1720 {display: none;}
	#assurance .manage-con .slide-con .dot{align-items: center;}
	
	#assurance .assurance-process .list { margin-top:70px; }
	#assurance .assurance-process .list ul { gap: 20px;}
	#assurance .assurance-process .list li {width: 100%; }
	#assurance .assurance-process .list.list-p2 ul {center; gap: 20px 20px;}
	#assurance .assurance-process .list.list-p2  li {width: 100%; }


	#equipment .list {gap: 50px 20px;}
	#equipment .list .item {width: calc(50% - 10px);}
	#equipment .list .item .txt {font-size: 16px; margin-top: 15px;}

	#talent .sub-titie {font-size: 23px;} 
	#talent .circleCnt {margin: 50px 0 0;}
	#talent .circleCnt .circle img {width: 59%;}
	#talent .circleCnt .list .item01 {left: 3%;}
	#talent .circleCnt .list .item02 {left: 5%;}
	#talent .circleCnt .list .item03 {left: 80%; top: 0;}
	#talent .circleCnt .list .item04 {left: 78%;}
	#talent .circleCnt .list .item:after {display: none;}
	#talent .circleCnt .list .item p {font-size: 18px;}
	#talent .circleCnt .list .item span {font-size: 15px; margin-top: 5px;}

	#benefits .list-cnt {gap: 30px 0;}
	#benefits .item {width: 100%; height:  auto; padding: 50px 0;}
	#benefits .item-tit {padding: 0;}
	#benefits .item-tit p {font-size: 30px;}
	#benefits .item-tit p span.en {font-size: 35px;}

	.talent-con .cnt2 {margin-top: 70px;}
	.talent-con .circle-list {gap: 20px; padding: 20px; border-radius: 162px;}
	.talent-con .circle-list .item {width: calc(50% - 13px); padding-bottom: calc(50% - 13px);}
	.talent-con .circle-list .item:not(:last-child):after {right: -16px;}
	.talent-con .circle-list .item:nth-child(2n):after {opacity: 0; visibility: hidden;}
	.talent-con .circle-list .item p {font-size: 18px; }
	.talent-con .circle-list .item .txt {font-size: 15px;}
	.talent-con .cnt2 .list .item {width: 100%; padding: 30px 0;}
	.talent-con .cnt2 .list .item:nth-child(2n) {padding-left: 0;}
	.talent-con .cnt2 .list .item p {font-size: 20px;}
	.talent-con .cnt2 .list .item span {font-size: 16px;}
	.talent-con .cnt3 {margin-top: 70px;}
	.talent-con .cnt3 .box-list .item {padding: 20px;}
	.talent-con .cnt3 .box-list .item h4 {font-size: 20px; margin: 17px 0;}
	.talent-con .cnt3 .box-list .item p {font-size: 16px;}
	.talent-con .cnt3 .box-list .item dl {font-size: 15px; flex-direction: column; gap: 10px 0;}
	
	.online-inquiry .ipbox > ul > li { padding:15px 0 15px 110px; }
	.online-inquiry .ipbox > ul > li.p-txt { padding:15px 0 15px 0; }
	.online-inquiry .ipbox > ul > li > strong { top:28px; font-size:16px; width:110px; padding-left:15px; }
	.online-inquiry .ipbox > ul > li.p-txt > strong {padding:30px 0 25px 15px; }
	.online-inquiry .ipbox > ul > li textarea { height:150px; padding:10px 20px; }
	.online-inquiry .ipbox > ul > li .txtbox .box { padding:15px; height:150px; }
	.online-inquiry .ipbox .ch { margin:65px auto 0 auto; }
	.online-inquiry .ipbox .btn { margin-top:40px; text-align:center; }
	.online-inquiry .ipbox .btn button span { font-size:18px; width:200px; height:65px; }
	
	#recruit .search-box select { width:120px; height:70px; padding:0 30px; font-size:16px; }
	#recruit .search-box input { width:calc(100% - 130px); height:70px; font-size:16px; padding:0 90px 0 30px; }
	#recruit .search-box button { width:70px; height:70px; }
	#recruit .recruit-list table { margin-top:55px;}
	#recruit .recruit-list thead th { height:70px; font-size:17px; }
	#recruit .recruit-list tbody td { height:65px; }
	#recruit .recruit-list tbody td.td-left { padding-left:10px; }
	#recruit .recruit-list tbody td.td-left a { font-size:17px;}
	#recruit .recruit-list .col1,
	#recruit .recruit-list .col4 { display:none; }
	#recruit .recruit-view .title { padding:30px 15px; font-size:20px; }
	#recruit .recruit-view .title .box { margin-right:8px; }
	#recruit .recruit-view .title .sbox { width:70px; height:32px; }
	#recruit .recruit-view .date { padding:20px 15px; }
	#recruit .recruit-view .date strong { font-size:17px; margin-right:25px; }
	#recruit .recruit-view .cont { padding:25px 15px; min-height:140px; font-size:16px; }
	#recruit .recruit-view .prevnext > div { padding:20px 0; }
	#recruit .recruit-view .prevnext > div strong { width:105px; padding-left:15px; font-size:15px; }
	#recruit .recruit-view .prevnext > div span { width:calc(100% - 105px); }
	#recruit .recruit-view .prevnext > div span > a { font-size:16px; }
	#recruit .recruit-view  .btn { margin-top:40px; }
	#recruit .recruit-view  .btn a { font-size:18px; width:194px; height:65px; }


	.product-list .search-box select { height:70px; padding:0 30px; font-size:16px; }
	.product-list .search-box input { height:70px; font-size:16px; padding:0 90px 0 30px; }
	.product-list .search-box button { width:70px; height:70px; }
	.product-list .dataTable { margin-top:55px;}
	.product-list .dataTable thead th { height:70px; font-size:17px; }
	.product-list .dataTable tbody td { padding:10px 10px; }
	.product-list .dataTable tbody td.td-left a { font-size:17px;}



	/* footer */
	/* #mainFooter .top .txt-cnt > span {font-size: 16px;} */
	#mainFooter > .inner1600 {padding-top: 50px; padding-bottom: 80px;}
	#mainFooter .top {flex-wrap: wrap; gap: 25px 0}
	#mainFooter .top .txt-cnt {max-width: initial; width: 100%;}
	#mainFooter .top .txt-cnt > span {font-size: 16px; margin-top: 15px;}
	#mainFooter .top .link-list {padding-left: 0; width: 100%; max-width: initial;}
	#mainFooter .top .link-list ul li > a {padding: 12px 0; font-size: 16px;}
	#mainFooter .top .link-list ul li span {width: 30px; height: 30px;}
	#mainFooter .top .link-list ul li span i {line-height: 30px;}
	#mainFooter .btm {margin: 80px 0 0 0;}
	footer .btm .txt {flex-wrap: wrap; }
	footer .btm .txt > * {width: 100%;}
	footer .btm .txt p {font-size: 16px; margin-bottom: 15px; }
	footer .btm .txt div {text-align: left; margin-bottom: 15px;}
	footer .btm .txt .address {font-size: 15px;}
	footer .btm .txt .tel {font-size: 15px; text-align: left;}
	footer .btm .link {flex-direction: column; align-items: flex-start;margin: 40px 0 0 0; gap: 20px 0;}

	#subFooter {padding: 80px 0;}
	
	.topBtn {bottom: 80px; right: 20px;}
	.topBtn button {width: 50px; height: 50px;}
	
	
	footer .footerBox .info ul {  gap:15px 0; flex-direction: column; }
	footer .footerBox .info li { margin:0; }


}

@media (max-width: 640px) {
	.m-product {padding: 50px 0;}

	/* .m-business .scroll-area .tab {max-width: 50px;}
	.m-business .scroll-area .tab ul li.on {padding-left: 13px;}
	.m-business .scroll-area .tab ul li::before {width: 8px;}
	.m-business .scroll-area .tab ul li:first-child img,
	.m-business .scroll-area .tab ul li:first-child img {width: 27px; height: auto;} */

	/* .m-business .scroll-area .tab {display: none;} */
	.m-business .scroll-area .tab {max-width: initial; margin-bottom: 25px;}
	.m-business .scroll-area .tab ul {flex-direction: initial; gap: 0 20px;}
	.m-business .scroll-area .content {width: 100%;}
	.m-business .scroll-area .content .list {margin-bottom: 70px;}

	.m-quality {padding: 60px 0;}


	/* sub */
	.sub-tit p > span > span { font-size:22px; }
	#introduce .greeting h4 {font-size: 38px;}
	#introduce .greeting .txt {font-size: 16px;}
	#introduce .history .titBox .yearTab {gap: 0 20px;}

	#contact .map-cnt {height: 300px;}

	#production .cnt3 .item {height: 300px;}

	#production .cnt4 .line .item ul {flex-wrap: wrap; gap: 40px 0; justify-content: center; border-radius: 20px;}
	#production .cnt4 .line .item ul li {width: 50%;}
	#production .cnt4 .line .item ul li:not(:last-child):after,
	#production .cnt4 .line .item ul li:not(:last-child):before {right: -14px;}
	#production .cnt4 .line .item ul li:nth-child(2):after,
	#production .cnt4 .line .item ul li:nth-child(2):before {display: none;}
	#production .cnt4 .line .item ul li img {margin: 15px 0 ;}
	#production .cnt5 ul li {width: 50%;}
	
	.product-content .product-list.panel-list .list ul { grid-gap:20px; grid-template-columns: 1fr;}
	.product-content .tab ul.n2 li{height: 60px;}
	.product-content .tab ul li.on a{padding:0 10px;}

	#lab .tech-cnt .list dd p {width: 100%; }
	#lab .tech-cnt .list dd p br {display: none;}

	#assurance .circle-list {gap: 25px 0; flex-direction: column; max-width: 330px; margin: 30px auto 0; gap: 20px 0;}
	#assurance .circle-list .circle.reverse, 
	#assurance .circle-list .circle {width: 100%; flex-direction: initial; gap: 0 25px;}
	#assurance .circle-list .circle ul {text-align: left;}
	#assurance .response-con .list {gap: 14px;}
	#assurance .response-con .list .item {width: calc(50% - 9px); padding-bottom: calc(50% - 9px);}
	#assurance .response-con .list .item:not(:last-child):after {right: -17px;}
	#assurance .response-con .list .item:nth-child(even):after {display: none;}
	
	#assurance .manage-con .slide-con .dot li{font-size:13px;}

	#assurance .management-con {padding-bottom: 60px;}
	
	.talent-con .cnt4 { height:180px; }
	.talent-con .cnt4 dt { font-size: 28px; }
	.talent-con .cnt4 dd { margin-top: 15px; font-size: 16px; }
	.talent-con .circle-list .item .txt{font-size:13px;}
	.talent-con .circle-list .item p{font-size:1}
	#talent .sub-titie{font-size:18px;}
	
	#recruit .recruit-list .col3 { width:130px; }
	
	#subFooter {padding: 40px 0;}
	.topBtn {bottom: 40px; }

	.sub-contact-n .map-box { margin-top:30px; }
	.sub-contact-n .map-box .map { height: 320px; }
	.sub-contact-n .map-box .info-box { padding:20px 20px;}
	.sub-contact-n .map-box .info-box h4 { font-size:21px; }
	.sub-contact-n .map-box .info-box ul { gap:10px 20px; margin-top:15px; }
	.sub-contact-n .map-box .info-box ul li { font-size:16px; }
	.sub-contact-n .map-box .info-box ul li .icon { width:45px; height:45px; margin-right:10px; }
	.sub-contact-n .map-box .info-box ul li strong { margin:0 0 0 0; font-size:18px; display:block }
	.sub-contact-n .map-box .info-box ul li span.stxt { margin-right:0; font-size:16px; }
	.sub-contact-n .map-box .info-box ul li span.bar { margin:0 12px; height:12px; }
	
	footer .footerBox { padding:20px 0}
	footer .footerBox .flogo { margin:0 auto; }
	footer .footerBox .fmenu { position: relative; right:unset; top:unset; margin-top:30px; }
	footer .footerBox .fmenu ul { justify-content: center; }
	footer .footerBox .fmenu li a { font-size:14px; }
	footer .footerBox .info { margin-top:20px; }
	footer .footerBox .info p { font-size:16px; }
	footer .footerBox .info ul { padding-top:15px; }
	footer .footerBox .info li { margin-top:0; font-size:14px; }
	footer .footerBox .info li strong { font-size:14px; }
	footer .footerBox .txt_copyright { margin-top:30px; font-size:13px; }
}

@media (max-width: 480px) {
	.talent-con .circle-list .item p{font-size:16px;}
	.talent-con .circle-list .item .txt{font-size:11px;}
	.sub-contact-n .map-box .info-box ul li { align-items:flex-start; }
	.sub-contact-n .map-box .info-box ul li span.bar { display:block; width:0; height:0;}
}

@media (max-width: 420px) {
	/* main */
	.main-cnt .main-tit, 
	#mainFooter .top .txt-cnt p {font-size: 32px;}
	.main-cnt .tit-cnt > span {font-size: 15px;}
	.m-visual {height: 600px;}
	.m-visual .slide .visual-cnt .txt h2 > p {font-size: 35px;}
	.m-visual .next-img {width: 110px; height: 150px;}

	.m-product .slide .txt-slide .item .txt > span {font-size: 14px;}
	.m-product .slide .txt-slide .item .txt .main-tit, 
	.m-product .slide .txt-slide .item .txt .main-tit.line2 {font-size: 28px;}
	.m-product .slide .txt-slide .item .txt > p {font-size: 15px;}

	.m-business .tit-cnt {margin-top: -5px;}
	.m-business .scroll-area .txt p {font-size: 22px;}

	.m-quality .list {gap: 20px 0; }

	/* sub */
	#sv .sv-tit h2 {font-size: 32px;}
	#sv .sv-tit p {font-size: 15px;}
	.sub-tit p, 
	.h3-tit {font-size: 36px;}
	.sub-tit > p.t1 { font-size: 24px;}

	#introduce .history .content .listBox h4 {font-size: 30px;}

	#patent .list ul {gap: 14px;}
	#patent .list ul li {width: calc(50% - 7px);}

	#production .cnt3 .item {height: 250px;}
	#production .cnt3 .item .txt p{font-size:22px;}
	#production .cnt3 .item .txt span{font-size:14px;}
	#production .cnt4 .line .item ul li span{width: 80%;margin: 0 auto;}

	#assurance .circle-box .list ul{padding-left:30px;}

	.product-content .tab ul li a {padding: 14px 0;}
	.product-content .df-box .txt {margin-top: 30px;}

	.product-content .used02 ul li {width: 100%; padding-bottom: 100%;}
	.product-content .used02 ul li img {max-height: initial; transform:initial; } 
	
	.product-content .kind-list dd > ul > li { height: 240px; }

	#board .cnt3 .img-list .item {width: 100%;} 

	#talent .sub-titie br {display: none;}

	.talent-con .circle-list {border-radius: 79px; padding: 8px;}


	.online-inquiry .ipbox > ul > li { padding:15px 0 15px 0; }
	.online-inquiry .ipbox > ul > li > strong { position:relative; top:0; font-size:16px; width:auto; padding-left:15px; }
	.online-inquiry .ipbox > ul > li input[type="text"],
	.online-inquiry .ipbox > ul > li input[type="password"] { padding:0 15px; }
	.online-inquiry .ipbox > ul > li textarea { padding:10px 15px; }
	.online-inquiry .ipbox > ul > li .kcaptcha_ip { padding:10px 0 0 15px; }
	.online-inquiry .ipbox .ch { margin:40px auto 0 auto; }
	.online-inquiry .ipbox .btn { margin-top:30px; }
	.online-inquiry .ipbox .btn button span { font-size:17px; width:160px; height:50px; }


	/* footer */
	#mainFooter > .inner1600 {padding-bottom: 60px;}
	#mainFooter .btm {margin: 50px 0 0 0; }
}