/*공통*/
.sub_con_wrap {width:100%; }
.sub_con_gray {width:100%; background: #f7f7f7;}
.sub_con {width: 100%; margin: 0 auto; padding: 50px 15px;}

/*Content CSS*/
#gree_title1 {width: 100%; margin-bottom: 30px; position: relative; text-align: center;}
#gree_title1 h1 {font-size: 22px; line-height: 35px; font-weight: 300; color:#414141; margin: 0 25px; text-align: center;  word-break: keep-all;}
#gree_title1 h1 span {font-weight: 500; color:#bc000f; }
.gree_txt_icon_wrap {position: absolute;top: -10px; width: 100%; display: flex; flex-direction: row; justify-content: space-between;}
.gree_txt_icon {width: 40px;}
.gree_txt_icon img {width: 100%;}


#gree_img {width: 100%; }
#gree_img  img {width: 100%;}
#gree_script { width: 95%; position: relative; z-index: 2; background: #fff; margin: -90px auto; text-align: center; padding:  30px 20px;}
#gree_script p {font-size: 14px; font-weight: 400; color:#7a7a7a; line-height: 30px; word-break: keep-all;}
#gree_script p span {font-weight: 500; color:#bc000f;}

#gree_article {margin: 100px 0 40px 0;}
#gree_article ul {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
#gree_article ul li {width: 50%; background: #cc0111; height: 210px; border-right: 1px solid rgba(255,255,255,0.2); padding: 15px; text-align: center;}
#gree_article ul li:nth-child(1) {background: rgba(204,1,17,0.7);}
#gree_article ul li:nth-child(2) {background: rgba(204,1,17,0.8);}
#gree_article ul li:nth-child(3) {background: rgba(204,1,17,1);}
#gree_article ul li:nth-child(4) {background: #a1000d;}
#gree_article ul li:last-child {border-right: 0;}
#gree_article ul li h1 { font-size: 22px; font-weight: 400; color:#fff; margin: 0 auto; width: 30px; border-bottom: 2px solid #fff;}
#gree_article ul li:nth-child(1) h1 { width: 60px;}
#gree_article ul li p { font-size: 14px; font-weight: 400; color:#fff; line-height: 26px; word-break: keep-all; margin-top: 14px; letter-spacing: -0.3px; word-break: keep-all;}

#gree_title2 {width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: 70px; align-items: flex-end;}
#gree_title2 p {font-size: 16px; font-weight: 400; color:#7a7a7a; line-height: 42px; margin-right: 40px;}

#gree_title2 {width: 100%; margin-bottom: 30px; position: relative; text-align: center;}
#gree_title2 h1 {font-size: 16px; line-height: 26px; font-weight: 300; color:#414141; margin: 0 25px; text-align: center;  word-break: keep-all;}
#gree_title2 h1 span {font-weight: 500; color:#bc000f; }
.gree_txt_icon2_wrap {position: absolute;top: -20px; width: 100%; display: flex; flex-direction: row; justify-content: space-between;}
.gree_txt_icon2 {width: 40px;}
.gree_txt_icon2 img {width: 100%;}

@media screen and (max-width:100%) {

}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 640px) {
}