@charset "utf-8";

/*공통*/
.green-txt {color:#095b37 !important;}

/*company*/
.company {text-align:center;}
.company .bg-wrap {margin-bottom:38px;}
.company .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:13px;}
.company .txt {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}

/*history*/
.history {padding:50px 0; background:url("../images/sub/history_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.history .group {display:flex; position:relative; padding-bottom:65px;}
.history .group:last-child{padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .year {width:50%; text-align:right; padding-right:70px; font-family:'NanumSquare',sans-serif; font-size:40px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#242424;}
.history .group > ul {width:50%; padding-left:60px; padding-top:9px;}
.history .group > ul > li {position:relative; font-family:'NanumSquare',sans-serif; padding-left:45px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}
.history .group > ul ul {margin-top:12px;}
.history .group li li {position:relative;padding-left:8px; font-family:'Noto Sans KR'; font-size:16px; font-weight:400; line-height:1.7em; color:#686868;}
.history .group li li:before {content:""; position:absolute; width:3px; height:3px; background:#686868; border-radius:100%; left:0; top:12px;}
.history .group .month {display:block; font-weight:800; position:absolute; left:0; top:0;}
.history .group:before {content:""; position:absolute; width:4px; height:100%; background:url("../images/sub/history_bd.png"); left:50%; margin-left:-2px; top:4px;}
.history .group:after {content:""; position:absolute; width:29px; height:29px; background:#095b37; left:50%; margin-left:-14.5px; top:4px; border-radius:100%;}

/*org*/
.org {text-align:center; position:relative; padding-bottom:85px;}
.org:before {content:""; position:absolute; width:100%; height:calc(100% - 90px); bottom:0; left:0; background:#f1f1f1; z-index:-1;}
.org .txt-wrap {margin-bottom:70px;}
.org .txt-wrap h3 {font-family:'NanumSquare',sans-serif; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; padding:35px 0 117px 0; background:linear-gradient(to right, #095b37, #4aac41);}
.org .txt-wrap ul {position:relative; display:flex; margin-left:-20px; margin-top:-85px; padding:0 30px;}
.org .txt-wrap ul li {width:calc(33.333% - 20px); margin-left:20px; border-radius:25px; border:1px dashed #ddd; background:#fff; padding:60px 10px; font-family:'NanumSquare',sans-serif;  font-size:18px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#454545;}

/*location*/
.local {position:relative; margin-bottom:65px;}
.local .root_daum_roughmap {width:100% !important; height:510px !important;}
.local .root_daum_roughmap .wrap_map {height:510px !important;}
.local .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.local .roughmap_lebel_text:after {content:"(주)에코종합관리"; font-size:12px; line-height:15px}
.local-info {position:absolute; width:100%; background:#095b37 url("../images/sub/sub_logo.png") no-repeat 94% 50%; bottom:0; left:0; border-radius:0 50px 0 0; color:#fff; z-index:10; padding:35px 40px;}
.local-info p {font-family:'NanumSquare',sans-serif; font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:15px;}
.local-info ul li {font-family:'NanumSquare',sans-serif; padding-left:35px; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; position:relative; margin-bottom:16px;}
.local-info ul li:last-child {margin-bottom:0;}
.local-info ul li:before {content:""; position:absolute; width:22px; height:22px; background-repeat:no-repeat; background-position:50% 50%; left:0;}
.local-info ul li:nth-child(1):before {background-image:url("../images/sub/local_icon1.png");}
.local-info ul li:nth-child(2):before {background-image:url("../images/sub/local_icon2.png");}

.direction > dl:fist-child {padding-top:0;}
.direction > dl {border-bottom:1px solid #ddd; padding:40px 0; display:flex;}
.direction > dl > dt.tit {font-family:'NanumSquare',sans-serif; font-size:24px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424; min-width:247px;}
.direction .transport1 .cnt {font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#454545;}
.direction .transport1 .cnt span {font-weight:700;}
.direction .transport2 .cnt ul li {display:flex; align-items: center; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.direction .transport2 .cnt ul li:last-child {margin-bottom:0;}
.direction .transport2 .cnt ul li span {display:inline-block; padding:4px 15px; border-radius:50px; color:#fff; background:#ddd; margin-right:10px;}
.direction .transport2 .cnt ul li:nth-child(1) span {background:#0475f4;}
.direction .transport2 .cnt ul li:nth-child(2) span {background:#3cc344;}
.direction .transport2 .cnt ul li:nth-child(3) span {background:#fb5852;}
.direction .transport2 .cnt ul li:nth-child(4) span {background:#87c700;}

.direction .transport3 .cnt ul li {display:flex; align-items: center; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.direction .transport3 .cnt ul li:last-child {margin-bottom:0;}
.direction .transport3 .cnt ul li span {display:inline-block; width:26px; height:26px; border-radius:100%; line-height:26px; text-align:center; color:#fff; background:#697215; margin-right:10px;}

/*esg*/
.esg .bg-wrap {text-align:center; padding:115px 0; background:url("../images/sub/esg_bg.jpg") no-repeat 50% 50%;  background-size:cover; color:#fff;}
.esg .bg-wrap p {font-family:'NanumSquare',sans-serif; font-size:30px; font-weight:400; line-height:1.6em;}
.esg .bg-wrap p span {font-weight:700;}
.esg .group {padding:70px 0;}
.esg .group:last-child {padding-bottom:0;}
.esg .group.gray {background:#f8f8f8;}
.esg .group.gray .cnt {flex-direction: row-reverse;}
.esg .group .cnt {display:flex; align-items: center;}
.esg .group .cnt .img {position:relative;}
.esg .group .cnt .img span {position:absolute; left:0; bottom:0; width:100%; font-size:50px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#fff; opacity:0.8; padding:0 0 30px 38px;}
.esg .group .cnt .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:49px;}
.esg .group.gray .cnt .txt-wrap {padding-left:0; padding-right:49px;}
.esg .group .cnt .txt-wrap h3 {font-family:'NanumSquare',sans-serif; font-size:28px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#095b37; margin-bottom:24px;}
.esg .group .cnt .txt-wrap p {font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em; color:#454545;}

/*advantage*/
.advantage .txt-wrap {position:relative; padding:24px; text-align:center;}
.advantage .txt-wrap:before {content:""; position:absolute; width:30px; height:100%; border:6px solid #095b37; border-right:0; left:0; top:0;}
.advantage .txt-wrap:after {content:""; position:absolute; width:30px; height:100%; border:6px solid #095b37; border-left:0; right:0; top:0;}
.advantage .txt-wrap p {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:400; line-height:1.6em; color:#242424; letter-spacing:-0.03em;}
.advantage .txt-wrap p span {font-weight:800;}
.advantage ul {display:flex; justify-content: space-between;padding-top:88px; background:url("../images/sub/advan_bg.png") no-repeat 30px center;}
.advantage ul li {text-align:center;}
.advantage ul li .circle {font-family:'NanumSquare',sans-serif; margin-bottom:75px; position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; width:241px; height:241px; background:#095b37; border-radius:100%; border:40px solid #edf7ec; box-sizing:content-box !important; font-size:28px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#fff;}
.advantage ul li .circle:before {content:""; position:absolute; width:1px; left:50%; margin-left:-0.5px; bottom:-93px; height:93px; background:#095b37;}
.advantage ul li .circle:after {content:""; position:absolute; width:7px; height:7px; left:50%; margin-left:-3.5px; border-radius:100%; bottom:-93px; background:#095b37;}
.advantage ul li .circle span {display:block; font-size:18px; font-weight:400; line-height:1em; margin-top:10px;}
.advantage ul li .txt {font-size:16px;font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

/*business*/
.business .group {padding:70px 0; text-align:center;}
.business .group.gray {background:#f8f8f8;}
.business .group h3 {font-family:'NanumSquare',sans-serif; font-size:24px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#fff; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; padding:34px 0 170px 0;}
.business .group ul {display:flex;justify-content: center;flex-wrap:wrap; position:relative; margin-top:-116px; margin-left:-30px; margin-bottom:-45px; padding:0 30px;}
.business .group ul li {font-family:'NanumSquare',sans-serif; position:relative; width:calc(33.333% - 30px); margin-left:30px; margin-bottom:45px; padding:46px 10px; border-radius:17px; background:#fff; border:1px solid #ddd; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.business .group ul li span {font-family:'NanumSquare',sans-serif; position:absolute; width:50px; height:50px; top:-25px; left:50%; margin-left:-25px; border-radius:100%;  background:linear-gradient(to right, #095b37, #4aac41); text-align:center; font-size:20px; font-weight:800; line-height:50px; letter-spacing:-0.03em; color:#fff;}