@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fw500 {font-weight:500;}
.fz17 {font-size:17px;}
.fz18 {font-size:18px;}
.fz20 {font-size:20px;}
.fz22 {font-size:22px;}

.doc-cnt25 {margin-bottom:25px;}
.doc-cnt50 {margin-bottom:50px;}
.doc-cnt70 {margin-bottom:70px;}
.doc-cnt100 {margin-bottom:100px;}

.doc-tit {margin-bottom:20px;}
.doc-tit h4 {padding-left:25px; font-size:25px; line-height:1.5em; font-weight:600; color:#242424; letter-spacing:-.02em; position:relative;}
.doc-tit h4:before {position:absolute; content:''; width:10px; height:10px; top:13px; left:0; background-color:#4a8736; border-radius:100%;}
.doc-tit p {letter-spacing:-.02em; line-height:1.4em;}

.greeting {display:flex; position:relative;}
.greeting:after {position:absolute; content:''; left:-100%; right:-100%; top:225px; bottom:-250px; z-index:-1; background-color:#f5f5f5;}
.greeting .img {margin-right:45px;}
.greeting .cnt {padding-top:95px; flex:1;}
.greeting .cnt .tit strong {display:block;}
.greeting .cnt p {line-height:1.6em;}
.greeting .cnt p:last-child {margin-bottom:0;}

.history {padding:55px 0 0 80px; border-top:3px solid #4a8736;}
.history .group {padding-bottom:40px; display:flex; position:relative;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group:before {position:absolute; content:''; width:1px; top:0; bottom:0; background-color:#ddd;}
.history .group:after {width:25px; height:25px;  margin-left:-12px; top:0; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .group:before,
.history .group:after {left:200px;}

.history .group .year {font-size:35px; width:200px; font-weight:700; letter-spacing:-.02em;}
.history .group .cnt {padding-left:55px; flex:1;}
.history .group .cnt ul li {line-height:1.765em;}

.cert {margin:0 -20px -40px; display:flex; flex-wrap:wrap; text-align:center;}
.cert li {padding:0 20px; margin-bottom:40px; width:25%;}
.cert li .img {margin-bottom:12px;}

.local-addr {display:flex;}
.local-addr li {width:33.3333%; text-align:center;}
.local-addr li img {margin:-2px 25px 0 0; vertical-align:middle;}
.local-addr li strong {font-weight:600;}

.const-tit {margin-bottom:35px; text-align:center;}
.const-tit .title strong {color:#4a8736;}

.const-list li {margin-bottom:25px;}
.const-list li:last-child {margin-bottom:0;}
.const-list li .title {margin-bottom:12px; line-height:1.4em; font-weight:500; letter-spacing:-.02em;}

.const-list2 {margin:0 -20px -50px; display:flex; flex-wrap:wrap;}
.const-list2 li {width:50%; padding:0 20px; margin-bottom:50px;}
.const-list2 li .cnt {min-height:237px; padding:25px; border:1px solid #ddd; border-top:0;}
.const-list2 li .cnt .tit {padding-bottom:12px; margin-bottom:20px; border-bottom:1px solid #ddd; font-weight:600; letter-spacing:-.02em; color:#242424;}
.const-list2 li .cnt p {line-height:1.471em;}

.enviro {text-align:center;}
.enviro .top {font-size:40px; margin-bottom:15px; line-height:1.4em; font-weight:700; letter-spacing:-.01em; color:#b3cd2e; font-family:'Cafe24Ohsquare';}
.enviro .top span {color:#4a8736;}
.enviro p {line-height:1.5em;}
.enviro p strong {color:#4a8736;}

.enviro-list {margin:0 -13px -30px; display:flex; flex-wrap:wrap; text-align:center;}
.enviro-list li {width:25%; padding:0 13px; margin-bottom:30px; font-weight:500; color:#242424;}
.enviro-list li .img {margin-bottom:10px; position:relative; padding-bottom:125%; overflow:hidden;}
.enviro-list li .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.recruit-table table {border-top:2px solid #2c2c2c; text-align:center; border-collapse:collapse; width:100%; color:#242424;}
.recruit-table table th {padding:15px 0; border-right:1px solid #ddd; background-color:#f5f5f5; font-weight:400;}
.recruit-table table td {padding-top:19px; padding-bottom:19px; line-height:1.5em; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.recruit-table table td.left {padding-left:25px; text-align:left;}
.recruit-table table th:last-child,
.recruit-table table td:last-child {border-right:0;}

.common-thing {padding:52px 0; background-color:#f5f5f5;}
.common-thing .doc-tit {margin-bottom:35px;}
.common-thing ul {display:flex; text-align:center;}
.common-thing ul li {width:25%; position:relative;}
.common-thing ul li:after {position:absolute; content:''; width:1px; height:70px; top:50%; transform:translateY(-50%); right:0; background-color:#ddd;}
.common-thing ul li:last-child:after {display:none;}
.common-thing ul li .icon {margin-bottom:12px;}