.subVisual  {width:100%; height:600px; position:relative;}
.subVisual.sv02 {background:url(/img/sub/sv02.jpg) no-repeat center / cover;}
.subVisual.sv03 {background:url(/img/sub/sv03.jpg) no-repeat center / cover;}
.subVisual.sv04 {background:url(/img/sub/sv04.jpg) no-repeat center / cover;}
.subVisual.sv05 {background:url(/img/sub/sv05.jpg) no-repeat center / cover;}


.subBox {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10; text-align:center;}
.subNavi {display:flex; align-items:center; gap:15px; justify-content:center; margin-top:50px;}
.subpd {padding:150px 0;}
.pt0 {padding-top:0 !important;}
.texr {text-align:right;}

.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt55 {margin-top:55px;}
.mt190 {margin-top:190px;}
.mt220 {margin-top:220px;}


@media screen and (max-width:1080px){
.subpd {padding:100px 0;}
.mt190 {margin-top:100px;}
.mt220 {margin-top:100px;}
}
@media screen and (max-width:767px){
.subpd {padding:80px 0;}
.subVisual {height:300px;}
.mt190 {margin-top:80px;}
.mt220 {margin-top:80px;}
}



/*회사소개*/
.p01sec01 .j_inner {padding:150px 0 290px;position:relative;}
.p01sec01 .j_inner::after {content:''; position:absolute; width:440px; height:440px; right:0; bottom:118px;; background:url(/img/sub/p01sec01_bg.png) no-repeat center / cover; }

.parallax-wrapper {position: relative;width: 100%;height: 400px;overflow: hidden;border-radius: 400px;margin: 70px auto 100px auto;}
.parallax-wrapper::after {content:'';position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, .53);} 
.parallax-img {position: absolute;top: 50%;left: 50%;width: auto;height: auto;min-width: 100%;min-height: 100%;transform: translate(-50%, -50%);will-change: transform;}

.image-wrapper {position: relative;width: 100%;height: 400px;overflow: hidden;border-radius: 400px;margin: 70px auto 100px auto; background: url("/img/sub/p0101_img01.jpg") center/cover no-repeat;}


.p01content02 {display:flex;}
.p01c02Lt {width:50%;}
.p01c02Rt {width:50%;}
.p01c02Lt p {word-break:keep-all; line-height:1.6em;}
.p01c02Rt p {word-break:keep-all; line-height:1.6em;}

.p01c02List {padding:19px 10px; box-sizing:border-box; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; margin:19px 0;}
.p01c02Item {display:flex; align-items:center; gap:12px;}
.p01c02Item + .p01c02Item {margin-top:10px;}
.p01c02Item i img{display:block;}

@media screen and (max-width:1280px){
.mt40 {margin-top:20px;}
.p01content02 {flex-wrap:Wrap;}
.p01c02Lt {width:100%;}
.p01c02Rt {width:100%;}
.p01c02Lt br {display:none;}
.p01sec01 .j_inner::after {bottom:120px;}
.p01sec01 .j_inner {padding:120px 0;}
.p01c02Rt br {display:none;}
}

@media screen and (max-width:767px){
.p01sec01 .j_inner::after {width:220px; height:220px;}
.p01sec01 .j_inner {padding:80px 0;}
.parallax-wrapper, .image-wrapper {border-radius:20px; height:230px; margin:40px auto 40px auto;}
.p01c02Item {align-items: flex-start;}
}

