@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.overview .top-txt{color: #242424;padding-left:70px;position:relative;font-weight:500;line-height:1.727em;margin-bottom:35px;font-size:22px;}
.overview .top-txt strong{font-size:25px;}
.overview .top-txt:before{content:'';width:50px;height:2px;background-color: #6b973d;position: absolute;left:0;top:18px;}
.overview .table01 table{width:100%;border-spacing:0;border-top:1px solid #242424;}
.overview .table01 table th{background-color: #f8f8f8;font-weight:500;color: #242424;}
.overview .table01 table td{line-height:1.875em;}
.overview .table01 table th,
.overview .table01 table td{padding:15px 25px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.overview .table01 table tr th:first-child,
.overview .table01 table tr td:first-child {border-left:0;}
.overview .table01 table tr th:last-child,
.overview .table01 table tr td:last-child {border-right:0;}

.greeting{display:flex;}
.greeting .txt-box{min-width:0;width:1%;flex:1 1 auto;margin-right:75px;}
.greeting .txt-box .green{font-size:25px;font-weight:500;color: #242424;margin-bottom:30px;}
.greeting .txt-box .tt1{font-size:18px;font-weight:500;line-height:1.778em;margin-bottom:20px;}
.greeting .txt-box .tt2{margin-bottom:20px;}
.greeting .txt-box .tt2:last-child{margin-bottom:0;}
.greeting .txt-box .ceo{margin-top:25px;font-size:18px;font-weight:500;color: #242424;text-align:right;}
.greeting .txt-box .ceo span{font-size:20px;}
.greeting .img{max-width:390px;width:100%;}

.history .bg{background:url('../images/sub/history_bg.jpg')no-repeat 50% 50%/cover;padding:100px 20px;text-align:center;color: #fff;margin-bottom:45px;}
.history .bg .robo{font-size:35px;font-weight:500;margin-bottom:20px;}
.history .bg .tt{font-size:18px;}
.history .con{display:flex;justify-content:center;}
.history .con .wrap{position:relative;}
.history .con .wrap:before{content:'';width:1px;height:86%;background-color: #ddd;position: absolute;left:106px;top:5px;}
.history .con .row{display:flex;margin-bottom:30px;}
.history .con .row:las-child{margin-bottom:0;}
.history .con .row .year{font-size:30px;font-weight:700;margin-right:93px;position:relative;}
.history .con .row .year:after{content:'';width:17px;height:17px;background-color:#fff;border-radius:50%;border:5px solid #61b656;position: absolute;right:-48px;top:5px;}
.history .con .row .info ul li{line-height:1.4em;margin-bottom:10px;display:flex;align-items:center;}
.history .con .row .info ul li:last-child{margin-bottom:0;}
.history .con .row .info ul li .month{font-size:18px;font-weight:500;margin-right:5px;}

.doc-con .doc-tit{padding-left:32px;color: #242424;font-size:25px;font-weight:500;position:relative;margin-bottom:20px;}
.doc-con .doc-tit:before{content:'';width:22px;height:22px;background-color: #fff;border-radius:50%;border:6px solid #61b656;position: absolute;left:0;top:4px;}
.doc-con .con{padding-left:32px;}

.vision .doc-con{margin-bottom:90px;}
.vision .doc-con:last-child{margin-bottom:0;}
.vision .doc-con .con.type2{display:flex;justify-content:center;}
.vision .doc-con .con.type2 .tt{color:#242424;font-weight:700;font-size:18px;margin-bottom:55px;}
.vision .doc-con .con.type2 .tt .green{font-size:20px;}
.vision .doc-con .con ol{display:flex;flex-wrap:wrap;margin:0 -24px -30px;}
.vision .doc-con .con ol li{width:50%;margin-bottom:30px;padding:0 24px;}
.vision .doc-con .con ol li .tt-wrap{display:flex;align-items:center;position:relative;}
.vision .doc-con .con ol li .tt-wrap:after{content:'';width:100%;height:1px;background-color:#6b973d;position: absolute;left:0;bottom:0;opacity:.6;z-index:-1;}
.vision .doc-con .con ol li .num{width:55px;height:55px;background-color:#6b973d;color: #fff;font-weight:500;font-size:24px;display:flex;justify-content:center;align-items:center;}
.vision .doc-con .con ol li .tt{font-size:18px;padding:0 17px;min-width:0;width:1%;flex:1 1 auto;}

.busipl{display:flex;}
.busipl .items{width:30.4166%;text-align:right;}
.busipl .items.type2{text-align:left;}
.busipl .items .item{margin-bottom:55px;min-height:196px;}
.busipl .items .item:last-child{margin-bottom:0;}
.busipl .items .item .tit{margin:20px 0 10px;font-size:20px;font-weight:500;color:#5a8803;}
.busipl .items .item.type2 .tit{color:#b0260b;}
.busipl .items .item.type3 .tit{color:#4c4c4c;}
.busipl .items .item.type4 .tit{color:#2586ad;}
.busipl .img{width:39.1666%;margin-left:10px;margin-top:38px;}

.location .doc-con{margin-bottom:55px;}
.location .maps .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:500px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"(주)USG"; font-size:12px; line-height:15px;}
.location .maps.type2 .roughmap_lebel_text:after {content:"1공장";}
.location .maps.type3 .roughmap_lebel_text:after {content:"2공장";}
.location .info ul li{border-bottom:1px solid #ddd;padding:18px 0 18px;} 
.location .info ul li p{font-weight:500;padding-left:90px;position:relative;}
.location .info ul li p:before{content:'';width:27px;height:25px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position: absolute;left:28px;top:3px;}
.location .info ul li p.type2:before{background-image:url('../images/sub/icon_tel.png');}
.location .info ul li p.type3:before{background-image:url('../images/sub/icon_fax.png');}
.location .info ul li p.type4:before{background-image:url('../images/sub/icon_mail.png');}

.pipe .bg{background:url('../images/sub/pipe_bg.jpg')no-repeat 50% 50%/cover;text-align:center;color: #fff;padding:80px 20px;border-radius:12px;margin-bottom:55px;}
.pipe .bg .tt1{font-weight:500;font-size:20px;line-height:1.6em;margin-bottom:5px;}
.pipe .bg .tt2{font-weight:700;font-size:22px;}
.pipe .doc-con{margin-bottom:75px;}
.pipe .doc-con .con{border:1px solid #ddd;padding:50px 48px;}
.pipe .doc-con .con .r-tit{max-width:560px;width:100%;height:45px;background-color:#6b973d;border-radius:20px;color:#fff;font-size:18px;font-weight:500;line-height:1.4em;display:flex;justify-content:center;align-items:center;margin:0 auto 50px;}
.pipe .doc-con .con .r-tit.type2{max-width:170px;height:40px;margin:0 0 45px;}
.pipe .doc-con .con .inner{display:flex;}
.pipe .doc-con .con .inner .wrap{margin-right:92px;}
.pipe .doc-con .con .inner .wrap .r-tit.type2{margin-left:44px;}
.pipe .doc-con .con .inner .wrap:last-child{margin-right:0;}
.pipe .doc-con .con .inner .wrap:last-child .r-tit.type2{margin-left:60px;}
.pipe .doc-con .con .inner .wrap .items{display:flex;margin:0 -20px;}
.pipe .doc-con .con .inner .wrap .items .item{text-align:center;padding:0 20px;}
.pipe .doc-con .con .inner .wrap .items .item p{margin-bottom:28px;font-size:18px;font-weight:500;color:#242424;}
.pipe .doc-con .con .img-flex{margin:0 -15px;display:flex;justify-content:center;}
.pipe .doc-con .con .img-flex .img{padding:0 15px;}

.pipe .doc-con.type2 .con{padding:50px 65px;}
.pipe .doc-con.type2 .con .img-box{display:flex;flex-wrap:wrap;margin:0 -13px -20px;}
.pipe .doc-con.type2 .con .img-box .img{padding:0 13px 20px;}

.clean .img{margin-bottom:20px;text-align:center;}
.clean .img:last-child{margin-bottom:0;}

.auto .doc-con{margin-bottom:60px;}
.auto .doc-con .con .items{display:flex;margin:0 -14px;}
.auto .doc-con .con .items .item{width:25%;padding:0 14px;}
.auto .doc-con .con .items .item .box{border:1px solid #ddd;padding:45px 10px 20px;text-align:center;color:#242424;min-height:220px;}
.auto .doc-con .con .items .item .box .tit{font-size:20px;font-weight:500;margin:15px 0 5px;}
.auto .doc-con .con .items .item .box p{line-height:1.625em;}
.auto .doc-con .con .process-list{display:flex;margin:0 -27px;}
.auto .doc-con .con .process-list li{width:16.6666%;padding:0 27px;text-align:center;}
.auto .doc-con .con .process-list li .img{position:relative;}
.auto .doc-con .con .process-list li .img:after{content:'';width:22px;height:33px;background:url('../images/sub/arr.png')no-repeat 50% 50%/contain;position: absolute;right:-40px;top:50%;margin-top:-16px;}
.auto .doc-con .con .process-list li:last-child .img:after{display:none;}
.auto .doc-con .con .process-list li p{color: #242424;font-weight:500;margin-top:10px;}
.auto .doc-con .con .table02 table{border-spacing:0;width:100%;border-top:2px solid #61b656;color: #242424;}
.auto .doc-con .con .table02 table th{font-size:18px;font-weight:500;}
.auto .doc-con .con .table02 table td{text-align:center;}
.auto .doc-con .con .table02 table th,
.auto .doc-con .con .table02 table td{padding:15px 0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.auto .doc-con .con .table02 table tr th:first-child,
.auto .doc-con .con .table02 table tr td:first-child {border-left:0;}
.auto .doc-con .con .table02 table tr th:last-child,
.auto .doc-con .con .table02 table tr td:last-child {border-right:0;}
.squ-list li{position:relative;line-height:1.4em;padding-left:16px;margin-bottom:8px;}
.squ-list li:before{content:'';width:5px;height:5px;background-color: #ddd;position: absolute;left:0;top:9px;}
.squ-list li:last-child{margin-bottom:0;}

.process{background:url('../images/sub/process_bg.jpg')no-repeat 50% 50%/cover;padding:78px 0 100px;}
.process p{font-size:26px;color: #fff;text-align:center;margin-bottom:45px;font-weight:600;}
.process .img-box{padding-left:32px;display:flex;flex-wrap:wrap;margin:0 -14px -28px;}
.process .img-box .img{padding:0 14px;margin-bottom:28px;width:25%;}

.circul .bg{background-color:#f8f8f8;padding:75px 0 80px;margin-bottom:110px;}
.circul .bg .con{padding-left:32px;}
.circul .bg .con .top-tt{font-family:'SCoreDream',sans-serif;font-weight:500;color: #242424;font-size:24px;margin-bottom:55px;}
.circul .bg .con .items{display:flex;flex-wrap:wrap;margin:0 -65px -60px;}
.circul .bg .con .items .item{width:50%;padding:0 65px;margin-bottom:60px;}
.circul .bg .con .items .item .wrap{display:flex;align-items:center;}
.circul .bg .con .items .item .wrap .icon{margin-right:50px;}
.circul .bg .con .items .item .wrap p{line-height:1.875em;}
.circul .bg .con .items .item .wrap p span{color: #ff0000;font-weight:500;}
.circul .img-box{display:flex;padding-left:32px;margin:0 -9px;}
.circul .img-box .wrap{width:25%;padding:0 9px;}
.circul .img-box .wrap .box{background:url('../images/sub/circul_img1.png')no-repeat 50% 50%/cover;border-top-left-radius:12px;border-bottom-right-radius:12px;padding-top:20px;padding-left:22px;height:250px;}
.circul .img-box .wrap .box.type2{background-image:url('../images/sub/circul_img2.png');}
.circul .img-box .wrap .box.type3{background-image:url('../images/sub/circul_img3.png');}
.circul .img-box .wrap .box.type4{background-image:url('../images/sub/circul_img4.png');}
.circul .img-box .wrap .box p{color:#fff;font-size:20px;}
.circul .img-box .wrap .box p strong{font-weight:500;font-size:22px;}

.paper-list{display:flex;flex-wrap:wrap;margin:0 -10px -45px;}
.paper-list li{width:20%;padding:0 10px;margin-bottom:45px;}
.paper-list li p{font-size:18px;font-weight:500;text-align:center;margin-top:15px;line-height:1.444em;}

.manage .con{margin-bottom:115px;}
.manage .con .txt-box{padding:75px 0 300px;background-color: #f8f8f8;}
.manage .con .txt-box .top-tt{font-size:22px;line-height:1.591em;text-align:center;}
.manage .con .txt-box .top-tt .green{font-weight:600;}
.manage .con .btm-con{margin-top:-240px;}
.manage .con .btm-con .items{display:flex;margin:0 -15px;}
.manage .con .btm-con .items .item{width:33.3333%;padding:0 15px;text-align:center;}
.manage .con .btm-con .items .item p{margin-top:23px;font-weight:500;color: #242424;font-size:18px;line-height:1.667em;}
.manage .con .btm-con .items .item p span{color: #454545;font-weight:400;font-size:16px;}
.manage h3{font-size:30px;font-weight:500;color:#242424;margin-bottom:48px;text-align:center;}
.manage h3 span{font-weight:600;}
.manage .con.type2{background-color:rgba(107,151,61,.05);padding:70px 0 90px;}
.manage .con.type2 ul{display:flex;flex-wrap:wrap;margin:0 -10px -10px;}
.manage .con.type2 ul li{width:11.1111%;padding:0 10px;margin-bottom:10px;}
.manage .img-con{text-align:center;margin-top:205px;}

/* 유지보수 07-04 */
.green2{color: #147700 !important;}
.ci-pg .logo{display:flex;justify-content:center;margin:0 -35px 20px;}
.ci-pg .logo .img{padding:0 35px;}
.ci-pg .con{display:flex;justify-content:center;}
.ci-pg .con .tt{font-size:18px;line-height:1.4em;}
.ci-pg .con .wrap{margin:30px 0;}
.ci-pg .con .wrap .tt2{font-size:25px;font-weight:500;line-height:1.4em;margin-bottom:30px;}
.ci-pg .con .wrap .tt2:last-child{margin-bottom:0;}
.ci-pg .con .wrap .tt2 strong{font-size:40px;}
/* 유지보수 07-04 */

/* 유지보수 07 -25 */
.circul .edit-top{margin-bottom:60px;}
.circul .edit-top .con{background:url('../images/sub/circul_edit_top_bg.jpg')no-repeat 50% 50%/cover;color: #fff;padding:70px 20px;border-radius:10px;font-size:20px;font-weight:500;line-height:1.750em;}	
.circul .edit-top .tt{text-align:center;margin-bottom:20px;}
.circul .edit-top .list-wrap{display:flex;justify-content:center;margin:0 -25px;}
.circul .edit-top .list-wrap ul{padding:0 25px;}

.circul .edit-con-wrap{margin-top:60px;}
.circul .edit-con-wrap .doc-con{margin-bottom:80px;}
.circul .edit-con-wrap .doc-con:last-child{margin-bottom:0;}
.circul .edit-con-wrap .con .bd-box{border:1px solid #ddd;padding:50px 80px;}
.circul .edit-con-wrap .con .bd-box .radi-tit{max-width:240px;width:100%;height:40px;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:20px;background-color: #6b973d;color: #fff;font-size:18px;font-weight:500;margin-bottom:40px;}
.circul .edit-con-wrap .con .bd-box .radi-tit.type2{margin-bottom:20px;}
.circul .edit-con-wrap .con .bd-box .wrap{margin-bottom:80px;}
.circul .edit-con-wrap .con .bd-box .wrap:last-child{margin-bottom:0;}
.circul .edit-con-wrap .con .bd-box .wrap .flex-row{display:flex;margin:0 -25px;}
.circul .edit-con-wrap .con .bd-box .wrap .flex-row .col{width:50%;padding:0 25px;}
.circul .edit-con-wrap .con .bd-box .wrap .flex-row .col .img{margin-bottom:40px;text-align:center;}
.circul .edit-con-wrap .con .bd-box .wrap .info{margin-bottom:25px;}
.circul .edit-con-wrap .con .bd-box .wrap .info:last-child{margin-bottom:0;}
.circul .edit-con-wrap .con .bd-box .wrap .info .tit{font-size:18px;font-weight:500;color: #333;padding-left:10px;position:relative;line-height:1.556em;margin-bottom:7px;}
.circul .edit-con-wrap .con .bd-box .wrap .info .tit:before{content:'';width:4px;height:4px;border-radius:100%;background-color: #333;position: absolute;left:0;top:11px;}
.circul .edit-con-wrap .con .bd-box .wrap .info .hypen-list{padding-left:7px;}
.circul .edit-con-wrap .con .bd-box .wrap .info .hypen-list li{padding-left:10px;position:relative;}
.circul .edit-con-wrap .con .bd-box .wrap .info .hypen-list li:before{content:'';width:4px;height:1px;background-color: #454545;position: absolute;left:0;top:14px;}
.circul .edit-con-wrap .con .bd-box .wrap .imgs{display:flex;margin:0 -20px 40px;}
.circul .edit-con-wrap .con .bd-box .wrap .imgs .img{margin-bottom:0 !important;flex:1;padding:0 20px;text-align:center}
.circul .edit-con-wrap .con .bd-box .wrap .imgs.type2{min-height:435px;align-items:flex-end;}
.circul .edit-con-wrap .con .bd-box .wrap .imgs .img.type3{width:100%;}

/* .circul .edit-con-wrap .con .bd-box .wrap .info-wrap.type2{margin-top:-65px;} */

/* 유지보수 07 -25 */