@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {position:relative; padding-left:34px; margin-bottom:45px; font-size:24px; line-height:1.3em; font-weight:700; color:#000;}
.doc-tit:before {content:""; position:absolute; top:4px; left:1px; width:22px; height:22px; background:url('../images/sub/arrow1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:110px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {margin-left:22px;}

.greeting .title {display:table; table-layout:fixed; width:100%; height:263px; margin-bottom:120px; background:url('../images/sub/greeting_tt_bg.jpg') 0 0 no-repeat; background-size:cover;}
.greeting .title h3 {display:table-cell; vertical-align:middle; width:100%; text-align:center; font-size:32px; line-height:1.4em; font-weight:200; color:#fff;}
.greeting .txt {max-width:829px; width:100%; margin:0 auto 146px;}
.greeting .txt .tt {font-size:28px; line-height:42px; font-weight:700; color:#555;}
.greeting .txt p {font-size:20px; line-height:42px; color:#555;}
.greeting .txt .ceo {margin-top:30px;}
.greeting .txt .ceo span {display:inline-block; vertical-align:top; padding-right:27px; font-size:20px; line-height:40px; font-weight:700; color:#555;}
.greeting .txt .ceo img {display:inline-block; vertical-align:top;}
.greeting .career {display:flex; border-top:1px solid #e5e5e5; padding-top:60px;}
.greeting .career > div {display:flex; width:50%; padding:0 30px;}
.greeting .career .icon {flex:1 1 153px; max-width:153px; padding-left:18px;}
.greeting .career > div:last-child .icon {padding-left:18px;}
.greeting .career .cnt {flex:1 auto; width:1%; padding-top:8px;}
.greeting .career .cnt .tit {font-size:20px; line-height:1.3em; font-weight:700; color:#000; margin-bottom:15px;}
.greeting .career .cnt ul li {position:relative; display:flex; font-size:16px; line-height:28px; color:#555;}
.greeting .career .cnt ul li p {flex:1 auto; width:1%;}
.greeting .career .cnt1 ul li .tt {flex:1 1 112px; max-width:112px; position:relative; padding-left:12px; font-weight:700; color:#555;}
.greeting .career .cnt1 ul li .tt:after {content:""; position:absolute; top:14px; left:0; width:3px; height:3px; border-radius:50%; background:#555;}
.greeting .career .cnt2 ul li .tt {flex:1 1 76px; max-width:76px; padding-left:10px; font-weight:700; color:#555;}

.introduce .title {height:92px; border-radius:5px; background:#000; padding:0 28px;}
.introduce .title h3 {position:relative; padding-left:95px; font-size:24px; line-height:92px; color:#fff;}
.introduce .title h3:after {content:""; position:absolute; top:50%; left:0; margin-top:-28.5px; width:54px; height:57px; background:url('../images/sub/introduce_tt_icon.png') 0 0 no-repeat; background-size:100% 100%;}
.introduce .list {padding:30px 25px 107px;}
.introduce .list ul li {display:flex; font-size:18px; line-height:34px; color:#555;}
.introduce .list ul li .tt {flex:1 1 111px; max-width:111px; position:relative; padding-left:11px; font-weight:700;}
.introduce .list ul li .tt:after {content:""; position:absolute; top:17px; left:0; width:3px; height:3px; border-radius:50%; background:#555;}
.introduce .list ul li p {flex:1 auto; width:1%;}
.introduce .list ul li p span {display:inline-block; padding-right:18px;}
.introduce .current-situation ul {display:flex;}
.introduce .current-situation ul li {position:relative; width:33.333333%; height:291px; padding:34px 40px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.introduce .current-situation ul li .tt {font-size:24px; line-height:1.3em; font-weight:700; color:#fff; margin-bottom:8px; text-shadow:1px 1px 1px rgba(76,76,76,0.75);}
.introduce .current-situation ul li p {font-size:14px; line-height:20px; font-weight:500; color:#fff; text-shadow:1px 1px 1px rgba(76,76,76,0.75);}
.introduce .current-situation ul li .num {position:absolute; bottom:20px; left:40px; font-size:24px; line-height:70px; color:#fff; font-weight:700; letter-spacing:-0.039em; text-shadow:1px 1px 1px rgba(76,76,76,0.75);}
.introduce .current-situation ul li .num strong {display:inline-block; font-family:'Nanum Myeongjo'; font-size:70px; padding-right:8px;}
.introduce .current-situation ul li .num strong sup {font-size:35px;}
.introduce .current-situation ul li.bg1 {background-image:url('../images/sub/current_situation_bg1.jpg');}
.introduce .current-situation ul li.bg2 {background-image:url('../images/sub/current_situation_bg2.jpg');}
.introduce .current-situation ul li.bg3 {background-image:url('../images/sub/current_situation_bg3.jpg');}
.introduce .performance {padding:0 28px; display:flex;}
.introduce .performance .box {width:50%; text-align:center;}
.introduce .performance .box .img {line-height:0; margin-bottom:15px;}
.introduce .performance .box .tt {font-size:20px; line-height:1.4em; font-weight:700; color:#555;}
.introduce .license-tab {position:relative; margin-bottom:44px; height:55px; z-index:1;}
.introduce .license-tab:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#333; z-index:-1;}
.introduce .license-tab ul {display:inline-flex; width:auto;}
.introduce .license-tab ul li {width:auto;}
.introduce .license-tab ul li a {display:block; position:relative; width:170px; height:55px; border:1px solid #c7c7c7; border-bottom:2px solid #333; border-right:0; text-align:center; font-size:18px; line-height:52px; color:#888;}
.introduce .license-tab ul li:last-child a {border-right:1px solid #c7c7c7;}
.introduce .license-tab ul li.active a {border:2px solid #333; border-bottom:2px solid #fff;; color:#333; line-height:51px;}
.introduce .license-tab ul li.active + li a {border-left:0;}
.introduce .license-content ul {display:flex; flex-wrap:wrap; margin:0 -25px;}
.introduce .license-content ul li {width:25%; padding:0 25px; margin-bottom:22px; text-align:center;}
.introduce .license-content ul li a {display:block;}
.introduce .license-content ul li .thumb {position:relative; width:100%; height:0; padding-bottom:142%; overflow:hidden; margin-bottom:10px;}
.introduce .license-content ul li .thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd;}
.introduce .license-content ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.introduce .license-content ul li .tt {font-size:16px; line-height:24px; color:#555; font-weight:700;}

.history {position:relative; background:url('../images/sub/history_bg.jpg') 50% 0 no-repeat; padding:181px 0 0; z-index:1;}
.history:after {content:""; position:absolute; top:190px; left:50%; width:1px; height:calc(100% - 190px); background:#b2b2b2; z-index:1;}
.history .title {position:relative; text-align:center; padding-bottom:117px; z-index:2;}
.history .title .inner {position:relative; width:177px; height:177px; border-radius:50%; margin:0 auto; padding:8px; background:rgba(255,255,255,0.15); z-index:1;}
.history .title .inner:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:calc(100% - 50%); background:#b2b2b2; z-index:1;}
.history .title .inner .in {position:relative; display:table; table-layout:fixed; width:100%; height:100%; border-radius:50%; background:#000; z-index:3;}
.history .title .inner .cell {display:table-cell; vertical-align:middle; width:100%;}
.history .title .inner .icon {margin-bottom:12px; line-height:0;}
.history .title .inner .tt {font-size:24px; line-height:1em; color:#fff; font-weight:500;}
.history .cnt .group {position:relative; z-index:2; margin-bottom:10px; margin-left:50%; padding-left:36px;}
.history .cnt .group:after {content:""; position:absolute; top:5px; left:0; margin-left:-11px; width:22px; height:22px; border-radius:50%; background:#fff; border:4px solid #26354d; overflow:hidden;}
.history .cnt .group .year {font-size:28px; line-height:1em; font-weight:800; color:#000; margin-bottom:10px;}
.history .cnt .group .list ul li {display:flex; font-size:16px; line-height:26px; color:#555;}
.history .cnt .group .list ul li .month {flex:1 1 59px; max-width:59px; padding:0 5px; font-weight:500; color:#000;}
.history .cnt .group .list ul li .txt {flex:1 auto; width:1%;}
.history .cnt .group:nth-child(odd) {margin-left:0; margin-right:50%; padding-left:0; padding-right:36px; text-align:right;}
.history .cnt .group:nth-child(odd):after {left:auto; right:0; margin-left:0; margin-right:-11px;}
.history .cnt .group:nth-child(odd) .list ul li {flex-direction:row-reverse;}
.history .cnt .group .last {position:absolute; top:10px; left:0; right:0; bottom:0; background:#fff; z-index:-1;}

.organization .doc-tit {margin-bottom:20px;}
.organization .pic {line-height:0;}
.organization .contact-list ul {display:flex; margin:0 -11px;}
.organization .contact-list ul li {width:calc(25% - 22px); margin:0 11px; border-radius:5px; border:1px solid #aeaeae; padding:15px 11px 28px; text-align:center;}
.organization .contact-list ul li .title {position:relative; display:table; table-layout:fixed; width:100%; height:121px; border-radius:5px; margin-bottom:25px;}
.organization .contact-list ul li .title:after {content:""; position:absolute; bottom:0; left:32px; margin-bottom:-7px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent;}
.organization .contact-list ul li .title .cell {display:table-cell; vertical-align:middle; width:100%;}
.organization .contact-list ul li .title .icon {line-height:0; margin-bottom:3px;}
.organization .contact-list ul li .title .tt {font-size:18px; line-height:24px; font-weight:700; color:#fff;}
.organization .contact-list ul li .title p {font-size:16px; line-height:24px; color:#fff;}
.organization .contact-list ul li .tel {font-family: 'NanumSquare'; font-size:20px; line-height:1.4em; font-weight:800; color:#000;}
.organization .contact-list ul li .title.bg1 {background:#41b9c4;}
.organization .contact-list ul li .title.bg1:after {border-top:7px solid #41b9c4;}
.organization .contact-list ul li .title.bg2 {background:#9f8dc6;}
.organization .contact-list ul li .title.bg2:after {border-top:7px solid #9f8dc6;}
.organization .contact-list ul li .title.bg3 {background:#cfaf88;}
.organization .contact-list ul li .title.bg3:after {border-top:7px solid #cfaf88;}
.organization .contact-list ul li .title.bg4 {background:#85a5cc;}
.organization .contact-list ul li .title.bg4:after {border-top:7px solid #85a5cc;}

.local {margin-top:20px;}
.local .list ul li {display:flex; align-items:center; position:relative; padding:30px 0; border-bottom:1px solid #c8c8c8; font-size:18px; line-height:22px; color:#555;}
.local .list ul li .tit {flex:1 1 194px; max-width:194px; margin-right:38px; position:relative; font-weight:500; padding-left:98px;}
.local .list ul li .tit:before {content:""; position:absolute; top:50%; left:33px; width:42px; height:42px; margin-top:-21px; background-size:100% 100%; background-repeat:no-repeat; background-position:center center;}
.local .list ul li .tit:after {content:""; position:absolute; top:50%; right:0; width:1px; height:45px; background:#c2c2c2; margin-top:-22.5px;}
.local .list ul li .txt {flex:1 auto; width:1%;}
.local .list ul li .txt a {color:#006ef7;}
.local .list ul li.icon1 .tit:before {background-image:url('../images/sub/local_icon1.png');}
.local .list ul li.icon2 .tit:before {background-image:url('../images/sub/local_icon2.png');}
.local .list ul li.icon3 .tit:before {background-image:url('../images/sub/local_icon3.png');}
.local .list ul li.icon4 .tit:before {background-image:url('../images/sub/local_icon4.png');}
.local .time {display:flex; padding:44px 0 0 48px;}
.local .time .tit {flex:1 1 207px; max-width:207px; padding-top:3px; vertical-align:top;}
.local .time .tit img,
.local .time .tit strong {display:inline-block;}
.local .time .tit img {line-height:0;}
.local .time .tit strong {padding-left:22px; font-size:20px; line-height:1.3em; padding-top:5px; color:#555;}
.local .time .txt {flex:1 auto; width:1%;}
.local .time .txt ul li {display:flex; margin-bottom:9px; font-size:18px; line-height:29px;}
.local .time .txt ul li:last-child {margin-bottom:0;}
.local .time .txt ul li .tt {flex:1 1 69px; max-width:69px; margin-right:11px; border-radius:3px; background:#66b3a7; text-align:center; font-weight:700; color:#fff;}
.local .time .txt ul li p {color:#555;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {width:100% !important;}

.construction-waste .title {text-align:center; margin-bottom:68px; font-size:20px; line-height:1.4em; font-weight:500; color:#000;}
.construction-waste .group {margin-bottom:83px;}
.construction-waste .group:last-child {margin-bottom:0;}
.construction-waste .group .tit {position:relative; margin-bottom:14px; padding-left:17px; font-size:18px; line-height:1.4em; font-weight:700; color:#555;}
.construction-waste .group .tit:after {content:""; position:absolute; top:11px; left:4px; width:3px; height:3px; border-radius:50%; background:#555;}
.construction-waste .list ul {display:flex; margin:0 -10px;}
.construction-waste .list ul li {width:25%; padding:22px 10px 0; text-align:center;}
.construction-waste .list ul li .img {line-height:0;}
.construction-waste .list ul li .tt {font-size:20px; line-height:1.4em; color:#000;}
.construction-waste .img-list ul {display:flex;}
.construction-waste .img-list ul li {position:relative; width:50%; line-height:0;}
.construction-waste .img-list ul li:first-child:after {content:""; position:absolute; top:50%; right:0; width:1px; height:88%; transform:translateY(-50%); background:rgba(255,255,255,0.5);}
.construction-waste .img-list2 ul {display:flex; margin:0 -20px;}
.construction-waste .img-list2 ul li {width:25%; padding:0 20px; line-height:0;}

.construction-waste .txt-list {background:#f8f8f8; padding:110px 0 65px; text-align:center;}
.construction-waste .txt-list ul {display:flex;}
.construction-waste .txt-list ul li {width:50%;}
.construction-waste .txt-list ul li .tt {font-size:20px; line-height:30px; letter-spacing:-0.01em; color:#000; margin-bottom:22px;}
.construction-waste .txt-list ul li .tt span {color:#de5400;}
.construction-waste .txt-list ul li .icon {line-height:0; margin-bottom:15px;}
.construction-waste .txt-list ul li .num {font-size:24px; line-height:1em; font-weight:700; color:#000; letter-spacing:-0.01em;}
.construction-waste .txt-list ul li .num strong {font-weight:800; font-size:36px;}

.sub-tab {position:relative; margin-bottom:20px; height:55px; z-index:1;}
.sub-tab:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#333; z-index:-1;}
.sub-tab ul {display:inline-flex; width:auto;}
.sub-tab ul li {width:auto;}
.sub-tab ul li a {display:block; position:relative; width:170px; height:55px; border:1px solid #c7c7c7; border-bottom:2px solid #333; border-right:0; text-align:center; font-size:18px; line-height:52px; color:#888;}
.sub-tab ul li:last-child a {border-right:1px solid #c7c7c7;}
.sub-tab ul li.active a {border:2px solid #333; border-bottom:2px solid #fff;; color:#333; line-height:51px;}
.sub-tab ul li.active + li a {border-left:0;}

.professional .title {text-align:center; margin-bottom:55px; font-size:20px; line-height:1.4em; font-weight:500; color:#000;}
.professional .group {margin-bottom:105px;}
.professional .group:last-child {margin-bottom:0;}
.professional .group .tit {position:relative; margin-bottom:40px; padding-left:17px; font-size:18px; line-height:1.4em; font-weight:700; color:#555;}
.professional .group .tit:after {content:""; position:absolute; top:11px; left:4px; width:3px; height:3px; border-radius:50%; background:#555;}
.professional .group2 .tit {margin-bottom:102px;}
.professional .group .list ul {display:flex; margin:0 -17px;}
.professional .group .list ul li {width:16.66666666666667%; padding:0 17px; text-align:center;}
.professional .group .list ul li .icon {line-height:0; padding:35px 0 0; margin-bottom:46px;}
.professional .group .list ul li .tt {font-size:18px; line-height:1.4em; color:#555;}
.professional .group .img {line-height:0;}
.professional .group .list2 ul {display:flex; margin:0 -20px;}
.professional .group .list2 ul li {width:25%; padding:0 20px; line-height:0;}
.professional .dismantle-list {margin-bottom:105px;}
.professional .dismantle-list .list {margin-bottom:65px; padding:168px 30px 0;}
.professional .dismantle-list .list ul {display:flex; margin:0 -37.5px;}
.professional .dismantle-list .list ul li {width:20%; padding:0 37.5px; text-align:center;}
.professional .dismantle-list .list ul li .box {position:relative; width:160px; height:160px; margin:0 auto; z-index:1; padding-top:20px;}
.professional .dismantle-list .list ul li .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:26px; border:3px solid #8fcd1c; background:#fff; z-index:-1; transform:rotate(45deg);}
.professional .dismantle-list .list ul li .box:after {content:""; position:absolute; top:6px; left:6px; width:calc(100% - 12px); height:calc(100% - 12px); border-radius:21px; background:#6faa01; z-index:-1; transform:rotate(45deg);}
.professional .dismantle-list .list ul li .num {font-family: 'NanumSquare'; font-size:36px; line-height:1.4em; font-weight:800; color:#fff;}
.professional .dismantle-list .list ul li p {font-size:18px; line-height:24px; font-weight:500; color:#fff;}
.professional .dismantle-list .list ul li:nth-child(even) .box:before {border:3px solid #6cb7f0;}
.professional .dismantle-list .list ul li:nth-child(even) .box:after {background:#3aa3cd;}
.professional .dismantle-list .txt-list > ul > li {display:flex; font-size:18px; line-height:32px; font-weight:500; color:#555;}
.professional .dismantle-list .txt-list > ul > li .num {flex:1 1 43px; max-width:43px; font-family: 'NanumSquare'; font-weight:800; font-size:22px; color:#000;}
.professional .dismantle-list .txt-list > ul > li .txt {flex:1 auto; width:1%;}
.professional .enforcement {margin-bottom:85px;}
.professional .enforcement .tit {position:relative; padding-left:48px; margin-bottom:14px; font-size:20px; line-height:1.4em; font-weight:700; color:#555;}
.professional .enforcement .tit:after {content:""; position:absolute; top:10px; left:16px; width:21px; height:13px; background:url('../images/sub/arrow2.png') 0 0 no-repeat; background-size:100% 100%;}
.professional .enforcement .list {background:#f8f8f8; padding:55px 0;}
.professional .enforcement .list ul {display:flex;}
.professional .enforcement .list ul li {width:33.333333%; text-align:center;}
.professional .enforcement .list ul li .tt {display:table; table-layout:fixed; margin:0 auto 14px; width:78px; height:78px; border-radius:50%; border:2px solid #d5d5d5; background:#fff;}
.professional .enforcement .list ul li .tt .cell {display:table-cell; vertical-align:middle; width:100%; font-size:16px; line-height:1.4em; color:#000; font-weight:500;}
.professional .enforcement .list ul li p {max-width:291px; width:100%; margin:0 auto; font-size:16px; line-height:24px; color:#555; font-weight:500;}
.professional .enforcement .list ul li:last-child p {max-width:384px;}

.circular .title {margin-bottom:70px; text-align:center; font-size:20px; line-height:28px; font-weight:500; color:#000;}
.circular .group {margin-bottom:88px;}
.circular .group:last-child {margin-bottom:0;}
.circular .group .tit {position:relative; margin-bottom:50px; padding-left:17px; font-size:18px; line-height:1.4em; font-weight:700; color:#555;}
.circular .group .tit:after {content:""; position:absolute; top:11px; left:4px; width:3px; height:3px; border-radius:50%; background:#555;}
.circular .group .list ul {display:flex; margin:0 -25px; padding:0 18px;}
.circular .group .list ul li {position:relative; width:calc(25% - 50px); margin:0 25px; overflow:hidden; border-radius:50%; z-index:1;}
.circular .group .list ul li .img {position:relative; width:100%; line-height:0; z-index:1;}
.circular .group .list ul li .txt {position:absolute; bottom:0; height:100px; width:100%; text-align:center; background:rgba(0,0,0,0.5); padding-top:12px; z-index:2;}
.circular .group .list ul li .txt p {font-size:20px; line-height:1.3em; color:#fff; margin-bottom:5px;}
.circular .group .list ul li .txt strong {font-size:26px; font-weight:800; color:#fff; line-height:1em;}
.circular .group .img-list ul {display:flex; margin:0 -20px;}
.circular .group .img-list ul li {width:25%; padding:0 20px; line-height:0;}
.circular .procedure {border:1px solid #d3d3d3; width:100%; padding:60px 50px; text-align:center;}
.circular .procedure ul {display:flex; margin:0 -23px;}
.circular .procedure ul li {position:relative; width:20%; padding:0 23px;}
.circular .procedure ul li:after {content:""; position:absolute; top:50%; right:0; margin-right:-13.5px; margin-top:-12px; width:27px; height:24px; background:url('../images/sub/arrow3.png') 0 0 no-repeat;}
.circular .procedure ul li:last-child:after {display:none;}
.circular .procedure ul li .row {display:table; table-layout:fixed; width:184px; height:184px; border-radius:50%; padding:16px; background:rgba(8,112,218,0.1); margin:0 auto;}
.circular .procedure ul li .cell {display:table-cell; vertical-align:top; width:100%; height:100%; border:2px solid #fff; background:#0870da; border-radius:50%;}
.circular .procedure ul li .num {font-family: 'NanumSquare'; font-weight:800; font-size:24px; line-height:1em; color:#fff; margin-bottom:13px; padding-top:20px;}
.circular .procedure ul li p {font-size:16px; line-height:24px; font-weight:500; color:#fff; padding:0 10px;}
.circular .txt-zone {padding:35px 45px 0 20px; margin-bottom:63px;}
.circular .txt-zone > ul > li {margin-bottom:35px; padding-left:22px;}
.circular .txt-zone > ul > li:last-child {margin-bottom:0;}
.circular .txt-zone > ul > li .tt {position:relative; margin-left:-22px; font-size:18px; line-height:24px; font-weight:700; color:#000; vertical-align:middle; margin-bottom:18px;}
.circular .txt-zone > ul > li .tt .num {display:inline-block; width:22px;}
.circular .txt-zone > ul > li .tt span {display:inline-block;}
.circular .txt-zone > ul > li .txt {font-size:18px; line-height:28px; color:#555;}
.circular .txt-zone > ul > li .txt > ul > li {padding-left:25px; text-indent:-25px;}
.circular .txt-zone > ul > li .txt > ul > li > .hyphen li {text-indent:0; position:relative; padding-left:10px;}
.circular .txt-zone > ul > li .txt > ul > li > .hyphen li:after {content:""; position:absolute; top:14px; left:0; width:6px; height:1px; background:#555;}

.development .title {margin-bottom:57px; text-align:center; font-size:20px; line-height:30px; font-weight:500; color:#010101;}
.development .group {margin-bottom:70px;}
.development .group:last-child {margin-bottom:0;}
.development .tit {position:relative; padding-top:20px; padding-left:7px; margin-bottom:30px; font-size:24px; line-height:1.3em; font-weight:700; color:#000;}
.development .tit:after {content:""; position:absolute; top:0; left:3px; width:44px; height:1px; background:#000;}
.development .list ul {display:flex; margin:0 -12px;}
.development .list ul li {width:50%; padding:0 12px;}
.development .list ul li img {width:100%; line-height:0;}
.development .tit2 {position:relative; margin-bottom:30px; padding-left:27px; font-size:18px; line-height:1.4em; font-weight:700; color:#555;}
.development .tit2:after {content:""; position:absolute; top:11px; left:14px; width:3px; height:3px; border-radius:50%; background:#555;}
.development .recognition ul {display:flex; margin:0 -12px;}
.development .recognition ul li {width:25%; padding:0 12px; text-align:center;}
.development .recognition ul li .img {line-height:0; margin-bottom:12px;}
.development .recognition ul li p {font-size:14px; line-height:26px; color:#000;}

.business-waste .title {margin-bottom:57px; text-align:center; font-size:20px; line-height:30px; font-weight:500; color:#010101;}
.business-waste .group {margin-bottom:70px;}
.business-waste .group:last-child {margin-bottom:0;}
.business-waste .tit {position:relative; padding-top:20px; padding-left:7px; margin-bottom:30px; font-size:24px; line-height:1.3em; font-weight:700; color:#000;}
.business-waste .tit:after {content:""; position:absolute; top:0; left:3px; width:44px; height:1px; background:#000;}
.business-waste .list ul {display:flex; margin:0 -12px;}
.business-waste .list ul li {width:50%; padding:0 12px;}
.business-waste .list ul li img {width:100%; line-height:0;}
.business-waste .group .img-list ul {display:flex; margin:0 -20px;}
.business-waste .group .img-list ul li {width:25%; padding:0 20px; line-height:0;}
.business-waste .txt dl {margin-bottom:22px;}
.business-waste .txt dl:last-child {margin-bottom:0;}
.business-waste .txt dl dt {position:relative; padding-left:15px; font-size:18px; line-height:30px; font-weight:700; color:#555;}
.business-waste .txt dl dt:after {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#555;}
.business-waste .txt dl dd {position:relative; padding-left:29px; font-size:18px; line-height:30px; color:#555;}
.business-waste .txt dl dd:after {content:""; position:absolute; top:15px; left:14px; width:5px; height:1px; background:#555;}

.inquiry-title {text-align:center; margin-bottom:22px;}
.inquiry-title .tit {font-size:24px; line-height:28px; font-weight:500; color:#000; margin-bottom:22px;}
.inquiry-title p {font-size:18px; line-height:28px; color:#555;}
.inquiry-list {padding:30px 0; background:#f6f6f6; margin-bottom:38px;}
.inquiry-list ul {display:flex;}
.inquiry-list ul li {position:relative; width:25%; text-align:center; z-index:1;}
.inquiry-list ul li:before {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#c5c5c5; z-index:1;}
.inquiry-list ul li:after {content:""; position:absolute; top:0; left:1px; width:1px; height:100%; background:#fff; z-index:1;}
.inquiry-list ul li .icon {margin-bottom:22px; line-height:0; padding:23px 0 0;}
.inquiry-list ul li .tt {font-size:20px; line-height:30px; color:#000;}
.inquiry-list ul li .box {position:relative; width:100%; z-index:2;}
.inquiry-list ul li .box:after {content:""; position:absolute; top:43px; left:0; margin-left:-23.5px; width:47px; height:47px; background:url('../images/sub/arrow4.png') 0 0 no-repeat; background-size:100% 100%;}
.inquiry-list ul li:first-child:before,
.inquiry-list ul li:first-child:after,
.inquiry-list ul li:first-child .box:after {display:none;}

.talent {min-height:730px; width:100%; background:url('../images/sub/talent_bg.jpg') 0 0 no-repeat;}
.talent .title {margin-left:50%; padding-left:80px; padding-top:76px; padding-bottom:407px;}
.talent .title h3 {font-size:32px; line-height:1.3em; font-weight:500; color:#000; margin-bottom:10px;}
.talent .title p {font-size:28px; line-height:1.4em; font-weight:200; color:#000;}
.talent .list ul {display:flex; padding:0 60px;}
.talent .list ul li {width:33.333333%; text-align:center;}
.talent .list ul li .icon {line-height:0; margin-bottom:20px;}
.talent .list ul li p {font-size:18px; line-height:28px; color:#555;}

.benefits ul {display:flex; flex-wrap:wrap; margin:0 -22px;}
.benefits ul li {width:20%; padding:0 22px; margin-bottom:62px; text-align:center;}
.benefits ul li .icon {display:table; table-layout:fixed; width:100%; height:134px; border:1px solid #ddd; border-radius:15px; margin-bottom:15px;}
.benefits ul li .icon .in {display:table-cell; vertical-align:middle; width:100%;}
.benefits ul li p {font-size:18px; line-height:1.3em; color:#555;}