/*product*/
.subCate {display:flex; border-radius:30px; overflow:hidden; max-width:1200px;justify-content:center; margin:0 auto; border:1px solid #e0e0e0; box-sizing:border-box; margin-bottom:90px;}
.subCate li {width:14.2%; text-align:Center;}
.subCate li.on {background:#000; border-radius:30px;}
.subCate li a {display:block; font-size:var(--font-size-18); font-weight:600; padding:20px 0;}
.subCate li.on a {color:#fff;}

.proList {display:flex; max-width:1330px; margin:0 auto; margin-top:73px;}

.proList .proItem {width:calc((100% - 33px*2)/3); margin-right:33px; border:1px solid #dddddd; border-radius:40px; overflow:hidden; box-sizing:border-box;}
.proList .proItem figure img {width:100%;}
.proList .proItem:nth-of-type(3n) {margin-right:0;}

.proList.twoImg {justify-content:center;}
.proList.sixImg {flex-wrap:wrap;}
.proList.fourImg .proItem:nth-of-type(3n) {margin-right:33px;}
.proList.fourImg .proItem:nth-of-type(4n) {margin-right:0;}

.proList.sixImg  .proItem:nth-of-type(3n) {margin-right:0;}
.proList.sixImg  .proItem:nth-of-type(n + 4) {margin-top:33px;}

.proTable {width:100%; text-align:Center; min-width:720px;}
.proTable thead {border-top:1px solid #000; border-bottom:1px solid #dddddd;  box-sizing:border-box;}
.proTable thead tr {background:#e9ecf4;}
.proTable thead tr th{ padding:23px 0;}
.proTable tbody tr {border-bottom:1px solid #dddddd;  box-sizing:border-box;}
.proTable tbody tr td.Prolabel {background:#f0f2f9;}
.proTable tbody tr td {padding:23px 0;}

.proDrawList {display:flex; margin-top:80px;}
.proDrawList.threeImg {justify-content:center;}
.proDrawList li {width:calc((100% - 50px*3)/4); margin-right:50px;}
.proDrawList li:nth-of-type(4n) {margin-right:0;}
.proDrawList li figure img {width:100%;}


.proComTB {width:100%; text-align:center;  min-width:720px;}
.proComTB thead {border-top:1px solid #000; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.proComTB thead tr {background:#e9ecf4;}
.proComTB thead tr th {font-size:var(--font-size-20); font-weight:400; padding:18px 0; }
.proComTB tbody tr {border-bottom:1px solid #dddddd;  box-sizing:border-box;}
.proComTB tbody tr td {padding:18px 0;}
.proComTB tbody tr td.Prolabel { background:#f0f2f9;font-family: "Outfit", sans-serif; font-size:var(--font-size-20); font-weight:600; }

.proTableWrap {width: 100%;overflow: hidden;}
.proComTableBox {width: 100%;overflow: hidden;}
.tbl_basic {overflow-x: auto;}



@media screen and (max-width:920px){
	.proDrawList.threeImg {justify-content:unset;}
	.proList {margin-top:35px; flex-wrap:wrap;}
	.proList .proItem {width:calc((100% - 20px)/2); margin-right:20px; }
	.proList .proItem:nth-of-type(2n) {margin-right:0;}
	.proList .proItem:nth-of-type(n + 3) {margin-top:20px;}
	.proDrawList {flex-wrap:wrap; margin-top:40px;}
	.proDrawList li {width:calc((100% - 30px)/2); margin-right:30px;}
	.proDrawList li:nth-of-type(2n) {margin-right:0;}
	.proDrawList li:nth-of-type(n + 3) {margin-top:20px;}
	.proList.fourImg .proItem:nth-of-type(3n) {margin-right:auto;}
	.proList.sixImg  .proItem:nth-of-type(3n) {margin-right:auto;}
	.proList.sixImg .proItem:nth-of-type(n + 4) {margin-top:20px;}
}

@media screen and (max-width:720px){
	.proList {flex-wrap:wrap;}
	.subTxtBox p br {display:none; word-break:keep-all;}
	.subCate {flex-wrap:wrap;     justify-content:unset; border-radius:5px;}
	.subCate li {width:25%;}
	.subCate li.on {border-radius:10px;}
	.subCate li a {padding:10px 0;}

}

/*솔루션*/
.swPoint {display:flex; margin-top:40px;}
.swPoint li{background:#f4f6fb; border-radius:5px; overflow:hidden;padding:40px 0; width:calc((100% - 15px*4)/5); box-sizing:border-box; margin-right:15px; text-align:Center;}
.swPoint li:nth-of-type(5n) {margin-right:0;}
.swPoint li h2 {margin-top:40px;}

.Qbox {padding:25px; border-radius:5px; }
.Qbox h4 {color:rgba(0,0,0, .8);}
.Qbox p {color:rgba(0,0,0, .5);}

.certiWrap {display:flex; margin-top:50px; flex-wrap:wrap;}
.certiWrap > div {padding:50px 30px; box-sizing:border-box; width:calc((100% - 25px)/2); margin-right:20px; box-sizing:border-box; background:#fff; border-radius:5px; position:relative; z-index:2; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.certiWrap > div p {position:relative; z-index:2;}
.certiWrap > div:nth-of-type(2n) {margin-right:0;}
.certiWrap > div:nth-of-type(n + 3) {margin-top:25px;}

.certiWrap div .certi_img {position:absolute; z-index:1; top: 10px; right: 30px;opacity:0.1; width:160px; height:160px;}
.certiWrap div .certi_img img {width:100%;}

.p04TbWrap h4 {margin-top:30px;}
.p04Tb {width:100%; margin-top:20px;}
.p04Tb tr td.p04Tblabel{background:#f4f6fb; font-size:var(--font-size-20); font-weight:700;}
.p04Tb tr {border-bottom:1px solid #ececec;}
.p04Tb tr th {padding:20px; font-weight:700; font-size:var(--font-size-20); border-top:2px solid #000; }
.p04Tb tr th.p04Tblabel{background:#f4f6fb;}
.p04Tb tr td {padding:20px; font-size:var(--font-size-18); font-weight:500;}



@media screen and (max-width:1080px){
.swPoint  {flex-wrap:Wrap;}
.swPoint li  {width:calc((100% - 15px)/2); box-sizing:border-box; margin-right:15px;}
.swPoint li:nth-of-type(2n) {margin-right:0;}
.swPoint li:nth-of-type(n + 3) {margin-top:15px;}
}

@media screen and (max-width:767px){
.certiWrap div .certi_img {position:absolute; z-index:1; top: -20px; right: 5px;opacity:0.1; width:110px; height:110px;}
}


@media screen and (max-width:720px){
.swPoint li h2 {margin-top:25px;}
.certiWrap div {width:100%; margin-right:0; padding:30px 15px;}
.certiWrap div:nth-of-type(n + 2) {margin-top:25px;}
.p04TbWrap h4 {font-size:16px;}
.certiWrap {margin-top:25px;}
.p04Tb tr th {padding:10px 0;}
.p04Tb tr td {padding:10px 5px; word-break:keep-all;}
.swPoint li {padding:20px 0;}
.swPoint li h2 {font-size:14px;}
.p04Tb tr td.p04Tblabel {font-size:12px;}
.p04TbWrap h4 {margin-top:15px;}
.certiBox .mt30 {margin-top:15px;}
}