/*About us*/
#a1 {width: 100%;}
#a1 .con {margin-bottom: 100px;}
#a1 .con > h3 {font-size: 30px; position: relative; padding-left: 20px; margin-bottom: 30px;}
#a1 .con > h3::after {position: absolute; content: ''; width: 5px; height: 70%; background-color: #07b497; top: 50%; left: 0; transform: translateY(-50%); border-radius: 2px;}

#a1 .con1 .imgwrap {border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
#a1 .con1 .imgwrap img {width: 100%;}
#a1 .con1 .txtwrap {text-align: center;}
#a1 .con1 .txtwrap h2 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
#a1 .con1 .txtwrap p {font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 50px; color: #666;}
#a1 .con1 .txtwrap .ceo {text-align: right; font-size: 20px; font-weight: 500;}
#a1 .con1 .txtwrap .ceo span {font-size: 24px; font-weight: 700; padding-left: 10px;}

#a1 .con2 {margin-bottom: 100px;}
#a1 .con2:last-child {margin-bottom: 0;}
#a1 .con2 .incon .map {margin-bottom: 40px;}
#a1 .con2 .incon .map .root_daum_roughmap_landing {border: 1px solid #ddd;}
#a1 .con2 .incon .map .root_daum_roughmap .wrap_controllers {display: none;}
#a1 .con2 .incon .map .root_daum_roughmap .map_border {display: none;}
#a1 .con2 .incon .txtwrap .txt {display: flex; justify-content: space-between; margin-bottom: 40px;}
#a1 .con2 .incon .txtwrap .txt h2 {width: 35%; font-size: 36px;}
#a1 .con2 .incon .txtwrap .txt ul {width: 60%;}
#a1 .con2 .incon .txtwrap .txt ul li {display: flex; font-size: 18px; padding: 40px 20px; border-top: 1px solid #ddd; font-weight: 600;}
#a1 .con2 .incon .txtwrap .txt ul li:last-child {border-bottom: 1px solid #ddd;}
#a1 .con2 .incon .txtwrap .txt ul li h3 {width: 150px;}
#a1 .con2 .incon .txtwrap .txt ul li p {color: #666;}

#a1 .con3 .conwrap {position: relative; padding: 50px 0;}
#a1 .con3 .conwrap::after {position: absolute; content: ''; width: 1px; height: 100%; background-color: #ddd; top: 0; left: 50%;}
#a1 .con3 .conwrap .incon {display: flex; margin-bottom: 80px; position: relative;}
#a1 .con3 .conwrap .incon::after {position: absolute; content: ''; width: 10px; height: 10px; background-color: #07b497; border-radius: 50%; right: 50%; margin-right: -5px; top: 25px;  z-index: 1;}
#a1 .con3 .conwrap .incon:last-child {margin-bottom: 0;}
#a1 .con3 .conwrap .incon h2 {width: 50%; font-size: 30px; position: relative;}
#a1 .con3 .conwrap .incon ul {width: 50%; margin-top: 20px;}
#a1 .con3 .conwrap .incon ul li {font-size: 20px; display: flex; color: #666; font-weight: 600;}
#a1 .con3 .conwrap .incon ul li:nth-child(2) {margin-top: 20px;}
#a1 .con3 .conwrap .incon ul li span {font-size: 20px; font-weight: 800; color: #07b497; width: 60px;}
#a1 .con3 .conwrap .conright h2 {padding-right: 150px; text-align: right;}
#a1 .con3 .conwrap .conright h2::after {right: -5px;}
#a1 .con3 .conwrap .conright ul li span {margin-right: 20px;}
#a1 .con3 .conwrap .conright ul li {flex-direction: row; padding-left: 150px;}
#a1 .con3 .conwrap .conleft h2 {padding-left: 150px;}
#a1 .con3 .conwrap .conleft h2::after {left: -5px;}
#a1 .con3 .conwrap .conleft ul li {flex-direction: row-reverse; padding-right: 150px; text-align: right;}
#a1 .con3 .conwrap .conleft ul li span {margin-left: 20px;} 

