@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.intro-img {margin-bottom:65px;}
.introduce p.tt {font-size:28px; letter-spacing:-.03em; line-height:1.857em; color:#5c7752; font-weight:700;}
.introduce p.tt:first-child {margin-bottom:45px;}

.intro-list {margin-bottom:65px;}
.intro-list li {margin-bottom:40px;}
.intro-list li:last-child {margin-bottom:0;}
.intro-list li h3 {font-size:28px; letter-spacing:-.03em; line-height:1.857em; color:#5c7752;}
.intro-list li h3 span {color:#f0d418;}
.intro-list li p {font-size:18px; letter-spacing:-.03em; line-height:1.3em; color:#505050;}

.history-wrap {background-color:#f4f4f4; padding:80px 0 75px; margin-top:65px;}
.history-img {text-align:center; margin-bottom:50px; position:relative;}
.history-img:after {position:absolute; content:''; width:1px; height:46px; left:50%; bottom:-46px; background-color:#ccc;}

.history {position:relative; overflow:hidden;}
.history .group {position:relative; padding-bottom:45px;}
.history .group:last-child {padding-bottom:0;}
.history .group:before {content:""; position:absolute; left:50%; top:21px; bottom:4px; width:1px; background:#ccc;}
.history .group:last-child {margin-bottom:0;}
.history .group:last-child::before {display:none;}
.history .group h3 {position:absolute; font-size:34px; letter-spacing:-.03em; z-index:2;}
.history .group h3:before {content:""; position:absolute; top:0; width:17px; height:17px; background:#f4f4f4; border:4px solid #5c7752; border-radius:100%;}
.history .group ul li {position:relative; color:#505050; font-size:18px; line-height:1.778em; letter-spacing:-.03em; display:inline-block;}
.history .group ul li:before {position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#9db195; top:13px; left:0;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group:nth-child(odd) {padding-right:50%; text-align:right;}
.history .group:nth-child(odd) h3 {padding-right:28px; text-align:right; right:50%;}
.history .group:nth-child(odd) h3:before {right:-8px;}
.history .group:nth-child(odd) ul {padding-right:133px;}
.history .group:nth-child(odd) ul li {padding-left:15px;}
.history .group:nth-child(even) {padding-left:50%;}
.history .group:nth-child(even) h3 {padding-left:28px;}
.history .group:nth-child(even) h3:before {left:-8px;}
.history .group:nth-child(even) ul {padding-left:133px;}
.history .group:nth-child(even) ul li {padding-left:15px;}

.chart {text-align:center; padding-top:80px;}

.greeting {display:flex; position:relative;}
.greeting .img {width:46.6666%; order:2; z-index:1;}
.greeting .cnt {width:53.3334%; order:1; padding-top:120px;}
.greeting .cnt h3 {font-size:56px; letter-spacing:-.03em; line-height:1.286em; margin-bottom:50px;}
.greeting .cnt h3 span {color:#5c7752;}
.greeting .cnt .p1 {font-size:22px; letter-spacing:-.03em; line-height:1.3em; color:#505050; margin-bottom:22px;}
.greeting .cnt .p1 span {color:#5c7752; font-weight:500;}
.greeting .cnt .p2 {font-size:28px; letter-spacing:-.03em; line-height:1.5em; color:#5c7752; font-weight:700;}
.greeting .cnt .p2 span {color:#f0d418;}

.text_bg {font-size:100px; font-weight:800; letter-spacing:-.06em; line-height:1em; position:absolute; top:45px; left:45px; color:rgba(223,223,223,.3); z-index:-1;}
.text_bg span {padding-left:415px;}

.greeting-txt {margin-top:40px;}
.greeting-txt p {font-size:18px; letter-spacing:-.03em; color:#505050; line-height:1.778em; margin-bottom:30px;}
.greeting-txt p:last-child {margin-bottom:0;}
.greeting-txt p strong {color:#2c2c2c; font-weight:500;}
.greeting-txt p img {margin-left:17px; margin-top:-3px;}

.local {display:flex; margin-top:25px; align-items:center;}
.local p {font-size:28px; letter-spacing:-.03em; line-height:1.5em; position:relative; padding-left:35px; font-weight:700;}
.local p:before {position:absolute; content:''; width:21px; height:26px; top:7px; left:0; background-size:contain; background-repeat:no-repeat; background-image:url('../images/sub/local_icon1.png');}
.local span {font-size:18px; letter-spacing:-.03em; line-height:1.3em; color:#505050; position:relative; padding-left:40px; display:inline-block;}
.local span:before {position:absolute; content:''; width:1px; height:26px; top:0; left:20px; background-color:#dfdfdf;}

.root_daum_roughmap {width:100% !important;}

.map-wrap {display:flex; margin:50px -20px 0;}
.map-wrap .map {padding:0 20px; width:50%;}
.map-wrap .map .local p:before {width:25px; background-image:url('../images/sub/local_icon2.png');}
.facilities .group {margin-bottom:40px;}
.facilities .group:last-child {margin-bottom:0;}
.facilities .group:last-child ul li {margin-bottom:0;}
.facilities h3 {font-size:28px; line-height:1.3em; letter-spacing:-.03em; color:#5c7752; margin-bottom:22px;}

.facilities-list {display:flex; margin:0 -20px; flex-wrap:wrap;}
.facilities-list li {padding:0 20px; width:33.3333%; margin-bottom:30px;}
.facilities-list li .box {border:1px solid #dfdfdf;}
.facilities-list li .box .cnt {border-top:1px solid #dfdfdf; background-color:#fafafa; text-align:center; padding:13px 0;}
.facilities-list li .box .cnt p {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; margin-bottom:10px; color:#5c7752;}
.facilities-list li .box .cnt span {color:#505050;}

.silicone {margin-bottom:60px;}

.silicone-justice {display:flex; margin-bottom:33px;}
.silicone-justice .img {width:50%;}
.silicone-justice .cnt {width:50%; background-color:#5c7752; padding:60px; color:#fff;}
.silicone-justice .cnt h3 {font-size:28px; letter-spacing:-.03em; line-height:1.3em; margin-bottom:25px;}
.silicone-justice .cnt p {font-size:18px; letter-spacing:-.03em; line-height:1.778em; margin-bottom:27px; font-weight:300;}
.silicone-justice .cnt p:last-child {margin-bottom:0;}

.silicone .pf {font-size:18px; letter-spacing:-.03em; line-height:1.778em; color:#505050;}

.silicone-char {display:flex; flex-wrap:wrap; margin-bottom:70px;}
.silicone-char li {width:33.3333%; border:1px solid #dfdfdf; margin-left:-1px; margin-top:-1px; padding:50px 40px;}
.silicone-char li span {font-size:20px; display:inline-block; text-align:center; font-weight:700; color:#fff; letter-spacing:-.03em; line-height:46px; width:46px; border-radius:50%; background-color:#5c7752;}
.silicone-char li h4 {font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; display:inline; padding-left:12px;}
.silicone-char li p {margin-top:25px;}

.silicone-rubber .group {display:flex; align-items:center; margin-bottom:100px;}
.silicone-rubber .group:last-child {margin-bottom:0;}
.silicone-rubber .group .img {width:50%;}
.silicone-rubber .group .cnt {width:50%; padding-left:60px;}
.silicone-rubber .group .cnt .icon {margin-bottom:30px;}
.silicone-rubber .group .cnt p.tit {font-size:22px; letter-spacing:-.03em; line-height:1.3em; color:#5c7752; font-weight:700;}
.silicone-rubber .group .cnt p {font-size:18px; letter-spacing:-.03em; margin-bottom:17px; line-height:1.778em;}
.silicone-rubber .group .cnt p:last-child {margin-bottom:0;}
.silicone-rubber .group .cnt p span {color:#5c7752; font-weight:500;}

.silicone-rubber .group:nth-child(even) .img {order:2;}
.silicone-rubber .group:nth-child(even) .cnt {order:1; padding-left:0;}

.supplies-tit {background-repeat:no-repeat; background-size:100% 100%; padding:150px 0; margin-bottom:80px; text-align:center;}
.supplies-tit p {font-size:38px; font-weight:500; letter-spacing:-.03em; line-height:1.3em; background-color:rgba(92,119,82,.85); text-align:center; color:#ffde00; display:inline-block; padding:25px 40px;}

.supplies-tit.bg1 {background-image:url('../images/sub/supplies_tit_bg1.jpg');}
.supplies-tit.bg2 {background-image:url('../images/sub/supplies_tit_bg2.jpg');}
.supplies-tit.bg3 {background-image:url('../images/sub/supplies_tit_bg3.jpg');}
.supplies-tit.bg4 {background-image:url('../images/sub/supplies_tit_bg4.jpg');}
.supplies-tit.bg5 {background-image:url('../images/sub/supplies_tit_bg5.jpg');}
.supplies-tit.bg6 {background-image:url('../images/sub/supplies_tit_bg6.jpg');}

.supplies-info {display:flex; margin-bottom:80px; align-items:center;}
.supplies-info .cnt {padding-left:70px;}
.supplies-info .cnt p {font-size:28px; letter-spacing:-.03em; color:#505050; margin-bottom:60px; line-height:1.857em;}
.supplies-info .cnt p:last-child {margin-bottom:0;}
.supplies-info .cnt p span {color:#5c7752;font-weight:700;}

.supplies-img {margin-bottom:40px;}

.supplies-txt p {font-size:24px; letter-spacing:-.03em; color:#878787; line-height:1.75em; margin-bottom:35px;}
.supplies-txt p:last-child {margin-bottom:0;}
.supplies-txt p span {font-size:28px; letter-spacing:-.03em; color:#5c7752; line-height:1.5em; font-weight:700;}

.inquiry-input {width:100%; max-width:337px;}