@charset "utf-8";
/* 공통 */
.sub-ttl { font-family: 'GmarketSans'; font-weight: 900; color: #242424; position: relative;  font-size: 32px; letter-spacing: -1px; padding-left: 25px; line-height: 1.2em;}
.sub-ttl::before { width: 10px; height: 10px; border-radius: 100%; background: #51ae32; left: 0; top: 10px; content: ""; position: absolute; }


/* ceo인사말 */
.about { display: flex; justify-content: space-between; margin-top: -110px;}
.about-img { width: 50%;}
.about-text { padding-right: 95px; width: 50%; margin-top: 70px;}
.about-text>p { font-size: 18px; line-height: 1.778em; color: #505050; font-weight: 400; letter-spacing: -1px; margin-top: 25px;}
.about-text>p>span { color: #51ae32; font-weight: 700;}
.about-img img { width: 100%; object-fit: cover; display: block;}


/* 연혁 */
.hst-bg { height: 420px; background: url(../images/sub/sub1_2.jpg) center no-repeat; background-size: cover; width: 100%; display: flex; align-items: center; justify-content: center;}
.hst-ttl-year { background: #51ae32; color: #fff; font-family: 'GmarketSans'; font-weight: 900; font-size: 42px; line-height: 1.857em; letter-spacing: -1px; padding: 5px 30px 0;}
.history {position:relative; padding-top: 60px;}
.history .group {position:relative; top:-4px; margin-bottom:55px;}
.history .group:last-child{margin-bottom:0;}
.history .group .year {font-size:42px; line-height:1.3em; letter-spacing:-.03em; margin-bottom:15px;font-weight: 700; color: #51ae32; position: relative; }
.history .group:nth-child(odd) .month { padding-right: 20px;}
.history .group:nth-child(even) .month { padding-left: 20px;}
.history .group:nth-child(odd) .groupbox { width: 50%; position: relative; margin-left: 50%; }
.history .group:nth-child(even) .groupbox { width: 50%; position: relative; margin-left: 0; }
.history .group ul {position: relative; width:100%;}
.history .group:nth-child(even) ul {text-align:right;}
.history:before {content:''; position: absolute; width: 1px; background-color: #ddd; left: 0; right: 0; margin: auto; top: -168px; bottom: 15px;}
.history .group:nth-child(odd) .year::before {left: -9px;}
.history .group:nth-child(even) .year::before {right: -8px;}
.history .group .year:before {content:''; position:absolute; width:18px; height:18px; background:#51ae32; border-radius:100%; top: 0; bottom: 0; margin: auto;}
.history .group:nth-child(even) ul:after{right:-10px;}
.history .group:nth-child(odd) ul:after{left:-10px;}
.history .group ul li::before { content:''; position: absolute; height: 8px; width: 8px; background: #ddd; border-radius: 100%; top: 10px; }
.history .group:nth-child(odd) ul li::before { left: -4px;}
.history .group:nth-child(even) ul li::before { right: -4px;}
.history .group ul li {position: relative; color:#505050; margin-bottom: 10px; font-size: 19px; font-weight: 300; letter-spacing: -1px; display: flex;}
.history .group ul li:last-child {margin-bottom: 0;}
.history .group ul li .month {font-size: 19px; color: #2c2c2c; font-weight: 700; width: 150px; display: block;}
.history .group:nth-child(odd) ul li {padding-left: 40px; justify-content: flex-start;}
.history .group:nth-child(even) ul li {padding-right: 40px; justify-content: end;}
.history .group:nth-child(odd) .year { padding-left: 40px;}
.history .group:nth-child(even) .year { padding-right: 40px; text-align: right;}
.mth-width { width: 100px !important;}


/* 라이센스(인증서) */
.subbox>p { font-size: 17px; font-weight: 300; letter-spacing: -1px; color: #878787; line-height: 1.3em; margin-top: 15px;}
.lcc-pri { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px;}
.lcc-pri>div { width: 50%;}
.lcc-left { text-align: center; background: #f4f4f4; padding: 80px 100px;} 
.lcc-left img { border: 1px solid #ddd;}
.lcc-pri .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; }

.lcc-right { padding-left: 80px; padding-top: 80px; position: relative;}
.lcc-right-text>h3{ font-size: 28px; color: #286f08; font-weight: 700; letter-spacing: -1px;}
.lcc-right-text>p { font-size: 18px; font-weight: 400; letter-spacing: -1px; color: #505050; line-height: 1.778em; margin-top: 25px;}  
.lcc-big-font { font-size: 200px; font-family: 'GmarketSans'; font-weight: 700; color: #f4f4f4; opacity: 0.6; position: absolute; letter-spacing: -9px; line-height: 1.2em; margin-top: 100px; right: 0;}
.lccbox2 { margin-top: 120px;}
.lcc-list { width: 100%; margin-top: 60px;}
.lcc-list>li { border-top: 1px solid #ddd; padding: 40px 0; display: flex; }
.lcc-list>li:last-child { padding-bottom: 0;}
.lcc-list-ttl { font-size: 28px; font-weight: 700; color: #286f08; letter-spacing: -1px; min-width: 430px;}
.lcc-list-txt { font-size: 18px; line-height: 1.778em; color: #505050; font-weight: 400; letter-spacing: -1px;}
.lcc-list-sub { margin-top: 5px;}
.lcc-list-sub>li { font-size: 16px; font-weight: 300; line-height: 1.8em; color: #878787; letter-spacing: -0.5px;}


/* 주요제품 */
.cd-img { width: 100%; background: #f4f4f4; padding: 30px 200px; text-align: center;}

.cd-listbox { margin-top: 110px;}
.cd-listbox>p { font-size: 17px; margin-top: 15px; line-height: 2em; color: #878787; font-weight: 300; letter-spacing: -1px;}
.cd-list { display: flex; justify-content: space-between; margin-top: 50px; gap: 80px;}
.cd-list>li { border: 1px solid #ddd; width: calc(100%/4 - 40px); padding: 50px 30px; text-align: center; position: relative;}
.dashline { width: 100%; border-top: 1px dashed #ddd; height: 1px; margin: 30px 0 20px; border-width:2px; }
.cd-list>li>h2 { font-size: 20px; font-weight: 700; line-height: 1.7em; margin-top: 10px; letter-spacing: -0.5px;}
.cd-list>li>p { font-size: 17px; font-weight: 400; letter-spacing: -1px; color: #505050; margin-top: 0px;}
.cd-list>li::after { content: ""; width: 20px; height: 20px; background: url(../images/sub/sub_rightbt.png) center no-repeat; position: absolute; top: 0; bottom: 0; margin: auto; right: -50px;}
.cd-list>li:last-child::after{ display: none;}
.step-clr1 { color: #96ca4f;}
.step-clr2 { color: #84ce3a;}
.step-clr3 { color: #51ae32;}
.step-clr4 { color: #286f08;}


/* 가공공정 */
.process { margin-top: 40px;}
.rcd { margin-top: 100px;}
.ucd { margin-top: 100px;}
.pro-rcd { position: relative; margin-top: 50px; margin-right: -12px;}
.pro-ucd { position: relative; margin-top: 50px; margin-right: -12px;}
.sub3-line { position: absolute; bottom: 121px; right: 100%;}
.sub3-line2 { bottom: 116px !important;}
.pro-ttl>p { font-size: 17px; line-height: 2em; font-weight: 300; letter-spacing: -1px; color: #878787; margin-top: 15px; padding-left: 25px;}


/* 견적 및 수거 */
.estimate { width: 100%;}
.est-box { display: flex; }
.est-box>div { width: 50%; }
.est-text { background: #51ae32 url(../images/sub/subico4_1.png) 95% 110% no-repeat; overflow: hidden; position: relative; padding: 60px 60px;}
.est-text>h3 { font-size: 28px; line-height: 1.5em; font-weight: 500; color: #fff; letter-spacing: -1px;}
.est-text>h3>span { font-weight: 700;}
.est-text img { position: absolute; right: 10px; bottom: -20px;}
.est-text>p { font-size: 18px; color: #d5e9d0; font-weight: 500; line-height: 1.778em; margin-top: 20px; letter-spacing: -0.5px;}
.est-img img{ width: 100%; display: block; object-fit: cover; height: 100%;}
.est-box2 { margin-top: 100px;}


/* 찾아오시는 길 */
.lct-list { display: flex; margin-top: 70px;}
.lct-list>li { width: calc(100%/4); padding: 40px 30px; text-align: center; border-right: 1px solid #ddd;}
.lct-list>li:last-child { border: none;}
.lct-list>li>h3 { font-size: 20px; line-height: 1.5em; font-weight: 600; color: #51ae32; letter-spacing: -0.5px; margin-top: 20px;}
.lct-list>li>p { font-size: 18px; line-height: 1.778em; font-weight: 500; color: #505050; margin-top: 10px; letter-spacing: -1px;}