@media (max-width: 960px){
	#a1 .con {margin-bottom: 70px;}
	#a1 .con > h3 {font-size: 24px;}

	#a1 .con1 .txtwrap h2 {font-size: 24px; line-height: 34px;}
	#a1 .con1 .txtwrap p {font-size: 18px; line-height: 28px;}
	#a1 .con1 .txtwrap .ceo {font-size: 18px;}
	#a1 .con1 .txtwrap .ceo span {font-size: 20px;}

	#a1 .con2 {margin-bottom: 70px;}
	#a1 .con2 .incon .map .wrap_map {height: 500px !important;}
	#a1 .con2 .incon .txtwrap .txt {flex-direction: column; margin-bottom: 30px;}
	#a1 .con2 .incon .txtwrap .txt h2 {font-size: 30px; margin-bottom: 20px; width: 100%;}
	#a1 .con2 .incon .txtwrap .txt ul {width: 100%;}
	#a1 .con2 .incon .txtwrap .txt ul li {font-size: 16px; padding: 30px 20px;}

	#a1 .con3 .conwrap::after {left: 10%;}
	#a1 .con3 .conwrap .incon {align-items: flex-start;}
	#a1 .con3 .conwrap .incon::after {margin-right: 0; margin-left: -5px; left: 10%;}
	#a1 .con3 .conwrap .incon h2 {width: auto; font-size: 40px;}
	#a1 .con3 .conwrap .incon ul {width: auto; margin-top: 0;}
	#a1 .con3 .conwrap .incon ul li {font-size: 18px;}
	#a1 .con3 .conwrap .incon ul li span {width: 40px; font-size: 18px;}
	#a1 .con3 .conwrap .conright {padding: 5px 0 0 120px;}
	#a1 .con3 .conwrap .conright h2 {padding-right: 0;}
	#a1 .con3 .conwrap .conright ul li {padding-left: 60px;}
	#a1 .con3 .conwrap .conleft {flex-direction: row-reverse; justify-content: left; padding: 5px 0 0 120px;}
	#a1 .con3 .conwrap .conleft ul li {flex-direction: row; padding-left: 60px; padding-right: 0; text-align: left;}
	#a1 .con3 .conwrap .conleft ul li span {margin-left: 0;}
	#a1 .con3 .conwrap .conleft h2 {padding-left: 0;}
}

@media (max-width: 640px){
	#a1 .con {margin-bottom: 50px;}
	#a1 .con > h3 {padding-left: 15px; font-size: 20px;}

	#a1 .con1 .txtwrap h2 {font-size: 20px; line-height: 30px;}
	#a1 .con1 .txtwrap h2 br {display: none;}
	#a1 .con1 .txtwrap p {font-size: 16px; line-height: 26px; margin-bottom: 40px;}
	#a1 .con1 .txtwrap .ceo {font-size: 16px;}
	#a1 .con1 .txtwrap .ceo span {font-size: 18px;}

	#a1 .con2 .incon .wrap_map {height: 400px !important;}
	#a1 .con2 .incon .txtwrap .txt h2 {font-size: 24px;}
	#a1 .con2 .incon .txtwrap .txt ul li {font-size: 14px; padding: 20px;}

	#a1 .con3 .conwrap .incon {flex-direction: column; margin-bottom: 50px;}
	#a1 .con3 .conwrap .incon h2 {margin-bottom: 30px; font-size: 30px;}
	#a1 .con3 .conwrap .incon ul li {font-size: 16px;}
	#a1 .con3 .conwrap .incon ul li span {font-size: 16px;}
	#a1 .con3 .conwrap .conright ul li {padding-left: 0;}
	#a1 .con3 .conwrap .conleft {flex-direction: column-reverse;}
	#a1 .con3 .conwrap .conleft ul li {padding-left: 0;}
}
/*About us*/





/* 사업영역 */
#b1 .con h2 {font-size: 30px; position: relative; padding-left: 20px; margin-bottom: 30px;}
#b1 .con h2::after {position: absolute; content: ''; width: 5px; height: 70%; background-color: #07b497; top: 50%; left: 0; transform: translateY(-50%); border-radius: 2px;}
#b1 .con p {font-size: 18px; background-color: #f5f5f5; padding: 30px; border-radius: 10px; margin-bottom: 40px; color: #555; font-weight: 500;}
#b1 img.pc_img {max-width: 1000px; width: 100%; margin: 0 auto; display: block;}
#b1 img.mo_img {display: none;}

@media screen and (max-width: 960px) {
	#b1 .con h2 {font-size: 24px;}
	#b1 .con p {font-size: 16px; padding: 20px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#b1 .con h2 {padding-left: 15px; font-size: 20px;}
	#b1 .con p {font-size: 14px; line-height: 24px;}
	#b1 img.pc_img {display: none;}
	#b1 img.mo_img {display: block; max-width: 454px; width: 100%; margin: 0 auto;}

}
/* 사업영역 */







/* 핵심품목 */
/* #b2 .con {margin-bottom: 80px;}
#b2 .con h2 {font-size: 30px; position: relative; padding-left: 20px; margin-bottom: 30px;}
#b2 .con h2::after {position: absolute; content: ''; width: 5px; height: 70%; background-color: #07b497; top: 50%; left: 0; transform: translateY(-50%); border-radius: 2px;}
#b2 .con:first-child img {width: 100%; margin: 0 auto; display: block; max-width: 1000px;}
#b2 .con ul {display: flex; justify-content: space-between;}
#b2 .con ul li {width: 32.333%; border: 1px solid #ddd;}
#b2 .con ul li img {width: 100%;}

@media screen and (max-width: 960px) {
	#b2 .con h2 {font-size: 24px;}
}

@media screen and (max-width: 640px) {
	#b2 .con h2 {padding-left: 15px; font-size: 20px;}
	#b2 .con ul {flex-direction: column;}
	#b2 .con ul li {width: 100%; margin-bottom: 10px;}
	#b2 .con ul li:last-child {margin-bottom: 0;}
} */
/* 핵심품목 */





