/* ************************ 데스크탑(1367~) ************************ */

/* ************************ 공통 ************************ */

/* 탭버튼 레이아웃 */
.contents .contents-wrap .tab-wrap {display:grid; grid-template-columns:repeat(2,1fr); width:50%; margin:0 auto 50px; gap:2px;}
.contents .contents-wrap .tab-wrap:before, .contents .contents-wrap .tab-wrap:after {display:none;}
.contents .contents-wrap .tab-wrap a {display:block;  text-align:center; padding:12px 0;  background:#f0f0f0; border:1px solid #e5e5e5;}
.contents .contents-wrap .tab-wrap a+a {}
.contents .contents-wrap .tab-wrap a span {display:inline-block; color:#000; font-size:20px; font-weight:600;}
.contents .contents-wrap .tab-wrap a.on {background:#4169e0; border-color:#4169e0;}
.contents .contents-wrap .tab-wrap a.on span {color:#fff;}
.contents .contents-wrap .tab-con {display:none;}
.contents .contents-wrap .tab-con.on {display:block;}

/* 3개 버튼 */
.contents .contents-wrap.technology .tab-wrap {grid-template-columns:repeat(3,1fr);}

/* 5개 버튼 */
.contents .contents-wrap.location .tab-wrap {grid-template-columns:repeat(5,1fr); width:100%;}

/* ************************ 회사소개 ************************ */
/* 회사소개 - 인사말 */

.greeting {}
.greet_bg {position:absolute; z-index: -1; height: 53%; width:100%; bottom:0;}
.greet_bg img {display: block; width: 100%;}
.greeting .txt {display:flex; margin-top:70px;}
.greeting .txt .left {font-family: 'bookk_M'; font-size:36px; width:30%;}
.greeting .txt .left h3 {position:relative; font-weight:500; line-height:1.5; color:#000;}
.greeting .txt .left h3:after {content:""; display:block; position:absolute; width:50px; height:3px; background:#4169e1; bottom:-40px; }
.greeting .txt .right {width:70%;}
.greeting .txt .right p {font-size:20px; color:#333; line-height:1.8;}
.greeting .txt .right p+p {margin-top:45px;}
.greeting .txt .right .finish {position:relative; text-align:right; margin-top:70px;}
.greeting .txt .right .finish:before {content:""; position:absolute; top:-25px; width:50px; height:1px; right:0; background:#000; }
.greeting .txt .right .finish span {display:block; font-size:24px; color:#000;}
.greeting .left img.prize {filter: drop-shadow(0.05rem 1.2rem 1rem #000);}
.greeting .right {}
.greeting .right h2 {font-family: 'Cafe24Ohsquare'; font-size:60px; color:#000; line-height:1.4; font-weight:500; text-align:center;}
.greeting .right h2 span.mint {color:#53bdbd;}
.greeting .right h2 span.red {color:#d70d18;}
.greeting .right .mark {display:flex; justify-content:center; margin-bottom:45px;}
.greeting .right .mark img {margin-right:25px; }
.greeting .right .mark img.prize_mob {display:none;}
.greeting .right .mark img.prize2_mob {display:none;}
.greeting .right .mark p {color:#000; font-size:24px; line-height:1.3; margin-top:20px;}
.greeting .right .mark span {font-weight:700; display:inline-block;}
.greeting .right .mark span:after {content:""; display:block; height:2px; width:100%; background:#d70d18;}
.greeting .right .txt {margin-top:160px;}
.greeting .right .txt ul {margin:30px 0;}
.greeting .right .txt ul li {margin:10px 0; color:#fff; font-weight:700; padding-left:30px; position:relative;}
.greeting .right .txt ul li:before {content:""; display:block; position:absolute; width:5px; height:5px; background:#fff; border-radius:50%; top:10px; left:0;}
.greeting .right .txt p {position:relative; color:#fff; padding-top:0px; font-size:18px; line-height:2;}
/*.greeting .right .txt p:before {content:""; display:block; height:2px; width:50px; background:#fff; position:absolute; top:0;}*/


/* 회사소개 - 비전*/
.contents-wrap.vision {padding:100px 0 180px;}
.vision .tit {text-align:center;}
.vision .tit > p {color:#000; font-weight:800; font-size:24px;}
.vision .tit > h2 {display:inline-block; position:relative; font-size:65px; color:#46b082; font-weight:800;}
.vision .tit > h2:before {display:block; position:absolute; content:""; width:50px; height:5px; background:#46b082; top:32px; left:-95px; }
.vision .tit > h2:after {display:block; position:absolute; content:""; width:50px; height:5px; background:#46b082; top:32px; right:-95px; }
.vision .tit > span {display:block; margin-top:10px; color:#000; font-size:18px;}
.vision .vision_con {display:flex; justify-content:space-between; margin-top:70px; position:relative;}
.vision .vision_con article {text-align:center;}
.vision .vision_con article .img {position:relative;}
.vision .vision_con article:nth-child(2) {position:absolute; padding:100px 0 80px; left:50%; transform:translateX(-50%); z-index:2;}
.vision .vision_con article:nth-child(2) .img:before {display:block; position:absolute; content:""; width:246px; height:100px; top:-95px; left:50%; transform:translate(-50%); background:url(../images/intro/vision_bg_back.webp) no-repeat center; z-index:-1;}
.vision .vision_con article .img:after {display:block; content:""; width:120px; height:120px; border-radius:50%; background-color:#fff; position:absolute; left:50%; bottom:-60px; transform:translate(-50%);}
.vision .vision_con article:nth-of-type(1) .img:after {background:url(../images/intro/vision_icon01.webp) no-repeat center; background-color:#fff;}
.vision .vision_con article:nth-of-type(2) .img:after {background:url(../images/intro/vision_icon02.webp) no-repeat center; background-color:#fff;}
.vision .vision_con article:nth-of-type(3) .img:after {background:url(../images/intro/vision_icon03.webp) no-repeat center; background-color:#fff;}
.vision .vision_con article .img img {border-radius:1rem; box-shadow: rgba(0, 0, 0, 0.2) 10px 15px 20px;}
.vision .vision_con article .txt {margin-top:80px;}
.vision .vision_con article .txt > span {font-weight:800; font-size:24px;}
.vision .vision_con article .txt dl {transform:translateY(-10px);}
.vision .vision_con article .txt dl dt {font-size:40px; color:#000; font-weight:800;}
.vision .vision_con article .txt dd {position:relative; padding-top:30px; line-height:1.8;}
.vision .vision_con article .txt dd:before {display:block; content:""; width:50px; height:2px; background:#d3d3d3; position:absolute; top:10px; left:50%; transform:translate(-50%);}
.vision .vision_con article .txt dd span {display:block;}

/* 회사소개 - 회사연혁 */
.history {display:flex; justify-content:space-between;}
.history .left>div{position:sticky; top:120px;}
.history .left .tit {position:relative;}
.history .left .tit dl {position:absolute; left:40px; bottom:35px; font-weight:600; color:#fff; transform:rotate(0.03deg);}
.history .left .tit dl dt {font-size:50px; opacity:.3; line-height:1;}
.history .left .tit dl dd {font-size:18px;}
.history .left ul {margin-top:50px;}
.history .left ul li {position:relative; transition:all 0.3s;}
.history .left ul li+li {margin-top:20px;}
.history .left ul li a {display:inline-block; font-size:24px; font-weight:600; color:#000; transform:rotate(0.03deg);}
.history .left ul li.on a {color:#4169e0;font-size:30px;}
.history .left ul li.on:after {content:""; display:block; position:absolute;width:150px; height:2px; background:#4169e0;  top:50%; left:200px;}
.history .right {width:55%;}
.history .right .year+.year {margin-top:80px;}
.history .right .year .tit {border-bottom:2px solid #4169e0; padding-bottom:10px;}
.history .right .year .tit h3 {font-size:30px; font-weight:800; color:#4169e0; transform:rotate(0.03deg);}
.history .right .year .tit p {font-size:24px; margin-top:20px; font-weight:600; transform:rotate(0.03deg);}
.history .right .year .tit p span {font-size:18px; color:#666; display:inline-block; margin-left:20px; font-weight:600; transform:rotate(0.03deg);}
.history .right .year .cont {margin-top:40px;}
.history .right .year .cont dl {display:flex;}
.history .right .year .cont dl+dl {margin-top:35px;}
.history .right .year .cont dt {font-size:20px; color:#000; font-weight:800;}
.history .right .year .cont dt {position:relative;}
.history .right .year .cont dt:after {content:""; display:block; position:absolute; height:8px; width:8px; border:2px solid #ddd; top:14px; right:-24px; transform:translateY(-50%);}
.history .right .year .cont dd {margin-left:40px; margin-top:1px;}
.history .right .year .cont dd p {font-size:18px; display:grid; grid-template-columns:30px auto; gap:10px;}
.history .right .year .cont dd p+p {margin-top:10px;}
.history .right .year .cont dd p .month {font-weight:600; }

/* 회사소개 - 조직도 */
.contents-wrap.group {padding:100px 0 260px;}
.group .chart1 {text-align:center;}
.group .chart1 .ceo {display:inline-block; text-align:center; background:#4169e0; border-radius:1rem; color:#fff; font-weight:800; padding:30px 80px 20px; transform:rotate(0.03deg); position:relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.group .chart1 .ceo span { display:block; margin-top:20px; font-size:24px; }
.group .chart1 .ceo:before {content:""; position:absolute; display:block; width:1px; height:70px; background:#dfe0e6; left:50%; bottom:-72px;}
.group .chart1 .line{display:block; width:878px; height:1px; background:#dfe0e6; margin:70px auto 0;}
.group .chart1 .part {display:grid; grid-template-columns:repeat(4,1fr); justify-content:center; gap:50px; width:80%; margin: 74px auto 0; }
.group .chart1 .part >div {position:relative;}
.group .chart1 .part >div:before {content:""; display:block; position:absolute; left:50%; top:-74px; width:1px; height:74px; background:#dfe0e6;}
.group .chart1 .part >div:after {content:""; display:block; position:absolute; left:50%; top:-2px; background:#2a3a72; border-radius:50%; transform:translateX(-50%); width:7px; height:7px;}
.group .chart1 .part article {position:relative; padding:50px 30px 40px; border:1px solid #dee0ec; border-radius:1rem; overflow:hidden; height:100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;}
.group .chart1 .part article:before {content:""; display:block; position:absolute; width:100%; height:5%; background:#2a3a72; top:0; left:0; z-index:-2;}
.group .chart1 .part article:after {content:""; display:block; position:absolute; width:100%; height:98.5%; background:#fff; bottom:0; left:0; z-index:-1; border-top-left-radius: 0.7rem; border-top-right-radius: 0.7rem;}
.group .chart1 .part article dl {display:grid; grid-template-rows:auto 80px; margin-top:40px; }
.group .chart1 .part article dt {font-size:22px; font-weight:800; color:#4169e0; position:relative; padding-bottom:20px; transform:rotate(0.03deg);}
.group .chart1 .part article dt:after {content:""; display:block; width:30px; height:2px; background:#4169e0; position:absolute; bottom:0px; left:50%; transform:translateX(-50%);}
.group .chart1 .part article dd {font-size:16px; font-weight:600; padding-top: 18px; transform:rotate(0.03deg); align-self:center;}
.group .chart1 .part article dd span {display:block;}
.group .chart2 {margin-top:120px; text-align:center; position:relative;}
.group .chart2:before {content:""; display:block; position:absolute; background:url(../images/intro/group_bg.webp) no-repeat; width:100%; height:612px; z-index:-3; top:-270px;}
.group .chart2 h3 {font-size:48px; color:#4d6aff; transform:rotate(0.03deg);}
.group .chart2 .cont {display:grid; grid-template-columns: repeat(3,1fr);
justify-content:center; align-items:start; width:70%;
place-items:center; margin:80px auto 0; gap:70px;}
.group .chart2 .cont article {color:#fff;}
.group .chart2 .cont article p {font-size:24px; font-weight:800; transform:rotate(0.03deg);}
.group .chart2 .cont .logo {position:relative;}
.group .chart2 .cont .logo:before, .group .chart2 .cont .logo:after {content:""; display:block; width:80px; height:1px; opacity:0.3; position:absolute; top:50%; background:#fff;}
.group .chart2 .cont .logo:before {left:-100px;}
.group .chart2 .cont .logo:after {right:-100px;}
.group .chart2 .cont article ul {display:flex; margin-top:10px; justify-content: center}
.group .chart2 .cont article ul li {position:relative; font-weight:600; transform:rotate(0.03deg);}
.group .chart2 .cont article ul li+li {padding-left:35px;}
.group .chart2 .cont article ul li+li:before {content:""; display:block; position:absolute; width:1px; height:13px; background:#fff; opacity:0.5; left:15px; top:7px;}

/* 회사소개-인증 및 등록 */
.certification article {display: flex; gap: 100px;}
.certification article h3 {font-size: 30px; width:15%;}
.certification article p.notice {font-size:16px; color:#666; margin-top:20px;}
.certification article ul {display:grid; grid-template-columns:repeat(3,1fr); gap:45px; width:80%;}
.certification article ul li {border: 1px solid #eee; background: #fff; display:grid; padding:20px 20px 0; position:relative; transition:all 0.5s;}
.certification article ul li .imgWrap {position: relative; width: 100%; }
.certification article ul li .imgWrap img {width: 100%; height: 100%; object-fit: contain; aspect-ratio:1/1.5;}
.certification article ul li p {transform:rotate(0.03deg);}
.certification article+article {margin-top:80px;}
.certification article ul li:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.5s;}
.certification article ul li:hover:after {background:#000; opacity:0.5;}
.certification article ul li .btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}
.certification article ul li:hover .btn {z-index:3;}
.certification article ul li .btn a {display:inline-block; width:40px; height:37px;}
.certification article ul li .btn a:nth-child(1) {background:url(../images/intro/view_icon.webp) no-repeat center; /*margin-right:20px;*/}
.certification article ul li .btn a:nth-child(2) {background:url(../images/intro/down_icon.webp) no-repeat center;}
.certification article ul li P {text-align: center; margin-top:5px; line-height:1.2; padding:20px 0;}

/* 인증서 확대보기 */
.popWrap.cert_focus .wrap {max-width: 792px; width:100%; overflow:visible; border-radius:0; height:auto; position:relative; max-height:85vh;}
.popWrap.cert_focus .wrap img {width:100%; height: 90%; margin-top: 0; object-fit:contain; max-height:85vh;}
.popWrap {z-index: -1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 2vw; background: rgba(0,0,0,.7); opacity: 0;}
.popWrap.on {z-index: 99999; opacity: 1;}
.popWrap .wrap {max-width: 1400px; width:95%; border-radius:1rem; overflow:hidden;}
.popWrap .wrap > div .tit {display:flex; align-items: center; position:relative; background:#fff; padding:30px 50px;}
.popWrap .wrap > div .tit h3 {font-size:18px; margin-right:15px; font-weight:800;}
.popWrap .wrap > div .tit p {font-size:18px;}
.popWrap .wrap iframe {border-bottom-right-radius:1rem; border-bottom-left-radius:1rem; overflow:hidden;}
.popWrap .btnClose {z-index: 99; display: block; position: absolute;
 top: -2vh; transform:translateY(-50%) skew(-0.1deg); right: 0.5vw; width: auto; height: auto; padding: 0; margin: 0;
background: url(../images/common/i_btnClose_W.png) no-repeat center / cover; cursor: pointer; width:20px; height:20px;}

/* 회사소개-찾아오시는길 */
.location .info {margin-top:60px; display:flex;}
.location h3 {font-size:24px; transform:rotate(0.03deg); margin-bottom:40px;}
.location .info .left {position:relative; width:50%; transform:rotate(0.03deg);}
.location .info .left:after {content:""; display:block; width:1px; height:100%; background:#e5e6ec; position:absolute; right:120px; top:0px;}
.location .info .left p {font-size:30px; color:#4169e0; line-height:1.5; font-weight:600;  }
.location .info .left span {display:inline-block; font-size:16px; color:#666; margin-top:20px; line-height:1.5;}
.location .info .right li {transform:rotate(0.03deg); font-size:18px; }
.location .info .right li:first-child {position:relative; padding-left:20px; }
.location .info .right li:first-child:before {content:""; display:block; position:absolute; width:4px; height:20px; background:#4169e0; top:4px; left:0;}
.location .info .right li span {font-weight:600;}
.location .info .right li+li {margin-top:20px; display:grid; grid-template-columns:90px auto;}
.location .info .right li a {position:relative; }
.location .info .right li a:hover:after {content:""; display:block; width:100%; height:1px; background:#000; bottom:4px; position:absolute;}
.map {width:100%;}
.location .tab-con .map.num2 {margin-top:80px;}
.location .map iframe {width:100%; height:550px;}
.root_daum_roughmap {width: 100%!important;}
.root_daum_roughmap .wrap_map {height: 550px!important; border:1px solid #ececec;}
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap .border3,.root_daum_roughmap .border4,.root_daum_roughmap .border1 {width:0px;}

/* ************************ 비즈니스 ************************ */
/* 비즈니스 - type1:대기분야 */
.business .facility {display:grid; grid-template-columns:repeat(1,1fr); gap:100px;}
.business .facility article {display:flex; gap:100px;}
.business .air .facility article .img {width:45%; }
.business .facility article .txt { width:calc(55% - 100px);}
.business .facility article .img img { width: 100%; max-height:380px;object-fit: cover; }
.business .facility article img {border:1px solid #ddd;}
.business .facility article .tit {margin-top:0px;}
.business .facility article .tit dt {position:relative; font-size:30px; font-weight:800; transform:rotate(0.03deg);}
.business .facility article .tit dt:after {content:""; display:block; position:absolute; bottom:-19px; width:50px; height:2px; background:#4169e0;}
.business .facility article .tit dt span {display:inline-block; font-weight:600; font-size:20px;}
.business .facility article .tit dd {margin-top:40px; color:#666;}
.business .facility article .explan {margin-top:30px;}
.business .facility article .explan p {position:relative; font-size:24px; padding-left:15px;}
.business .facility article .explan p:before {content:""; position:absolute; display:block; width:5px; height:60%; background:#4169e0; left:0; top:6px;}
.business .facility article .explan ul {margin-top:20px;}
.business .facility article .explan ul li {position:relative; font-size:18px; padding-left:20px;}
.business .facility article .explan ul li+li {margin-top:10px;}
.business .facility article .explan ul li:before {content:""; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; background:#ddd;}
.business .facility article .facil_type {margin-top:30px; transform:rotate(0.03deg);}
.business .facility article .facil_type p {position:relative; font-size:24px; padding-left:15px;}
.business .facility article .facil_type p:before {content:""; position:absolute; display:block; width:5px; height:60%; background:#666; left:0; top:6px;}
.business .facility article .facil_type ul {margin-top:20px;}
.business .facility article .facil_type ul li {position:relative; font-size:18px; padding-left:20px;}
.business .facility article .facil_type ul li+li {margin-top:10px;}
.business .facility article .facil_type ul li:before {content:""; display:block; position:absolute; top:10px; left:0; width:5px; height:5px; background:#ddd;}
.business .catal {display:grid; grid-template-columns:repeat(2,1fr);margin-top:80px; place-items:center; border:1px solid #4169e0;}
.business .catal dl {position:relative; text-align:center; transform:rotate(0.03deg); padding:30px 0; width:100%;}
.business .catal dl dt {font-size:24px; font-weight:600;}
.business .catal dl:nth-child(1) dt {color:#1f78b6;}
.business .catal dl:nth-child(2) dt {color:#00c5f6;}
.business .catal dl:nth-child(3) dt {color:#0091f6;}
.business .catal dl:nth-child(4) dt {color:#2d4350;}
.business .catal dl dd {margin-top:0px; font-size:16px;}
.business .catal dl:nth-child(2n-1):after {content:""; display:block; position:absolute; width:1px; height:50%; background:#ddd; right:0; top:50%; transform:translateY(-50%);}
.business .catal dl:nth-child(3):before,.business .catal dl:nth-child(4):before {content:""; display:block; position:absolute; width:50%; height:1px; background:#ddd; left:50%; top:0; transform:translateX(-50%);}


/* 비즈니스 - type2:통합환경관리/컨설팅 */
.business.type2 .diagram1 ul {display:flex; justify-content:center; transform:translateX(-2.5%);}
.business.type2 .diagram1 ul li {position:relative; transform:rotate(0.03deg); font-weight:600;}
.business.type2 .diagram1 ul li+li {padding-left:80px;}
.business.type2 .diagram1 ul li+li:before {display:block; position:absolute; content:""; width:2px; height:15px; background:#ddd; left:40px; top:6px;}
.business.type2 .diagram1 .img {text-align:center; margin-top:30px;}
.business.type2 .busi_items {display:grid; grid-template-columns:repeat(2,1fr); margin-top:80px;}
.business.type2 .busi_items article p {position:relative; font-size:24px; padding-left:15px; font-weight:600; transform:rotate(0.03deg);}
.business.type2 .busi_items article p:before {content:""; position:absolute; display:block; width:5px; height:60%; background:#8bce7b; left:0; top:6px;}
.business.type2 .busi_items article span {display:inline-block; transform:rotate(0.03deg); font-size:18px; color:#666; margin-top:15px;}
.business.type2 .busi_items article:nth-child(3) {grid-column:1/3; margin-top:60px;}
.business.type2 .busi_items article .step_diag {display:flex; flex-wrap:wrap; transform:rotate(0.03deg); margin-top:30px; row-gap:30px; justify-content:center;}
.business.type2 .busi_items article .step_diag dl {position:relative; width:170px; height:170px; border-radius:50%; place-items:center; text-align:center;}
.business.type2 .busi_items article .step_diag dl+dl {margin-left:35px;}
.business.type2 .busi_items article .step_diag dl:nth-child(4n-3) {border:2px solid #6494b3;}
.business.type2 .busi_items article .step_diag dl:nth-child(4n-2) {border:2px solid #0077b9;}
.business.type2 .busi_items article .step_diag dl:nth-child(4n-1) {border:2px solid #31aaac;}
.business.type2 .busi_items article .step_diag dl:nth-child(4n) {border:2px solid #83af6e;}
.business.type2 .busi_items article .step_diag dl dt {margin-top:30px; font-size:20px; font-weight:600; }
.business.type2 .busi_items article .step_diag dl dt span {color:#000; font-size:20px;}
.business.type2 .busi_items article .step_diag dl dd {font-size:16px; color:#666; padding: 0 20px; }
.business.type2 .busi_items article .step_diag dl+dl:before {display:block; position:absolute; content:""; width:15px; height:26px; background:url(../images/business/step_arrow.webp) no-repeat center; left:-26px; top:50%; transform:translateY(-50%);}
.business.type2 .diagram2 {margin-top:80px; text-align:center; }

/* 사업분야 - VEOLIA Channel Partner (준비중) */
/*.veolia {text-align:center;}*/
.veolia_bg {background:url(../images/business/veolia_bg.webp) center / cover;}
.veolia {display:flex; justify-content:center; padding:200px 0;}
.veolia .left {margin : 0 100px;}
.veolia .right {font-weight:500; line-height:1.8; font-size:36px; transform:rotate(.03deg);}
/* ************************ 연구개발 ************************ */
/* R&D */
.rnd .part1 {}
.rnd .part1 .left {width:100%;}
/*.rnd .part1 .left > article {position:sticky; top:120px;}*/
.rnd .part1 .left article {display:flex; align-items:start; gap:30px;}
.rnd .part1 .left .img {background:url(../images/research/rnd_bg_mob.webp) no-repeat right bottom / cover; height:25dvh; width:100%; order:2;}
.rnd .part1 .left .txt {margin-top:0; width:45%;}
.rnd .part1 .left img {width:100%;}
.rnd .part1 .left .txt {position:relative; margin-top:30px; padding-left:30px; line-height:1.8;}
.rnd .part1 .left .txt:before {display:block; position:absolute; content:""; width:10px; height:100%; background:#4169e0; left:0;}
.rnd .part1 .right { display:grid; grid-template-columns:repeat(4,1fr); width:100%; gap:50px; margin-top:80px; }
.rnd .part1 .right article {}
/*.rnd .part1 .right article+article {margin-top:60px;}*/
.rnd .part1 .right article dl dt {display:flex; font-size:24px; font-weight:600; transform:rotate(0.03deg);}
.rnd .part1 .right article dl dt span {display:inline-block; position:relative; font-weight:800; margin-right:20px; font-size:30px; transform:translateY(-5px);}
/*.rnd .part1 .right article dl dt span:after {content:""; display:block; position:absolute; width:100%; height:2px; left:0; bottom:0px;}*/
.rnd .part1 .right article:nth-child(1) dl dt span {color:#004e90;}
.rnd .part1 .right article:nth-child(2) dl dt span {color:#007be2;}
.rnd .part1 .right article:nth-child(3) dl dt span {color:#2fa2f3;}
.rnd .part1 .right article:nth-child(4) dl dt span {color:#7ccbfa;}
.rnd .part1 .right article dl dd {margin-top:20px;}
.rnd .part1 .right article dl dd span {display:block; padding-left:60px; position:relative;}
.rnd .part1 .right article dl dd span:before {display:block; position:relative; content:""; width:5px; height:5px; left:-30px; top:16px;}
.rnd .part1 .right article:nth-child(1) dl dd span:before {background:#004e90;}
.rnd .part1 .right article:nth-child(2) dl dd span:before {background:#007be2;}
.rnd .part1 .right article:nth-child(3) dl dd span:before {background:#2fa2f3;}
.rnd .part1 .right article:nth-child(4) dl dd span:before {background:#7ccbfa;}
.rnd .part1 .right article dl dd span+span {margin-top:10px;}
.rnd .part1 .gallery {display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:60px;}
.rnd .part1 .gallery li img {width:100%; object-fit:cover; aspect-ratio:1/1;}


/* 자사기술 */
.technology .tab-con {padding-top:30px;}
.technology .tab-con .gray {color:#666;}
.technology .tab-con > div {display:flex; gap:100px; width:100%;}
.technology .tab-con > div+div {margin-top:100px;}
.technology .tab-con > div .left {width:30%;}
.technology .tab-con > div .left > article {position: sticky; top: 120px;}
.technology .tab-con > div .left h3 {font-size:30px; font-weight:800; line-height:1.4;  transform:rotate(0.03deg);}
.technology .tab-con > div .left .eng_tit {display:inline-block; font-size:20px; font-weight:600; margin-top:10px;}
.technology .tab-con > div .left p {color:#666; margin-top:20px; font-size:16px; line-height:1.8; width:85%;}
.technology .tab-con > div .left ul {margin-top:30px; width:85%;}
.technology .tab-con > div .left ul li {position:relative; padding-left:30px;}
.technology .tab-con > div .left ul li+li {margin-top:20px;}
.technology .tab-con > div .left ul li:before {display:block; position:absolute; width:5px; height:5px; background:#ddd; content:""; top:11px; left:0;}

.technology .tab-con > div .right {width:64.285%;}
.technology .tab-con > div .right img {width:100%;}
.technology .tab-con > div .right article+article {margin-top:60px;}
.technology .tab-con > div .right article > p {position:relative;font-size:24px; font-weight:600; padding-left:30px; color:#000; transform:rotate(0.03deg);}
.technology .tab-con > div .right article > p:before {display:block; position:absolute; content:""; width:6px; height:25px; left:0; top:5px}
.technology .tab-con > div .right article > p.blue:before {background:#4169e0;}
.technology .tab-con > div .right article > p.gray:before {background:#657084;}
.technology .tab-con > div .right article > ul {margin-top:30px;}
.technology .tab-con > div .right article > ul li {padding-left:30px; font-size:18px; position:relative;}
.technology .tab-con > div .right article > ul li:before {display:block; position:absolute; content:""; left:0; top:12px; width:5px; height:5px; background:#ddd;}
.technology .tab-con > div .right article > ul li span {display:block;}
.technology .tab-con > div .right article > ul li+li {margin-top:20px;}
.technology .tab-con > div .right article .main_pic {margin-top:10px;}
.technology .tab-con > div .right article .caption {font-size:16px; text-align:center;}
.technology .tab-con > div .right article .caption span {display:block; color:#666; transform:rotate(0.03deg);}
.technology .tab-con > div .right article .table_wrap {margin-top:50px;}
.technology .tab-con > div .right article .table_wrap table {border-top:3px solid #666; font-size:16px;}
.technology .tab-con > div .right article .table_wrap table span {display:inline-block; transform:rotate(0.03deg);}
.technology .tab-con > div .right article .table_wrap table span.gray {display:block; color:#666; line-height:1.3;}
.technology .tab-con > div .right article .table_wrap table tr {border-bottom:1px solid #ddd;}
.technology .tab-con > div .right article .table_wrap table tr th {font-weight:600; padding:12px 15px;}
.technology .tab-con > div .right article .table_wrap table tr td {text-align:center; padding:12px 15px;}
.technology .tab-con > div .right article .table_wrap table tr th+th {border-left:1px solid #ddd;}
.technology .tab-con > div .right article .table_wrap table tr th+td {border-left:1px solid #ddd;}
.technology .tab-con > div .right article .table_wrap table tr td+td {border-left:1px solid #ddd;}
.technology .tab-con > div .right article .table_wrap table thead tr:nth-child(2) th {border-left:1px solid #ddd;}
.technology .tab-con > div .right article .table_wrap table tr td.txt_left {text-align:left; padding:20px;}
.technology .tab-con > div .right article .table_wrap table tr td.txt_left span+span {margin-top:20px;}
.technology .tab-con > div .right article .table_wrap table tr td.txt_left span.gray {margin-top:0;}
.technology .tab-con > div .right article .table_wrap p.notice {margin-top:20px; transform:rotate(.03deg); font-size:16px; color:#666;}
.technology .tab-con > div .right article .img.both {display:flex; text-align:center; margin-top:30px; gap:50px;}
.technology .tab-con > div .right article .img.both img {width:50%;}
.technology .tab-con > div .right article .img.both dl {display:grid;}
.technology .tab-con > div .right article .img.both dl dt {font-weight:600; transform:rotate(0.03deg);}
.technology .tab-con > div .right article .img.both dl dd img {width:100%;}
.technology .tab-con > div .right article .img {margin-top:30px;}
.technology .tab-con > div .right article .img img {width:100%;}
.technology .tab-con > div .right article .img .caption {margin-top:10px;}
.technology .tab-con > div .right article .txt {margin-top:30px;}
.technology .tab-con > div .right article .txt > p {font-size:20px; font-weight:600; text-align:left;}
.technology .tab-con > div .right article .txt > p .eng_tit {font-size:18px; display:block;}
.technology .tab-con > div .right article .txt ul {margin-top:20px;}
.technology .tab-con > div .right article .txt ul li {position:relative; font-size:16px; padding-left:20px;}
.technology .tab-con > div .right article .txt ul li+li {margin-top:15px;}
.technology .tab-con > div .right article .txt ul li:before {content:""; display:block; position:absolute; left:0; top:10px; width:5px; height:2px; background:#000;}
.technology .tab-con > div .right article .txt ul li span {display:block;}

.popVideo {display:none;}
.popVideo.on {z-index:999999; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); display:flex; justify-content:center; align-items:center; padding:10vw;}
.popVideo iframe {aspect-ratio:1/.56; width:100%; max-width:1200px; background:#000;}
.popVideo button {position:absolute; right:20px; top:20px; display:block; padding:15px 30px; font-size:10px; color:#fff; line-height:1; letter-spacing:3px; font-weight:600; font-family:tahoma; background:#000; border:1px solid #fff;}


/* 준비중 */
.prepare {display:flex; justify-content:flex-end; width:40%; padding:90px 0; background:url(../images/common/prepare_bg.webp) no-repeat center; margin-bottom:250px;}
.prepare > div h2 {font-size:48px; font-weight:700; margin-bottom:15px; color:#ff918e;}
.prepare > div p {font-size:18px; color:#3fa1bc;}
.prepare_bg_mob {display:none;}

/* 사이트맵 */
.sitemap {display:grid; grid-template-columns:repeat(3,1fr); gap:80px; }
.sitemap h3 {position:relative; font-size:30px; transform:rotate(0.03deg); border-bottom:2px solid #4169e0; padding-bottom:20px;}
.sitemap h3:after {   }
.sitemap ul {margin-top:25px;}
.sitemap ul li+li {margin-top:25px;}
.sitemap ul li a { display:grid; grid-template-columns:1fr auto; padding:0 20px; font-weight:400; transition:all 0.5s; transform:rotate(0.03deg);}
.sitemap ul li a:hover {color:#4169e0;}
.sitemap ul li a i {color:#666; align-self:center;}
.sitemap ul li a:hover i {color:#4169e0;}

/* ************************ 태블릿 이하(~1024) ************************ */
@media screen and (max-width: 1023px) {
	/* ************************ 공통 ************************ */
	.contents .contents-wrap .tab-wrap {display:grid; grid-template-columns:repeat(2,1fr); margin-bottom:30px;}
	.contents .contents-wrap .tab-wrap a {}
	.contents .contents-wrap .tab-wrap a span {font-size:20px;}
	.contents .contents-wrap.technology .tab-wrap {grid-template-columns:repeat(3,1fr); width:70%; }

    /* ************************ 회사소개 ************************ */
    /* 회사소개 - 인사말 */
    .greeting > img {width:100%;}
	.group .chart1 .ceo { width:80%; }
	.group .chart1 .ceo img {width:60px;}
	.group .chart1 .ceo span { font-size:20px; }
	.greeting .txt {display:block; margin-top:40px;}
	.greeting .txt .left {width:100%; font-size:24px;}
	.greeting .txt .left h3:after {display:none;}
	.greeting .txt .right {width:100%;}
	.greeting .txt .right p {font-size:16px; margin-top:30px;}
	.greeting .txt .right p+p {margin-top:25px;}
	.greeting .txt .right .finish {margin-top:50px;}
	.greeting .txt .right .finish span {font-size:20px;}


    /* 회사소개 - 비전 */
	.contents-wrap.vision {padding: 25px 30px 50px;}
	.vision .tit > p {font-size:20px;}
	.vision .tit > h2 {font-size:40px;}
	.vision .tit > h2:before {width: 25px; top: 20px; left: -45px;}
	.vision .tit > h2:after {width: 25px; top:20px; right:-45px;}
	.vision .tit > span {font-size:16px;}
	.vision .vision_con {margin-top:40px; display:block;}
	.vision .vision_con article:nth-child(2) {position:static; transform:translateX(0); padding:40px 0;}
	.vision .vision_con article:nth-child(2) .img:before {display:none;}
	.vision .vision_con article .img {max-width:510px; margin:0 auto;}
	.vision .vision_con article .img img {width:100%; object-fit:scale-down; }
	.vision .vision_con article .img:after {width: 80px; height: 80px;bottom:-40px;}
	.vision .vision_con article:nth-of-type(1) .img:after {background-size:25px;}
	.vision .vision_con article:nth-of-type(2) .img:after {background-size:25px;}
	.vision .vision_con article:nth-of-type(3) .img:after {background-size:25px;}
	.vision .vision_con article .txt > span {font-size:18px;}
	.vision .vision_con article .txt dl dt {font-size:32px;}
	.vision .vision_con article .txt dd {padding-top: 20px;}
	.vision .vision_con article .txt {margin-top:60px;}
	.vision .vision_con article .txt dd:before {width: 35px; top: 5px;}

	/* 회사소개 - 회사연혁 */
	.history {display:block;}
	.history .tab-wrap {margin-top:30px;}

	.history .left .tit img {width:100%; max-height: 25dvh; object-fit: cover;}
	.history .left .tit dl {left:30px; bottom:20px;}
	.history .left .tit dl dt {font-size:18px;}
	.history .left .tit dl dd {font-size:24px;}
	.history .left ul {margin-top:30px;}
	.history .left .ani-btn { display:flex;}
	.history .left .ani-btn li {width:50%;}
	.history .left ul li+li {margin-top:0;}
	.history .right {width:100%;}
	.history .right .year .tit {margin-top:60px;}
	.history .right .year .tit h3 {font-size:24px;}
	.history .right .year .tit p {font-size:20px;}
	.history .right .year .tit p span {margin-left:0;}
	.history .right .year .cont dt {font-size:18px;}
	.history .right .year .cont dd p {font-size:16px;}
	.contents .contents-wrap.history .tab-wrap a {padding-bottom:5px;}
	.history .right .year .cont dl+dl {margin-top:25px;}


	/* 회사소개 - 조직도 */
	.contents-wrap.group {padding: 30px 0 0px}
	.group .chart1 .part {grid-template-columns:repeat(1,1fr); margin:40px auto 0; gap:30px;}
	.group .chart1 .ceo:before {display:none;}
	.group .chart1 .part >div:before {display:none;}
	.group .chart1 .part article {padding:30px;}
	.group .chart1 .part article dl {display:block; margin-top:20px;}
	.group .chart1 .part article dt {font-size:20px; padding-bottom: 10px;}
	.group .chart1 .part article dd {padding-top:10px;}
	.group .chart2 {background: url(../images/intro/group_bg.webp) no-repeat center / cover ; margin-top:60px; padding:60px 0;}
	.group .chart2:before {display:none;}
	.group .chart2 h3 {font-size:32px;}
	.group .chart2 .cont {display:grid; grid-template-columns:repeat(1,1fr); width:100%; gap:40px; margin:40px 0 0;}
	.group .chart2 .cont article p {font-size:20px;}

	/* 회사소개 - 인증서 */
	.certification article {display:block;}
	.certification article h3 {width:100%; font-size:24px;}
	.certification article ul li .btn {display:flex; justify-content:center; width:100%;}
	.certification article ul {margin-top:30px; grid-template-columns:repeat(2,1fr); width:100%;}
	.popWrap.cert_focus .wrap {height:auto; overflow:visible; margin-top:5vh;}
	.popWrap.cert_focus .wrap img {object-fit:scale-down;}
	.popWrap .btnClose {top:2vh; right:5.5vw;}


    /* 회사소개 - 오시는길 */
	.location h3 {margin-bottom:20px; font-size:22px;}
	.location .tab-con .map.num2 {margin-top:50px;}
    .location .info {display:block; margin-top:30px;}
    .location .info .left {width:100%;}
	.location .info .left p {font-size:24px;}
	.location .info .left:after {display:none;}
	.location .info .left span {margin-top:10px;}
	.location .right {padding:20px 0 0;}
	.location .info .right li {font-size:18px;}
	.location .info .right li+li {grid-template-columns:70px auto; margin-top:10px;}
	.root_daum_roughmap .wrap_map {height: 300px; border:1px solid #ececec;}

	 /* ************************ 사업분야 ************************ */

	/* 사업분야 - 대기분야 */
	.business .facility {grid-template-columns: repeat(1,1fr); gap:60px;}
	.business .facility article {flex-direction:column; gap:0px;}
	.business .air .facility article .img {width:100%; }
	.business .facility article .img { width:100%; }
	.business .facility article .txt { width:100%;}
	.business .facility article .img img { width:100%; max-height:240px; object-fit:cover; }
	.business .facility article .tit {margin-top:20px;}
	.business .facility article .tit dt {font-size:24px;}
	.business .facility article .tit dt span {font-size:16px;}
	.business .facility article .tit dd {margin-top:25px;}
	.business .facility article .tit dt:after {bottom:-12px;}
	.business .facility article .explan {margin-top:20px;}
	.business .facility article .explan p {font-size:20px;}
	.business .facility article .explan ul {margin-top:10px;}
	.business .facility article .explan ul li {font-size:16px;}
	.business .facility article img {width:100%; object-fit:scale-down;}
	.business .facility article .facil_type {margin-top:20px;}
	.business .facility article .facil_type p {font-size:20px;}
	.business .facility article .facil_type ul {margin-top:10px;}
	.business .facility article .facil_type ul li {font-size:16px;}
	.business .catal {margin-top:40px;}
	.business .catal dl {padding:20px 0;}
	.business .catal dl dt {font-size:20px;}

	/* 사업분야 - 통합환경관리/환경컨설팅 */

	.business.type2 .diagram1 {margin-top:50px;}
	.business.type2 .diagram1 ul {transform: translateX(-4%);}
	.business.type2 .diagram1 ul li+li {padding-left:50px;}
	.business.type2 .diagram1 ul li+li:before {left: 23px;}
	.business.type2 .busi_items {margin-top:50px; grid-template-columns:repeat(1,1fr); gap:30px;}
	.business.type2 .busi_items article:nth-child(3) {grid-column:auto;}
	.business.type2 .busi_items article p {font-size:20px;}
	.business.type2 .busi_items article span {font-size:16px;}

	.environ .diagram1 .mobile {margin-top:30px;}
	.environ .diagram1 .mobile > article {text-align:center;}
	.environ .diagram1 .mobile > article div.tit {text-align:center; border:2px solid #ddd; display:inline-block; margin:0 auto;}
	.environ .diagram1 .mobile > article div.tit p {background:#ddd; margin:5px; font-weight:600; transform:rotate(0.03deg); padding:20px 30px; font-size:24px;}
	.environ .diagram1 .mobile > article div.sub_tit {margin-top:20px;}
	.environ .diagram1 .mobile > article div.sub_tit span {display:block; transform:rotate(0.03deg);}
	.environ .diagram1 .mobile .items {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:30px; grid-template-rows:repeat(4,1fr);}
	.environ .diagram1 .mobile .items div {}
	.environ .diagram1 .mobile .items div:nth-child(4n-3) {border:2px solid #6091b1}
	.environ .diagram1 .mobile .items div:nth-child(4n-2) {border:2px solid #0077b9}
	.environ .diagram1 .mobile .items div:nth-child(4n-1) {border:2px solid #31aaac}
	.environ .diagram1 .mobile .items div:nth-child(4n) {border:2px solid #83af6e }
	.environ .diagram1 .mobile .items div dl {text-align:center; color:#fff; padding:30px; margin:5px; height:94%;}
	.environ .diagram1 .mobile .items div dl dd {margin-top:20px; font-weight:600; transform:rotate(0.03deg);}
	.environ .diagram1 .mobile .items div:nth-child(4n-3) dl {background:#6091b1}
	.environ .diagram1 .mobile .items div:nth-child(4n-2) dl {background:#0077b9}
	.environ .diagram1 .mobile .items div:nth-child(4n-1) dl {background:#31aaac}
	.environ .diagram1 .mobile .items div:nth-child(4n) dl {background:#83af6e }

	.business.type2 .diagram2 {margin-top:50px;}
	.environ .diagram2 .mobile article {display:grid; grid-template-columns:80px auto; padding:20px; width:50%; margin:0 auto;}

	.environ .diagram2 .mobile .img {display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:50%; background:#000; align-self:center;}
	.environ .diagram2 .mobile article:nth-child(1) .img {background:#94b546;}
	.environ .diagram2 .mobile article:nth-child(2) .img {background:#067668;}
	.environ .diagram2 .mobile article:nth-child(3) .img {background:#754fb1;}
	.environ .diagram2 .mobile .img img {width:40px; object-fit:contain;}
	.environ .diagram2 .mobile dl {transform:rotate(0.03deg);}
	.environ .diagram2 .mobile dl dt {font-size:20px; font-weight:600;}
	.environ .diagram2 .mobile dl dd {font-size:16px; color:#666; margin-top:10px;}
	.rnd .part1 .right .gallery {gap:10px;}

	/* 사업분야 - VEOLIA Channel Partner (준비중) */
	.veolia_bg {background:none;}
	.veolia {padding:100px 30px 100px; flex-direction:column; text-align:center;}
	.veolia:after {content:""; display:block; position:absolute; background:url(../images/business/veolia_bg.webp) center/cover; height:100dvh; width:100vw; z-index:-1; left:0; }
	.veolia .left {margin:0;}
	.veolia .right {font-size:24px;}
	.veolia img { padding:0 0 30px;}

	/* ************************ 연구개발 ************************ */
	.rnd .part1 {display:block;}
	.rnd .part1 .left {width:100%;}
	.rnd .part1 .left article {display:flex; gap:30px;}
	.rnd .part1 .left .img {background:url(../images/research/rnd_bg_mob.webp) no-repeat right bottom / cover; height:25dvh; width:100%; order:2;}
	.rnd .part1 .left .txt {margin-top:0; width:45%;}
	.rnd .part1 .right {width:100%; margin-top:50px; grid-template-columns:repeat(2,1fr); }
	/*.rnd .part1 .right article+article {margin-top:40px;}*/
	.rnd .part1 .right article dl dt {font-size:20px; align-items: start; height:auto;}
	.rnd .part1 .right article dl dt span {font-size:24px; margin-right:15px; transform:translateY(-2px);}
	.rnd .part1 .right article dl dd {margin-top:10px;}
	.rnd .part1 .right article dl dd span {padding-left:30px;}


	.technology .tab-con {padding-top:0;}
	.technology .tab-con > div {flex-direction:column; gap:50px;}
	.technology .tab-con > div .left {width:100%;}
	.technology .tab-con > div .left ul {width:100%;}
	.technology .tab-con > div .left p {width:100%;}
	.technology .tab-con > div .right {width:100%;}
	.technology .tab-con > div .left h3 {font-size:24px;}
	.technology .tab-con > div .left .eng_tit {margin-top:0;}
	.technology .tab-con > div .left .eng_tit {font-size:18px;}
	.technology .tab-con > div .right article > p {font-size:20px; padding-left:20px;}

	.technology .tab-con > div .right article > p:before {height:20px;}
	.technology .tab-con > div .right article > ul {margin-top:20px;}
	.technology .tab-con > div .right article > ul li+li {margin-top:10px;}
	.technology .tab-con > div .right article > ul li {font-size:16px; padding-left:20px;}
	.technology .tab-con > div .right article+article {margin-top:40px;}
	.technology .tab-con > div .right article > ul li:before {top:9px;}
	.technology .tab-con > div .right article .table_wrap {overflow-x: auto; margin-top:30px;}
	.technology .tab-con > div .right article .table_wrap table {min-width: 600px; margin:20px 0 10px;}
	.technology .tab-con > div+div {margin-top:50px;}
	.technology .tab-con > div .right article .table_wrap::-webkit-scrollbar {height: 4px;}
    .technology .tab-con > div .right article .table_wrap::-webkit-scrollbar-thumb {background-color: #999; border}
	.technology .tab-con > div .right article .table_wrap::-webkit-scrollbar-track {background-color: #ddd;}
	.technology .tab-con > div .right article .img.both {gap:10px; margin-top:0;}


	/* ************************ 사이트맵 ************************ */
	.sitemap {grid-template-columns:repeat(2,1fr); gap:50px;}
	.sitemap h3 {font-size:24px;}

}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.contents .contents-wrap .tab-wrap {display:grid; grid-template-columns:repeat(2,1fr); width:100%; margin:0 auto 50px; gap:2px;}
	.contents .contents-wrap .tab-wrap a span {font-size:18px;}
	.contents .contents-wrap.technology .tab-wrap {grid-template-columns:repeat(1,1fr); width:100%; }
	.contents .contents-wrap.technology .tab-wrap a {padding:7px 0;}
	.contents .contents-wrap.location .tab-wrap {grid-template-columns:repeat(1,1fr); width:100%;}
	.contents .contents-wrap.location .tab-wrap a {padding:7px 0;}

    /* ************************ 회사소개 ************************ */
    /* 회사소개 - 인사말 */
	 .contents.intro.greet {margin-top:0px; padding-top:60px;}

	.popWrap .btnClose {top:-3vh; right:5.5vw;}

	.root_daum_roughmap .wrap_map {height:300px!important;}
	.location .map iframe {height:300px;}

    /* 회사소개 - 기업연혁 */
    .history .left .tit img {max-height:20dvh;}

	.business .catal {grid-template-columns:repeat(1,1fr);}
	.business .catal dl:nth-child(2n-1):after {display:none;}
	.business .catal dl:nth-child(2):before {content: ""; display: block;
    position: absolute; width: 50%; height: 1px; background: #ddd; left: 50%;
    top: 0; transform: translateX(-50%);}
	.business.type2 .diagram1 {margin-top:0;}
	.business.type2 .diagram1 ul {display:block; transform:translateX(0); text-align:center;}
	.business.type2 .diagram1 ul li+li {margin-top:20px; padding-left:0;}
	.business.type2 .diagram1 ul li+li:before {display: block; position: absolute; content: ""; width: 40px; height: 1px; background: #ddd; left: 50%; top: -10px; transform:translateX(-50%);}
	.business.type2 .busi_items article .step_diag {flex-direction:column; align-items:center; row-gap: 35px;}
	.business.type2 .busi_items article .step_diag dl+dl {margin-left:0;}
	.environ .diagram1 .mobile .items {gap:10px;}
	.environ .diagram1 .mobile .items div dl {padding: 20px 5px;}
	.environ .diagram1 .mobile .items div dl dd {margin-top:15px;}

	 /* 비즈니스 - 통합환경관리/환경컨설팅 */
	.business.type2 .busi_items article .step_diag dl+dl:before {display: block; position: absolute; content: ""; width: 15px; height: 26px;
    background: url(../images/business/step_arrow.webp) no-repeat center;
    left: 50%; top: -30px; transform: translateX(-50%) rotate(90deg);}
	.business.type2 .busi_items article .step_diag dl {border-radius:0; width:100%; height:auto; padding:30px;}
	.business.type2 .busi_items article .step_diag dl dt {margin-top:0;}
	.business.type2 .busi_items article span {margin-top:0;}
	.environ .diagram2 .mobile article {display:grid; grid-template-columns:80px auto; padding:20px; width:100%; margin:0 auto;}

	.rnd .part1 .left article {display:flex; gap:30px; flex-direction:column;}
	.rnd .part1 .left .txt {width:100%;}
	.rnd .part1 .left .img {order:0;}
	.rnd .part1 .right { grid-template-columns:repeat(1,1fr); gap:40px;}
	.rnd .part1 .gallery { grid-template-columns: repeat(2,1fr); gap:10px; }
	/* 서비스가이드 - 가맹점 */
	.contents.franc {padding-top:40px;}
	.store h2.tit {font-size:40px; padding-bottom :0px;}
	.store .store_list > ul {grid-template-columns: repeat(2,1fr); margin-bottom:30px;}
	.store .store_list > ul li {min-width:40vw;}
    .store .store_list > ul li img { object-fit: scale-down; aspect-ratio: 5/1.8;}
	.store .map_box h2 {font-size:36px;}
	.store .map_box .map img {max-width: 100%; aspect-ratio: 5/7; object-fit: cover;}
	.business.type2 .busi_items article:nth-child(3) {margin-top:0;}

	.veolia { padding : 30px 30px 50px;}
	.veolia .right {font-size:18px;}

	/* ************************ 고객지원 ************************ */

	/* 고객지원 - 이용약관 */
	.prepare {width: 90%; background: none; flex-direction: column;
    align-items: center; gap: 20px; margin-bottom:0;}
	.prepare > div {text-align:center;}
	.prepare > div h2 {font-size:32px;}
	.prepare > div .tab {display:none;}
	.prepare_bg_mob {display:block;}


    /* ************************ 제품소개 ************************ */
    .item ul {margin-top:35px}
    .item ul li {width: calc((100%/2) - 1.5vw);}


    /* ************************  커뮤니티  ************************ */
    /* 커뮤니티 - 카달로그 */
    .catalog .cataWrap {grid-template-columns: 1fr 1fr; gap: 2vw;}

	.sitemap {grid-template-columns:repeat(1,1fr); gap:50px;}
	.sitemap h3 {font-size:22px;}
	.sitemap ul li+li { margin-top:15px; font-size:16px;}

}


/* ************************ 모바일 (0~500) ************************ */
@media screen and (max-width: 500px) {

    /* ************************ 회사소개 ************************ */
    /* 회사소개 - 인증서 */
   .certification article ul {margin-top:30px; grid-template-columns:repeat(1,1fr); width:100%;}
	.location .info .right li {font-size:18px;}
	.technology .tab-con > div+div {margin-top:40px;}

}