@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
input.input.type4{border:2px solid #000;}
.doc-tit{font-size:30px;color:#2c2c2c;font-weight:700;padding-left:41px;position:relative;margin-bottom:26px;}
.doc-tit:before{content:'';width:28px;height:28px;background:url('../images/sub/list_icon.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:-1px;}
.doc-txt{font-size:22px;color:#2c2c2c;font-weight:600;line-height:1.5em;}

.check-box{display:flex;}
.check-box .box{width:50%;text-align:center;padding:45px 10px 40px;border:1px solid #dfdfdf;border-right:0;}
.check-box .box:last-child{border-right:1px solid #dfdfdf;}
.check-txt{font-size:18px;font-weight:500;padding-top:38px;position:relative;display:inline-block;}
.check-txt:before{content:'';width:28px;height:28px;background:url('../images/sub/icon_check.png')no-repeat 50% 50%/contain;position:absolute;top:0;left:50%;margin-left:-14px;}

.dot-list{border:1px solid #dfdfdf;border-top:2px solid #006ea3;height:100%;background-color:#f0f8fc;line-height:1.5em;color:#2c2c2c;font-weight:500;padding:25px 20px 10px;}
.dot-list li{margin-bottom:17px;padding-left:17px;position:relative;}
.dot-list li:before{content:'';width:6px;height:6px;background-color:#ccc;border-radius:50%;position:absolute;left:0;top:7px;}
.dot-list li:last-child{margin-bottom:0;}

/*.real-cont.type1{background:url('../images/sub/greeting_bg.jpg')no-repeat 100% 100%/cover;}*/
.greeting .img-box{position:relative;margin-bottom:136px;}
.greeting .img-box .gra-txt{font-size:38px;font-weight:200;line-height:1.316em;padding:57px 81px 57px 61px;background:linear-gradient( 135deg, #006ea3, #192a5e);display:inline-block;color:#fff;position: absolute;right:60px;bottom:-65px;box-shadow:3px 3px 20px rgba(3,16,55,.3);}
.greeting .img-box .gra-txt span{font-weight:700;}
.greeting .txt-box p{margin-bottom:31px;font-size:18px;}
.greeting .txt-box p:last-child{margin-bottom:0;}

.company .top-txt{text-align:center;margin-bottom:50px;}
.company .color-txt{font-size:36px;color:#006ea3;font-weight:700;margin-bottom:13px;}
.company .top-txt .txt{font-size:20px;line-height:1.6em;font-weight:300;color:#2c2c2c;}
.company .content{margin-bottom:115px;}
.company .content:last-child{margin-bottom:0;}
.company .img-box{display:flex;margin:0 -20px 40px;}
.company .img-box .img{width:50%;padding:0 20px;}

.history .con{position:relative;}
.history .con:after{content:'';width:100%;height:5px;background:linear-gradient( to right, #006ea3, #192a5e);position:absolute;bottom:78px;}
.history .con .row{position:relative;padding-left:327px;display:flex;}
.history .con .row:before{content:'';width:20px;height:20px;background-color:#fff;border-radius:50%;border:5px solid #006ea3;position: absolute;bottom:70px;left:0;z-index:1;}
.history .con .row:after{content:'';width:20px;height:20px;background-color:#fff;border-radius:50%;border:5px solid #192a5e;position: absolute;bottom:70px;right:0;z-index:1;}
.history .con .col{width:calc(50% - 45px);margin-right:45px;}
.history .con .col .info li{display:flex;position:relative;}
.history .con .col .info li .month{font-size:20px;color:#006ea3;font-weight:600;position: absolute;}
.history .con .col .info li .txt{font-size:18px;color:#2c2c2c;font-weight:500;margin-left:44px;}
.history .con .col .year{color:#006ea3;font-size:40px;font-weight:600;margin-top:78px;position:relative;display:inline-block;}
.history .con .col .year:before{content:'';width:24px;height:33px;background:url('../images/sub/trickle.png')no-repeat 50% 50%/contain;position:absolute;top:-61px;left:50%;margin-left:-12px;z-index:1;}
.history .circle-box{display:flex;justify-content:center;margin-top:115px;margin-bottom:60px;}
.history .circle-box .circle{max-width:200px;width:100%;color:#fff;font-size:24px;font-weight:700;line-height:1.417em;margin-right:60px;}
.history .circle-box .circle:last-child{margin-right:0;}
.history .circle-box .circle .txt-box {position:relative;padding-bottom:100%;background-color:#006ea3;border-radius:50%;}
.history .circle-box .circle .txt-box .inner{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;}
.history .list-box ol{display:flex;text-align:center;margin-right:-60px;}
.history .list-box ol.type2{margin-top:40px;}
.history .list-box ol li{width:calc(25% - 60px);margin-right:60px;border:1px solid #dfdfdf;padding:40px 10px 35px;background-color:#fff;position:relative;}
.history .list-box ol li:after{content:'';width:14px;height:16px;background:url('../images/sub/history_arrow.png')no-repeat 50% 50%/contain;position:absolute;right:-37px;top:50%;margin-top:-8px;}
.history .list-box ol li:last-child:after{display:none;}
.history .list-box ol li .num{font-weight:800;color:#006ea3;margin-top:10px;line-height:1em;}
.history .list-box ol li .txt{font-size:18px;font-weight:700;color:#2c2c2c;margin-top:5px;}
.history .list-box ol li:nth-child(even){background-color:#fafafa;}
.history .list-box ol.type2 li:nth-child(odd){background-color:#fafafa;}
.history .list-box ol.type2 li:nth-child(even){background-color:#fff;}

.organization .img{margin-bottom:115px;}
.organization .check-box .box{width:20%;}
.organization .check-box dt{color:#192a5e;font-weight:700;margin-bottom:5px;}
.organization .check-box dd{line-height:1.5em;}

.system .content{margin-bottom:117px;}
.system .content:last-child{margin-bottom:0;}
.system .wisewater .img{margin-top:55px;text-align:center;}
.system .wisewater .con-box{display:flex;margin-right:-40px;margin-top:38px;}
.system .wisewater .con-box .box{width:calc(33.3333% - 40px);margin-right:40px;}
.system .wisewater .con-box .box .tit{color:#006ea3;font-size:20px;font-weight:500;margin-bottom:17px;}
.system .content .con-box{display:flex;margin-top:55px;}
.system .wisesim .con-box{}
.system .wisesim .con-box>div{width:50%;}
.system .wisesim .con-box .box{height:100%;}
.system .wisesim .con-box .box dl{padding:40px;display:flex;align-items:center;border-bottom:1px solid #dfdfdf;}
.system .wisesim .con-box .box dl:first-child{border-top:1px solid #dfdfdf;}
.system .wisesim .con-box .box dt{margin-right:42px;}
.system .wisesim .con-box .box .icon{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color: #eee;width:86px;height:86px;}
.system .wisesim .con-box .box dd{font-size:18px;line-height:1.444em;}
.system .txt{font-size:18px;line-height:1.444em;margin-top:13px;}
.system .wisefield .con-box{justify-content: space-between;margin-bottom:40px;}
.system .wisefield .img.type2{padding-top:14px;}
.system .check-box{flex-wrap:wrap;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.system .check-box .box{width:25%;border:0;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.system .check-box .box .check-txt{padding-top:40px;font-size:16px;}
.system .wiseblock .con-box{justify-content:space-between;align-items:center;margin-bottom:40px;}
.system .wiseblock .check-box .box{width:33.3333%;}

.measure .img:nth-child(2){margin:120px 0 70px;}

.map-box{width: 100%; overflow:hidden;border:1px solid #dfdfdf;height:480px;}
.location .maps{width:100% !important;height:630px !important;margin-top:-150px;}
.location .info{display:flex;margin-top:70px;}
.location .info .box{width:33.3333%;padding:0 74px;text-align:center;position:relative;}
.location .info .box:after{content:'';width:1px;height:100%;background-color:#dfdfdf;position:absolute;right:0;margin-right:-.5px;top:0;}
.location .info .box:last-child:after{display:none;}
.location .info .box .icon{width:125px;height:125px;border-radius:50%;border:3px solid #eee;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.location .info .box dt{font-size:20px;color:#2c2c2c;font-weight:700;margin:25px 0 15px;}
.location .info .box dd{font-size:18px;line-height:1.556em;}
.location .info .box dd.type2{font-size:24px;}

.license ul{display:flex;margin:0 -25px;}
.license ul li{width:33.3333%;padding:0 25px;text-align:center;}
.license ul li p{font-size:20px;font-weight:500;color:#2c2c2c;margin-top:15px;}


.detail{display:flex;border-bottom:1px solid #dfdfdf;padding-bottom:100px;margin-bottom:100px;}
.detail .info-box{min-width:0;width:1%;flex:1 1 auto;}
.detail .img-box{max-width:440px;margin-right:60px;width:100%;}
.detail .img-box img{width:100%;}
.detail .img{}
.detail .img img{width:100%;}
.detail .origin{position: relative;margin-bottom:10px;border:1px solid #dfdfdf;padding:50px;}
.detail .origin .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;/* border:1px solid #dfdfdf; */}
.detail .origin .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.detail .thumb .items {margin:0 -2.5px;}
.detail .slick-track{margin-left:0;margin-right:0;}
.detail .thumb .item {padding:0 2.5px;width:20%;}
.detail .thumb .item .img{padding:15px;border:1px solid #dfdfdf;cursor:pointer;}
.detail .thumb .item .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;opacity:.5;}
.detail .thumb .item img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.detail .thumb .item.slick-current{border-color:#192a5e;}
.detail .thumb .item.slick-current .pic{opacity:1;}
.view-catalog {font-weight:500;color:#006ea3;display:block;line-height:1.4em;margin-bottom:5px;}
.detail .img{text-align:center;max-width:440px;margin-right:60px;width:100%;}
.detail .info-box .product-name{font-size:32px;font-weight:700;color:#192a5e;margin-bottom:15px;line-height:1.2em;}
.detail .info-box .product-sub{font-size:22px;font-weight:500;color:#878787;margin-bottom:27px;}
.detail .info-box .estimate-btn{display:inline-block;min-width:140px;height:50px;text-align:center;line-height:50px;font-size:18px;color:#fff;font-weight:700;background-color:#192a5e;border-radius:30px;}
.detail #lnb2{margin:55px 0 30px;border-bottom:3px solid #dfdfdf;}
.detail #lnb2 .tabs{display:flex;}
.detail #lnb2 .tabs li{max-width:80px;width:100%;text-align:center;position:relative;}
.detail #lnb2 .tabs li a{padding-bottom:7px;font-size:18px;color:#878787;font-weight:700;display:block;}
.detail #lnb2 .tabs li.active a{color:#192a5e;width:100%;}
.detail #lnb2 .tabs li.active:after{content:'';width:100%;height:3px;background-color: #192a5e;position: absolute;bottom:-3px;left:0;}
.detail .edit-box table{width:100% !important;}
.detail .edit-box img{width:100% !important;}
.detail .back-list{max-width:140px;height:50px;line-height:50px;color:#fff;display:block;text-align:center;line-height:50px;background-color:#505050;font-size:18px;font-weight:700;border-radius:25px;margin-left:30px;margin-top:100px;}

.file-box input.input{margin-bottom:10px;}
.file-box input.input:last-child{margin-bottom:0;}

.down-area{margin-bottom:-115px;}
.down-area .con{margin-bottom:115px;}
.down-area .con .doc-tit{text-align:left;}
.cata-slide .slick-list{margin-right:-60px;}
.cata-slide .slick-slide{padding-right:60px;}
.cata-slide .slick-arrow{background-repeat:no-repeat;background-size:contain;background-position:50% 50%;position:absolute;top:225px;width:20px;height:40px;border:0;background-color:transparent;font-size:0;}
.cata-slide .slick-prev{background-image:url('../images/sub/cata_prev.png');left:-50px;}
.cata-slide .slick-next{background-image:url('../images/sub/cata_next.png');right:-50px;}
.doc-cata{text-align:center;}
.doc-cata ul{display:flex;flex-wrap:wrap;margin:0 -30px -60px;}
.doc-cata ul li{padding:0 30px;width:33.3333%;margin-bottom:60px;}
.doc-cata .pic {position:relative; height:0; padding-bottom:132.78%; overflow:hidden;border:1px solid #dfdfdf;margin-bottom:24px;}
.doc-cata .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-cata .tit{color: #2c2c2c;font-size: 20px;font-weight:600;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.doc-cata p{font-size:15px;color: #878787;line-height:1.553em;}
.btn-down{display:block;max-width:140px;height:45px;line-height:45px;color: #fff;font-weight:700;background-color: #192a5e;border-radius:25px;margin:17px auto 0;text-align:center;width:100%;}
.down-list{border-top:2px solid #192a5e;}
.down-list li{display:flex;justify-content:space-between;align-items:center;padding:30px 20px;border-bottom:1px solid #dfdfdf;}
.down-list .tit-box{width:calc(100% - 200px);}
.down-list .tit{margin-bottom:15px;font-size:20px;font-weight:600;color: #2c2c2c; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.down-list .sub-tit{font-size:15px;color: #878787; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.down-list .btn-down{margin:0;}
.paginate.type2{margin-top:70px;}