/* c 공통 */
#c_common p {font-size: 18px; font-weight: 500; text-align: center; background-color: #f5f5f5; padding: 30px; margin-bottom: 40px; border-radius: 10px;}
#c_common p a {font-weight: 700;}

@media screen and (max-width: 960px) {
	#c_common p {font-size: 16px; padding: 20px; line-height: 26px;}
}
@media screen and (max-width: 640px) {
	#c_common p {font-size: 14px; line-height: 24px;}
}
/* c 공통 */





/* 지속가능경영(ESG) */
#f1 .con {margin-bottom: 100px;}
#f1 .con:last-child {margin-bottom: 0;}
#f1 .con > h2 {font-size: 30px; position: relative; padding-left: 20px; margin-bottom: 30px;}
#f1 .con > h2::after {position: absolute; content: ''; width: 5px; height: 70%; background-color: #07b497; top: 50%; left: 0; transform: translateY(-50%); border-radius: 2px; text-align: center; font-weight: 500;}

#f1 .con1 p {font-size: 20px; line-height: 30px; background-color: #ebf6f4; padding: 20px; border-radius: 10px; text-align: center; font-weight: 500;}

#f1 .con2 .incon {margin-bottom: 40px;}
#f1 .con2 .incon:last-child {margin-bottom: 0;}
#f1 .con2 .incon1 h3 {font-size: 20px; margin-bottom: 10px; border: 1px solid #07b497; color: #07b497; display: inline-block; padding: 7px 15px; border-radius: 20px;}
#f1 .con2 .incon1 h4 {font-size: 20px; margin-bottom: 10px;}
#f1 .con2 .incon1 p {font-size: 18px; color: #666;}
#f1 .con2 .incon2 {display: flex; justify-content: space-between;}
#f1 .con2 .incon2 .box {width: 32%; background-color: #f5f5f5; border-radius: 10px; padding: 50px 30px;;}
#f1 .con2 .incon2 .box h2 {font-size: 24px; padding-left: 20px; margin-bottom: 20px; position: relative;}
#f1 .con2 .incon2 .box h2::after {position: absolute; content: ''; width: 10px; height: 10px; border-radius: 2px; background-color: #07b497; left: 0;}
#f1 .con2 .incon2 .box ul li {font-size: 18px; margin-bottom: 10px; line-height: 28px; word-break: keep-all; position: relative; padding-left: 15px;}
#f1 .con2 .incon2 .box ul li:last-child {margin-bottom: 0;}
#f1 .con2 .incon2 .box ul li::after {position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #07b497; left: 0; top: 10px;}
#f1 .con2 .incon3 p {font-size: 18px; line-height: 28px; font-weight: 700; text-align: center;}

#f1 .con3 .incon {display: flex; justify-content: space-between;}
#f1 .con3 .incon .left {width: 20%;}
#f1 .con3 .incon .left h3 {font-size: 24px; margin-bottom: 20px;}
#f1 .con3 .incon .left ul {display: flex;}
#f1 .con3 .incon .left ul li {font-size: 20px; margin-right: 10px; font-weight: 500; text-align: center;}
#f1 .con3 .incon .left ul li a {width: 40px; height: 40px; border: 1px solid #121212; border-radius: 50%; display: inline-block; line-height: 40px; transition-duration: 0.4s;}
#f1 .con3 .incon .left ul li:hover a {color: #fff; font-weight: 600; background-color: #121212;}
#f1 .con3 .incon .left ul li:last-child {margin-right: 0;}
#f1 .con3 .incon .right {width: 75%;}
#f1 .con3 .incon .right ul {display: flex; justify-content: space-between;}
#f1 .con3 .incon .right ul li {width: 48%; background-color: #f5f5f5; padding: 30px; border-radius: 10px;}
#f1 .con3 .incon .right ul li h2 {font-size: 20px; margin-bottom: 20px;}
#f1 .con3 .incon .right ul li p {font-size: 16px; line-height: 26px; color: #666;}
#f1 .con4 > p {font-size: 20px; color: #666; font-weight: 500; margin-bottom: 20px;}
#f1 .con4 ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#f1 .con4 ul li {width: 15.666%; padding: 20px; border-radius: 10px; margin-bottom: 20px; font-size: 18px; line-height: 28px; position: relative;}
#f1 .con4 ul li:nth-child(2n) {background-color: #07b497; color: #fff;}
#f1 .con4 ul li:nth-child(2n+1) {background-color: #f5f5f5; color: #121212;}
#f1 .con4 ul li:nth-child(1) {background-color: #fff; font-size: 20px; }
#f1 .con4 ul li h3 {margin-bottom: 70px;}
#f1 .con4 ul li img {position: absolute; bottom: 20px; right: 30px; opacity: .5;}
#f1 .con4 ul li:nth-child(2n+1) img {filter: invert(45%) sepia(87%) saturate(1116%) hue-rotate(134deg) brightness(72%) contrast(94%);}
#f1 .con4 span {display: block; text-align: right; font-size: 15px; font-weight: 500; color: #aaa;}

