/* 서브 공통 배너 */
.sub-banner {background:url("/assets/images/sub-banner01.png") no-repeat top center; background-size:cover; height:430px;}
.sub-banner.sub-banner1 {background:url("/assets/images/sub-banner01.jpg") no-repeat top center; background-size:cover;}
.sub-banner.sub-banner2 {background:url("/assets/images/sub-banner02.jpg") no-repeat top center; background-size:cover;}
.sub-banner.sub-banner3 {background:url("/assets/images/sub-banner03.jpg") no-repeat top center; background-size:cover;}
.sub-banner.sub-banner4 {background:url("/assets/images/sub-banner04.jpg") no-repeat top center; background-size:cover;}
.sub-banner .txt {color:#000; text-align:center;}
.sub-banner .txt h1 {font-weight:500; font-size:70px; padding-top:230px; letter-spacing:0;}
.sub-banner .txt h1 b {font-weight:900;}
.sub-banner .txt p {font-size:26px; margin-top:25px; letter-spacing:-0.01em;}


/* 네비 */
#navi {background:#fff; border-bottom:1px solid #bababa;}
#navi .con {text-align:left;}
#navi .navi-box {font-size:0;}
#navi .navi-box > div {border-right:1px solid #bababa; display: inline-block; vertical-align: top; height:50px; position:relative;}
#navi .navi-box > div.home {border-left:1px solid #bababa; text-align:center;}
#navi .navi-box > div.home a {display: inline-block; width:100%; height:100%; padding:0 20px;}
#navi .navi-box > div.home img {padding-top:18px;}
#navi .navi-box > div .name {font-size:14px; color:#000; line-height:50px; padding-left:20px; width:100%; cursor:pointer; position:relative;}
#navi .navi-box > div.depth-1 {width:130px;}
#navi .navi-box > div.depth-2 {width:300px;}

.plus-minus{ position: absolute; width: 16px; height: 16px; right: 15px; top:16px; }
.plus-minus:before, .plus-minus:after{ content: ""; position: absolute; background-color: black; transition: transform 0.25s ease-out; }

/* vertical line */
.plus-minus:before{ top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; }

/* horizontal line */
.plus-minus:after{ top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; }
.plus-minus:hover{cursor: pointer;}
#navi .navi-box > div.depth-2.on .plus-minus:before{transform: rotate(90deg);}
#navi .navi-box > div.depth-2.on .plus-minus:after{transform: rotate(180deg);}

#navi .navi-box > div .style-depth {display:none; position:absolute; left:0; top:50px; z-index:20; width:100%; background:#fff; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000;}
#navi .navi-box > div .style-depth li {display: inline-block; width:100%;}
#navi .navi-box > div .style-depth li a {display: inline-block; width:100%; line-height:40px; font-size:14px; color:#000; border-bottom:1px solid #ddd; padding-left:30px;}
#navi .navi-box > div .style-depth li a span{font-size: 12px;}
#navi .navi-box > div .style-depth li a:hover {background:#eee;}
#navi .navi-box > div .style-depth li:last-child a {border-bottom:none;}

/* 기업정보 */
.corporate .con {width:900px; margin:0 auto;}
.corporate-tit {}
.corporate-tit h2 {font-size:40px; font-weight:700; color:#323f90; padding-top:135px; padding-bottom:50px;}
.greeting-top {background:url("/assets/images/greeting-bg.png") no-repeat top center; background-size:cover; height:530px;}
.greeting-top .con {width:1000px; margin:0 auto; font-size:0; height:100%;}
.greeting-top .left, .greeting-top .right {display: inline-block; vertical-align: top; position:relative; z-index:1; width:50%; height:100%;}
.greeting-top .left .pic {position:absolute; bottom:0; left:45px; z-index:2;}
.greeting-top .left .pic-txt {color:#fff; font-weight:900; font-size:65px; line-height:80px; letter-spacing:0; position:absolute; left:0; top:70px; z-index:1; text-transform:uppercase;}
.greeting-top .right .txt {text-align:center; font-size:38px; line-height:64px; font-weight:700; color:#323f90; font-family: 'Nanum Myeongjo', serif; position:absolute; top:170px; left:0;}
.greeting-top .right .sign {font-size:20px; color:#000000; letter-spacing:0; position:absolute; bottom:50px; right:0;}
.greeting-top .right .sign img {position:relative; top:10px;}
.greeting-bot {}
.greeting-bot .con {}
.greeting-bot p {font-size:20px; letter-spacing:0; line-height:38px; color:#000; font-weight:300; padding-top:100px; padding-bottom:150px;}

.corporate-tit p {font-size:20px; font-weight:300; color:#666666; line-height:38px;}
.history {padding-bottom:400px;}
.history .box {display:flex; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: center; margin-top:85px;}
.history .box .left {}
.history .box .right {}
.history .box .group {margin-top:35px;}
.history .box .group .yy {color:#323f90; font-weight:900; font-size:30px;}
.history .box .group .txt {color:#666666; font-weight:300; font-size:20px; line-height:36px; margin-top:10px;}
.history .box .line { width:100%; height:75px; position:relative; z-index:2;}
.history .box .line + .group {margin-top:0;}
.history .box .line:after {content:""; width:1000px; height:1px; position:absolute; top:50%; transform:translateY(-50%); background:#bbbbbb; z-index:2;}
.history .box .left .line:after {left:0;}
.history .box .right .line:after {right:0;}
.history .box .pic {position:relative; z-index:4;}

.placeofbusiness {margin-top:70px;}
.placeofbusiness .section {margin-bottom:140px;}
.placeofbusiness .section .t1 {font-weight:700; font-size:24px; color:#323f90; letter-spacing:0;}
.placeofbusiness .section .t2 {font-weight:300; font-size:20px; color:#666666; line-height:36px; letter-spacing:0; margin-top:20px; padding-top:20px; border-top:1px solid #dedede;}
.placeofbusiness .section .box {text-align:left; background:#f6f6f6; padding:25px 30px; margin-top:55px;}
.placeofbusiness .section .box .ic {display: inline-block; vertical-align: top;}
.placeofbusiness .section .box .txt {display: inline-block; vertical-align: top; padding-left:30px;}
.placeofbusiness .section .box .txt .bt1 {font-weight:500; font-size:20px; color:#323f90; letter-spacing:0;}
.placeofbusiness .section .box .txt .bt2 {font-weight:300; font-size:20px; color:#666666; line-height:32px; letter-spacing:0; margin-top:10px;}

.aboutci {padding-bottom:200px; margin-top:70px;}
.aboutci .section {margin-bottom:200px;}
.aboutci .section .t1 {font-weight:700; font-size:24px; color:#323f90; letter-spacing:0;}
.aboutci .section .t2 {font-weight:300; font-size:20px; color:#666666; line-height:36px; letter-spacing:0; margin-top:20px; padding-top:20px; border-top:1px solid #dedede;}
.aboutci .section .box {text-align:left; background:#f6f6f6; padding:35px 40px; margin-top:55px;}
.aboutci .section .box .bt1 {font-weight:500; font-size:20px; color:#323f90; letter-spacing:0;}
.aboutci .section .box .bt-ul {margin-top:10px;}
.aboutci .section .box .bt-ul li {font-weight:300; color:#666666; font-size:20px; line-height:32px; position:relative; padding-left:20px;}
.aboutci .section .box .bt-ul li:before {content:"-"; position:absolute; left:4px; top:0;}
.aboutci .section2 .ci {text-align:center;}
.aboutci .section2 .ci-box {font-size:0; margin:65px -15px 0; text-align:center;}
.aboutci .section2 .ci-box li {display: inline-block; vertical-align: top; border:1px solid #dedede; width:300px; margin:0 15px 30px;}
.aboutci .section2 .ci-box li .pic {text-align:center; height:170px; display:flex; justify-content: center; align-items: center;}
.aboutci .section2 .ci-box li .pic img {max-width:100%; max-height:100%;}
.aboutci .section2 .ci-box li .txt {padding:0 30px 35px;}
.aboutci .section2 .ci-box li .txt .t1 {color:#ca252b; font-size:20px; font-weight:500;}
.aboutci .section2 .ci-box li .txt .t2 {color:#666666; font-size:20px; font-weight:300; line-height:32px; margin-top:10px;}

.philosophy {text-align:center; margin-top:70px; padding-bottom:200px;}

.organizationchart {text-align:center; margin-top:70px; padding-bottom:200px;}

.product-wrap {}
.product-wrap .pd-top {font-size:0;background:#ededed; padding:140px 0 120px;}
.product-wrap .pd-top .left {display: inline-block; vertical-align: top; width:540px; }
.product-wrap .pd-top .left .thum {box-shadow: 10px 17.321px 25px 0px rgba(0, 0, 0, 0.1); display: inline-block;}
.product-wrap .pd-top .right {display: inline-block; vertical-align: top; width:760px;}
.product-wrap .pd-top .right .t1 {color:#323f90; font-weight:300; font-size:40px;}
.product-wrap .pd-top .right .t1 strong {font-weight:700;}
.product-wrap .pd-top .right .t2 {font-size:20px; line-height:36px; color:#666666; margin-top:15px;}
.product-wrap .pd-top .right .t3 {font-weight:700; font-size:24px; color:#323f90; margin-top:30px;}
.product-wrap .pd-top .right table.pd-spec {table-layout:fixed; width:100%; border-top:1px solid #d4d4d4; margin-top:20px;}
.product-wrap .pd-top .right table.pd-spec th, .product-wrap .pd-top .right table.pd-spec td {vertical-align: top; padding:10px 0; line-height:20px;  color:#666666; font-size:16px; border-bottom:1px solid #d4d4d4;}
.product-wrap .pd-top .right table.pd-spec th {font-weight:500; width:140px; text-align:left;}
.product-wrap .pd-top .right table.pd-spec td {font-weight:300; line-height:26px;}
.pd-bot {padding-top:65px;}
.pd-bot .con {width:950px;}
.pd-bot .pd-tab {}
.pd-bot .pd-tab ul {font-size:0; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.pd-bot .pd-tab ul li:first-child {border-left:1px solid #bbbbbb;}
.pd-bot .pd-tab ul li {display: inline-block; vertical-align: top; color:#666666; font-weight:300; font-size:20px; border-right:1px solid #bbbbbb; line-height:50px; text-align:center; cursor:pointer;}
.pd-bot .pd-tab ul.col2 li {width:50%;}
.pd-bot .pd-tab ul.col4 li {width:25%;}
.pd-bot .pd-tab ul.col5 li {width:20%;}
.pd-bot .pd-tab ul li.on {background:#323f90; color:#fff; font-weight:500;}
.pd-bot .pd-tab .pd-ti{margin: 50px 0; text-align: center;}
.pd-bot .pd-tab .pd-ti p{ line-height: 1.6;}
.pd-bot .pd-tab .pd-ti.scroll::-webkit-scrollbar {
    display: none;
  }
  

  .gallery-glass {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    gap: 30px 10px;
  }
  .gallery-glass img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border: 1px solid #aaaaaa;
  }
  .gallery-glass figure {
    display: block;
    width: 24%; 
  }

  .gallery-glass figcaption {padding-top: 10px;text-align: center;}
  .subtx{color: #fff; line-height: 20px;}
  .pswp__caption{text-align: center;}
  .eng-li{text-align: center;}
  .pswp__ui--fit .pswp__caption{ }
  .pswp__caption__center{}
  .pswp__caption__center .subtx{color: #ff0; padding: 5px 0; font-size: 13px;}



.pd-tab-space {padding-bottom:100px;}
.pd-tab-space3 {}
.pd-tab-space .sejemok {color:#323f90; font-size:30px; font-weight:700; text-align:center; padding:100px 0 50px;}
.pd-tab-space .sejemok + p {font-weight:300; font-size:20px; color:#666666; margin-top:-20px; text-align:center; line-height:36px;}
.pd-tab-space .section {margin-bottom:70px;}
.pd-tab-space .section h4 {color:#323f90; font-weight:700; font-size:24px;}
.pd-tab-space .section h4 + p {color:#666666; font-weight:300; font-size:20px; line-height:36px; margin-top:20px;}
.pd-tab-space .section h4 + p.detail-img {margin-top:30px;}
.pd-tab-space .section ul.ul-problem {font-size:0; margin-top:25px;}
.pd-tab-space .section ul.ul-problem li {display: inline-block; font-size:20px; font-weight:300; color:#666666; margin-bottom:13px;}
.pd-tab-space .section ul.ul-problem li img {padding-right:7px;}
.pd-tab-space .section ul.ul-problem li:nth-child(odd) {width:40%;}
.pd-tab-space .section ul.ul-problem li:nth-child(even) {width:60%;}
.pd-tab-space .section ul.ul-problem-img {font-size:0; display:flex;     justify-content: space-between; margin-top:30px;}
.pd-tab-space .section ul.ul-problem-img li {display: inline-block; width:33.3333%; vertical-align: top; width:290px;}
.pd-tab-space .section ul.ul-problem-img li .img {border:1px solid #bbbbbb; height:170px;     display: flex; align-items: center; justify-content: center;}
.pd-tab-space .section ul.ul-problem-img li .txt {font-size:16px; font-weight:500; color:#666666; text-align:left; margin-top:15px;}
.pd-tab-space .section-line {background:#bbbbbb; height:1px; width:100%; margin:70px 0;}
.pd-tab-space .section .part {margin-top:90px;}
.pd-tab-space .section .part h5 {color:#666666; font-weight:500; font-size:20px; padding-bottom:30px;}
.pd-tab-space .section .part .ul-integral {font-size:0; margin:0 -2.5%;}
.pd-tab-space .section .part .ul-integral li {width:45%; vertical-align: top; margin:0 2.5% 5%; display: inline-block;}
.pd-tab-space .section .part .ul-integral li .img {height:240px; width:100%; border:1px solid #bbbbbb; border-bottom:none; display:flex; align-items: center; justify-content: center;}
.pd-tab-space .section .part .ul-integral li .img.hauto {height:auto;}
.pd-tab-space .section .part .ul-integral li .txt {background:#aaaaaa; color:#ffffff; font-weight:500; font-size:20px; line-height:42px; text-align:center;}
.pd-tab-space .section .part .box-integral {border:1px solid #bbbbbb; padding:40px;}
.pd-tab-space .section .part .box-integral .col {}
.pd-tab-space .section .part .box-integral .col-line {height:1px; width:100%; background:#bbbbbb; margin:30px 0;}
.pd-tab-space .section .part .box-integral .col .col-t1 {font-size:24px; font-weight:700; color:#323f90;}
.pd-tab-space .section .part .box-integral .col .col-t2 {font-size:20px; font-weight:300; color:#666666; margin:10px 0 20px;}

.pd-tab-space .section .item-txt p{font-size: 20px; line-height: 30px; color: #666666; font-weight: 300;}
.pd-tab-space .section .item-txt p:nth-of-type(3){font-size: 22px; font-weight: 500;}
.pd-tab-space .section .item-tit{display: flex; align-items: center;}
.pd-tab-space .section .item-tit .item-txt.ti2{padding-left: 30px;}
.pd-tab-space .section .ul-color {font-size:0; margin:0 -1%;}
.pd-tab-space .section .ul-color li {display: inline-block; width:18%; margin:0 1% 50px; vertical-align: top;}
/*.pd-tab-space .section .ul-color::after { content: ""; flex: auto; }*/
.pd-tab-space .section .ul-color li .img {border:1px solid #8e8e8e;}
.pd-tab-space .section .ul-color li .txt {font-size:16px; color:#666666; font-weight:500; line-height:18px; letter-spacing:0; margin-top:16px;}

.construction-box {margin-bottom:40px;}
.construction-box .img {text-align:center; display:flex; align-items: center; justify-content: center; padding-bottom:70px; padding-top:50px;}
.construction-box .txt {color:#fff; font-size:20px; font-weight:500; background:#aaaaaa; line-height:40px; display: inline-block; width:100%;}
.construction-box .construction-t1 {color:#323f90; font-weight:700; font-size:24px;}

.exhibition {margin-top:40px; padding-bottom:50px;}
.exhibition .t1 {color:#ff0000; font-weight:300; font-size:24px; text-align:center;}
.exhibition .t2 {text-align:center; margin-top:20px;}
.exhibition .t2 .box {display: inline-block; background:#323f90; color:#fff; font-weight:300; font-size:24px; line-height:60px; padding:0 60px;}
.exhibition .t2 .box b {font-weight:700;}
.exhibition .picbox {margin-top:50px;}
.exhibition .picbox .pic1 {}
.exhibition .picbox .pic2 {display:flex; margin-top:25px; justify-content: space-between;}
.exhibition .picbox .pic2 .half {display: inline-block; }
.exhibition .t3 {color:#323f90; font-weight:700; font-size:24px; padding:30px 0; border-bottom:1px solid #bbbbbb;}
.exhibition .t4 {font-size:20px; font-weight:500; color:#666666; margin-top:30px;}
.exhibition .t5 {font-size:24px; font-weight:300; color:#323f90; margin-top:15px;}
.exhibition .t5 b {font-weight:700;}


/* 물탱크 */
.product-wrap.water-tank .pd-top .right .t3 {margin-top:80px;}
.product-wrap .pd-top .right .bubble {margin-top:35px;}
.product-wrap .pd-top .right .bubble ul {display:flex; justify-content: space-between;}
.product-wrap .pd-top .right .bubble ul li {font-size:20px; color:#fff; height:135px; width:135px; border-radius:50%;     display: flex; align-items: center; place-content: center; line-height:1.4;}
.product-wrap .pd-top .right .bubble ul li:nth-child(odd) {background:#323f90;}
.product-wrap .pd-top .right .bubble ul li:nth-child(even) {background:#9ba2c8;}

.spacer {height:120px;}
.spacer2 {height:40px;}
.spacer3 {height:20px;}
.pd-tab-space .section .c1 {font-weight:500; font-size:16px; color:#323f90; margin:55px 0 0;}
.pd-tab-space .section .ul-construction {display:flex;     justify-content: space-between; margin-top:15px;}
.pd-tab-space .section .ul-construction.col1 {margin-top:30px;}
.pd-tab-space .section .ul-construction li {display: inline-block;}
.pd-tab-space .section .ul-construction li .img {width:100%; border-bottom:none; display:flex; align-items: center; justify-content: center;}
.pd-tab-space .section .ul-construction li .img.hauto {height:auto;}
.pd-tab-space .section .ul-construction li .txt {background:#aaaaaa; color:#ffffff; font-weight:500; font-size:20px; line-height:42px; text-align:center;}
.pd-tab-space .section .box-construction {font-size:0; margin:30px -100px 0; text-align:center;}
.pd-tab-space .section .box-construction .half {display: inline-block; vertical-align: top;  }
.pd-tab-space .section .box-construction.box-construction2 {margin:50px 0 0;}
.pd-tab-space .section .box-construction.box-construction2 .half:first-child {padding-top:20px; padding-right:40px;}

.tbl-water1 {}
.tbl-water1 .tbl-t1 {font-size:16px; font-weight:500; color:#000000; text-align:left; margin-bottom:10px;}
.tbl-water1 table {table-layout:fixed; width:400px;}
.tbl-water1 table + table {margin-top:50px;}
.tbl-water1 table thead th {color:#fff; font-size:14px; font-weight:500; background:#323f90; text-align:center; vertical-align: middle; border:1px solid #fff; padding:10px 20px;} 
.tbl-water1 table thead th:first-child {width:135px; }
.tbl-water1 table tbody th {color:#323f90; font-size:14px; font-weight:500; text-align:center; text-align:center; padding:10px 0; border-bottom:1px solid #bbb;}
.tbl-water1 table tbody td {font-size:14px; font-weight:300; color:#666666; text-align:center; text-align:center; padding:10px 0; border-bottom:1px solid #bbb;}

.tbl-water2 {}
.tbl-water2 .tbl-t1 {font-size:20px; font-weight:500; color:#666666; text-align:left;}
.tbl-water2 table {table-layout:fixed; width:100%; margin-top:24px;}
.tbl-water2 table thead th {background:#323f90; color:#ffffff; font-weight:500; font-size:16px; padding:15px 0; text-align:center; border-right:1px solid #fff;}
.tbl-water2 table tbody th {color:#323f90; font-weight:500; font-size:16px; padding:18px 0; text-align:center; border-bottom:1px solid #bbb;}
.tbl-water2 table tbody td {color:#666666; font-weight:300; font-size:16px; text-align:center; border-bottom:1px solid #bbb; vertical-align: middle;}
.tbl-water2 .tbl-t2 {font-weight:300; color:#666666; font-size:16px; margin-top:12px;}

.panel {border-top:1px solid #bbbbbb; padding-top:20px; margin-top:20px;}
.panel .p-txt {font-size:0;}
.panel .p-txt > div {font-weight:500; font-size:20px; color:#666666; display: inline-block; vertical-align: top; width:50%;}
.panel .p-txt .ltxt {text-align:left;}
.panel .p-txt .rtxt {text-align:center; padding-right:120px;}
.panel .img {margin-top:25px; padding-bottom:15px;}

.pd-tab-space.water-tank-4 .section {margin-bottom:95px;}

.plumbing {display:flex; justify-content: space-between;}
.plumbing h4 {display: inline-block; vertical-align: top;}
.plumbing .img {text-align:right; display: inline-block; vertical-align: top;}

.production-tab {margin:115px 0 95px;}
.production-tab ul {margin:0 -1.111%; font-size:0;}
.production-tab ul li {font-size:24px; color:#666666;    width:31.111%; margin:0 1.111%; display: inline-block; line-height:52px; text-align:center; vertical-align: top; position:relative; border:3px solid #fff;border-radius:30px; cursor:pointer;}
.production-tab ul li:after {content:""; width:100%; height:1px; background:#7f7f7f; position:absolute; left:0; bottom:0;}
.production-tab ul li.on {border:3px solid #323f90;  font-weight:700; color:#323f90;} 
.production-tab ul li.on:after {content:none;}

.production-space h3 {font-weight:700; font-size:24px; color:#323f90;}
.production-space ul {font-size:0; margin:0 -1%; margin-top:30px;}
.production-space ul li {vertical-align: top; width:48%; margin:0 1% 47px; display: inline-block;}
.production-space ul li .thum {}
.production-space ul li .txt {color:#666666; font-size:20px; line-height:23px; margin-top:15px;}
.production-space ul li .txt .num {display: inline-block; background:#323f90; color:#fff; font-size:12px; font-weight:900; width:23px; height:23px; line-height:23px; border-radius:50%; text-align:center; vertical-align: middle;}

/* 지중저압 접속함 */
.pd-tab-space .section .txtimgline {background:#bbbbbb; margin:25px 0 65px; width:100%; height:1px;}
.pd-tab-space .section .item-title {color:#666666; font-size:20px; font-weight:300;}
.pd-tab-space .section .item-title b {font-weight:500;}
.pd-tab-space .section .item-img {margin-top:30px; text-align:center; margin-bottom:40px;}

/* 인증서 */
.certificate {padding-top:140px;}
.certificate .con {width:950px; margin:0 auto;}
.certificate h1 {color:#323f90; font-weight:700; font-size:40px; text-align:left;}
.certificate h2 {color:#323f90; font-weight:700; font-size:30px; text-align:center; margin:50px 0 15px;}
.certificate h2 + p {color:#666666; font-weight:300; font-size:20px; line-height:34px; text-align:center;}
.certificate .box {background:#f6f6f6; padding:40px 50px; text-align:left; margin-top:55px;}
.certificate .box h3 {color:#323f90; font-weight:500; font-size:20px;}
.certificate .box p {font-weight:300; font-size:20px; line-height:32px; margin-top:15px;}
.certificate ul {font-size:0; display:flex;     justify-content: space-between; flex-wrap: wrap; margin-top:100px;}
.certificate ul li {display: inline-block; width:456px; margin-bottom:95px; width:300px;}
.certificate ul li .pic {position:relative; z-index:1;}
.certificate ul li .txt {position:relative; z-index:2; margin-top:-10px; background:#aaaaaa; color:#ffffff; font-weight:500; font-size:20px; line-height:40px; text-align:center;}

/* 조달청 */
.procurement {padding-top:140px;}
.procurement .con {width:950px; margin:0 auto;}
.procurement h1 {font-weight:700; font-size:40px; color:#323f90; text-align:center;}
.procurement .p-logo {text-align:center; margin:28px 0 34px;}
.procurement .ipt-searchbox {font-size:0; text-align:center;}
.procurement .ipt-searchbox input {display: inline-block; background:#fff; outline:none; border:8px solid #48aa33; height:70px; color:#e6002d; font-weight:500; font-size:24px; padding:0; box-sizing:border-box; vertical-align: top; width:520px; padding-left:20px;}
.procurement .ipt-searchbox button {display: inline-block; outline:none; cursor:pointer; background:#48aa33; border:none; color:#fff;  font-weight:500; font-size:23px; width:85px; height:70px; line-height:70px; vertical-align: top; margin-left:14px;}
.procurement .btn-wrap {text-align:center; margin-top:80px;}
.procurement .btn-wrap .barobtn {color:#323f90; border:1px solid #323f90; font-size:20px; font-weight:700; width:210px; line-height:58px; height:60px; background:#fff; text-align:center; display: inline-block;}

/* 물탱크 톤수용량표 테이블 */
.tbl-xl {margin-top:85px;}
.tbl-xl table {table-layout:fixed; width:100%; border-bottom:2px solid #000; border-top:2px solid #000;}
.tbl-xl table tr.bd-bottom-bold {border-bottom:2px solid #000;}
.tbl-xl table tr.bd-bottom-regular {border-bottom:1px solid #000;}
.tbl-xl table td {height:27px; text-align:center; vertical-align: middle; border-right:1px solid #7b7b7b; font-size:12px; font-weight:400;}
.tbl-xl table td:nth-child(2n+1) {border-right:2px solid #000;}
.tbl-xl table td:first-child {font-size:18px; font-weight:300; padding:5px 0;}
.tbl-xl table td:last-child {border-right:none;}
.tbl-xl table tr:first-child td {border-right:2px solid #000; background:#f2f2f2; font-size:18px; padding:10px 0;}
.tbl-xl table tr:first-child td:first-child {background:#fff;}
.tbl-xl table tr:first-child td:last-child {border-right:none;}
.tbl-xl table tr:nth-child(even) {background:#e6ebf6;}

.tbl-xl table tr:nth-child(2) {background:#fff;}
.tbl-xl table tr:nth-child(2) td {border-right:1px solid #000; font-size:12px; font-weight:400;}
.tbl-xl table tr:nth-child(2) td:nth-child(2n) {border-right:2px solid #000;}
.tbl-xl table tr:nth-child(2) td:last-child {border-right:none;}

.psbox {font-size:0; margin-top:85px;}
.psbox .left {display: inline-block; vertical-align: top; width:50%;}
.psbox .left .thum {display: inline-block; box-shadow: 10px 17.321px 25px 0px rgba(0, 0, 0, 0.1);}
.psbox .right {display: inline-block; vertical-align: top; width:50%;}
.psbox .right .tbl-wrap {}
.psbox .right .tbl-wrap table {table-layout:fixed;}
.psbox .right .tbl-wrap table th {text-align:left; width:120px; color:#323f90; font-weight:500; font-size:20px; line-height: 30px;}
.psbox .right .tbl-wrap table td {color:#666666; font-weight:300; font-size:20px; line-height:30px; }

.facilities {padding-bottom:150px;}
.facilities .con {width:950px; margin:0 auto;}
.facilities .facilities-tit {}
.facilities .facilities-tit h2 {font-size:40px; font-weight:700; color:#323f90; padding-top:135px;}
.facilities .facilities-tit p {font-size:20px; font-weight:300; color:#666666; margin-top:25px;}
.facilities .fi {margin-top:42px;}
.facilities .fi h3 {color:#323f90; font-weight:700; font-size:24px;}
.facilities .fi .img {margin-top:25px;}
.facilities .fi .txtbox {background:#f6f6f6; color:#666666; font-size:20px; font-weight:300; padding:25px 35px; margin-top:15px;}

.laboratory {margin-top:50px;}
.laboratory ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.laboratory ul li {margin-bottom:58px;}
.laboratory ul li h4 {text-align:left; margin-bottom:20px; color:#323f90; font-weight:700; font-size:24px;}
.laboratory ul li .img {border:1px solid #bbbbbb;}


/* 고객센터 */
.cs {padding-bottom:150px;}
.cs .con {width:950px; margin:0 auto;}
.cs .cs-line {background:#323f90; height:2px; width:100%; margin-top:30px;}
.cs .cs-tit {}
.cs .cs-tit h2 {font-size:40px; font-weight:700; color:#323f90; padding-top:135px;}
.cs .cs-tit p {font-size:20px; font-weight:300; color:#666666; margin-top:35px;}
.cs .btn-wrap {text-align:center; margin-top:80px;}
.cs .btn-wrap .btn {color:#323f90; border:1px solid #323f90; font-size:20px; font-weight:700; width:210px; line-height:58px; height:60px; background:#fff; text-align:center; display: inline-block; cursor:pointer;}

/* 온라인 */
.online {padding:0 30px;}
.online .required {color:#ff0000; font-weight:300; font-size:14px;}
.online .tbl-top {text-align:right; font-weight:300; color:#666666; font-size:14px; padding:15px 0;}
.online table {width:100%;}
.online table th, .online table td {}
.online table th {color:#666666; font-weight:400; font-size:16px; vertical-align: top; width:130px; text-align:left; padding-top:19px; padding-left:20px; padding-right:10px; line-height:24px;}

.online table td {padding:15px 0;}
.online table td input, .online table textarea, .online table select {border:1px solid #e0e0e0; background:#fff; outline:none; box-sizing:border-box; padding:0; font-size:16px; font-weight:300; color:#666666; letter-spacing:0; width:100%;}
.online table td input, .online table select {height:36px; /*width:300px;*/}
.online table td textarea {resize:none; height:360px; padding:20px;}
.online table td textarea.privacy {height:140px;}
.online table td textarea + div {margin-top:10px;}
.online table td label {font-weight:300; font-size:14px; color:#666666; cursor:pointer;}
.online table td input[type="checkbox"] {width:15px; height:15px; position:relative; top:2px;}


/* 온라인 영문 */
.online2 {padding:0 30px;}
.online2 .required {color:#ff0000; font-weight:300; font-size:14px;}
.online2 .tbl-top {text-align:right; font-weight:300; color:#666666; font-size:14px; padding:15px 0;}
.online2 table {width:100%;}
.online2 table th, .online table td {}
.online2 table th {color:#666666; font-weight:400; font-size:16px; vertical-align: top; width:150px; text-align:left; padding-top:19px; padding-left:20px; padding-right:10px; line-height:24px;}
.online2 table td {padding:15px 0;}
.online2 table td input, .online2 table textarea, .online table select {border:1px solid #e0e0e0; background:#fff; outline:none; box-sizing:border-box; padding:0; font-size:16px; font-weight:300; color:#666666; letter-spacing:0; width:100%;}
.online2 table td input, .online2 table select {height:36px; /*width:300px;*/}
.online2 table td textarea {resize:none; height:360px; padding:20px;}
.online2 table td textarea.privacy {height:140px;}
.online2 table td textarea + div {margin-top:10px;}
.online2 table td label {font-weight:300; font-size:14px; color:#666666; cursor:pointer;}
.online2 table td input[type="checkbox"] {width:15px; height:15px; position:relative; top:2px;}




/* 홍보동영상 */
/* .pr-video {padding:0 100px;} */
.pr-video .part {margin-bottom:35px;}
.pr-video .part .txt {font-size:16px; color:#666666;}
.pr-video .part .thumb {position:relative; 
    /* border:1px solid #dedede;  */
    min-height:400px; width:100%; margin-top:18px; display:flex; flex-wrap: wrap; align-content: center; justify-content: center; overflow: hidden; color:#D9D9D9; font-size:30px; font-weight:700; cursor:pointer;}
.pr-video .part .thumb .video_over {position:absolute; left:0; top:0; z-index:15; color:#fff; font-size:80px; font-weight:700; display:flex; align-items:center; height:100%; width:100%;justify-content: center; background:rgba(0,0,0,0.55); transition:0.3s;}
.pr-video .part .thumb .video_over:hover {background:none;}
.video_mp4 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:11111;}
.video_mp4 .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.48);}
.video_mp4 .close {position:absolute;right:0; top:0; margin-top:-50px; width:43px;height:43px;cursor:pointer;}
.video_mp4 .close a {color:#fff; font-size:40px;}
.video_mp4 .video {position:absolute;left:50%;top:50%;  transform:translate(-50%,-50%); width:960px;height:540px;     box-shadow: rgb(0 0 0 / 62%) 3px 8px 20px 5px;}

/* 게시판 */
.board-wrap {margin-top:30px;}
.board-wrap .btn-wrap {text-align:center;}
.board-wrap .btn-wrap .btn {color:#323f90; border:1px solid #323f90; font-size:20px; font-weight:700; width:210px; line-height:58px; height:60px; background:#fff; text-align:center; display: inline-block; cursor:pointer;}

.spacebar {display: inline-block; width:10px;}

.tbl-list {border-top:2px solid #323f90; width:100%;}
.tbl-list tr {}
.tbl-list tr th, .tbl-list tr td {text-align:center; vertical-align: middle; padding:20px 5px; border-bottom:1px solid #dedede; letter-spacing:0;}
.tbl-list thead tr th {font-size:16px; font-weight:400; color:#323f90;}
.tbl-list tbody tr td {font-size:14px; font-weight:300; color:#666666;}
.tbl-list tbody tr td.left {text-align:left;}
.tbl-list tbody tr td.left a {font-size:14px; font-weight:300; color:#666666;}
.tbl-list tbody tr td .btn {display: inline-block; font-weight:500; font-size:10px; color:#666666; background:#ebebeb; border:1px solid #d1d1d2; width:70px; height:24px; line-height:22px; text-align:center; border-radius:1px; letter-spacing:0;}
.tbl-list tbody tr td .btn + .btn {margin-left:11px;}

.tbl-read {border-top:2px solid #323f90; width:100%;}
.tbl-read tr th, .tbl-read tr td {text-align:center; vertical-align: middle; letter-spacing:0;}
.tbl-read thead tr th {font-size:16px; font-weight:500; color:#323f90; text-align:center; padding:20px 5px;}
.tbl-read tbody tr td {font-size:14px; font-weight:300; color:#666666;}
.tbl-read tbody tr td .date {padding:20px 40px; text-align:left; border-top:1px solid #dedede; }
.tbl-read tbody tr td .txt {padding:25px 40px; text-align:left; border-top:1px solid #626262; font-weight:400; line-height:1.4; min-height:305px; border-bottom:1px solid #dedede;}

#paging {text-align:center; margin-top:30px; font-size:0;}
#paging span {    display: inline-block; width: auto; vertical-align: middle; margin:0 2px;}
#paging span a {   display: inline-block; width: 100%; height: auto; margin: 0; border: none; width:22px;  text-align:center; line-height: 20px; height: 22px; color: #fff; font-size: 10px; background:#fff; color: #666666; border: 1px solid #444444;}
#paging span.active a {background:#444444; color:#fff;}


/* 주요거래처 */
.customers {margin-top:125px;}
.customers .part {margin-bottom:55px;}
.customers h3 {color:#323f90; font-weight:700; font-size:24px;}
.customers ul { display:flex;     flex-wrap: wrap; justify-content: space-between; margin-top:25px;}
.customers ul li {border:1px solid #dedede; display:flex; height:90px; flex:0 0 220px; flex-wrap: wrap; align-content: center; justify-content: center; overflow: hidden; color:#D9D9D9;}
.customers ul li img {}