#f1 .con5 p {font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 50px; color: #666; text-align: center;}
#f1 .con5 .ceo {font-size: 20px; text-align: right;}
#f1 .con5 .ceo b {font-size: 24px; margin-left: 10px;}

@media (max-width: 960px){
	#f1 .con {margin-bottom: 70px;}
	#f1 .con > h2 {font-size: 24px;}

	#f1 .con1 p {font-size: 18px; line-height: 28px;}
	#f1 .con1 p br {display: none;}

	#f1 .con2 .incon {margin-bottom: 30px;}
	#f1 .con2 .incon1 h3 {font-size: 18px;}
	#f1 .con2 .incon1 h4 {font-size: 18px;}
	#f1 .con2 .incon1 p {font-size: 16px; line-height: 26px;}
	#f1 .con2 .incon2 {flex-direction: column;}
	#f1 .con2 .incon2 .box {width: 100%; margin-bottom: 20px; padding: 40px 30px;}
	#f1 .con2 .incon2 .box:last-child {margin-bottom: 0;}
	#f1 .con2 .incon2 .box h2 {font-size: 20px; margin-bottom: 10px;}
	#f1 .con2 .incon2 .box h2::after {width: 9px; height: 9px;}
	#f1 .con2 .incon2 .box ul li {font-size: 16px; margin-bottom: 5px;}
	#f1 .con2 .incon3 p {font-size: 16px; line-height: 26px;}

	#f1 .con3 .incon {flex-direction: column;}
	#f1 .con3 .incon .left {width: 100%; margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center;}
	#f1 .con3 .incon .left h3 {font-size: 20px; margin-bottom: 0;}
	#f1 .con3 .incon .left ul li {font-size: 16px;}
	#f1 .con3 .incon .left ul li a {width: 34px; height: 34px; line-height: 34px;}
	#f1 .con3 .incon .right {width: 100%;}
	#f1 .con3 .incon .right ul li h2 {font-size: 18px;}
	#f1 .con3 .incon .right ul li p {font-size: 15px; line-height: 25px;}

	#f1 .con4 > p {font-size: 18px;}
	#f1 .con4 ul li {width: 32.333%; font-size: 16px; line-height: 26px;}
	#f1 .con4 ul li:nth-child(1) {font-size: 18px;}

	#f1 .con5 p {font-size: 18px; line-height: 28px;}
	#f1 .con5 .ceo {font-size: 18px;}
	#f1 .con5 .ceo b {font-size: 22px;}
}

@media (max-width: 640px){
	#f1 .con {margin-bottom: 50px;}
	#f1 .con > h2 {padding-left: 15px; font-size: 20px;}

	#f1 .con1 p {font-size: 16px; line-height: 26px;}
	
	#f1 .con2 .incon {margin-bottom: 20px;}
	#f1 .con2 .incon1 h3 {font-size: 16px;}
	#f1 .con2 .incon1 h4 {font-size: 16px;}
	#f1 .con2 .incon1 p {font-size: 14px; line-height: 24px;}
	#f1 .con2 .incon2 .box {padding: 30px;}
	#f1 .con2 .incon2 .box h2 {font-size: 18px;}
	#f1 .con2 .incon2 .box ul li {font-size: 14px;}
	#f1 .con2 .incon3 p {font-size: 14px; line-height: 24px;}

	#f1 .con3 .incon .left {margin-bottom: 20px;}
	#f1 .con3 .incon .right ul {flex-direction: column;}
	#f1 .con3 .incon .right ul li {width: 100%; margin-bottom: 20px;}
	#f1 .con3 .incon .right ul li:last-child {margin-bottom: 0;}

	#f1 .con4 > p {font-size: 16px;}
	#f1 .con4 ul li {width: 49%; }

	#f1 .con5 p {font-size: 16px; line-height: 26px; margin-bottom: 30px;}
	#f1 .con5 .ceo {font-size: 16px;}
	#f1 .con5 .ceo b {font-size: 20px;}
}
/* 지속가능경영(ESG) */