/* a1 - 인사말 */
/* #a1 .img_box {margin-bottom: 0;}
#a1 .img_box img {width: 70%; display: block; margin: 0 auto;} */

#a1 .con {max-width: 1400px; width: 100%; margin: 0 auto 100px;}
#a1 .con:last-child {margin-bottom: 0;}
#a1 .con1 {display: flex; justify-content: space-between; align-items: center;}
#a1 .con1 .imgwrap {width: 40%;}
#a1 .con1 .imgwrap .pc_img {border-radius: 10px; margin-bottom: 40px; max-width: 1400px; width: 100%;}
#a1 .con1 .imgwrap .mo_img {display: none;}
#a1 .con1 .greetings {text-align: left; width: 55%;}
#a1 .con1 .greetings h2 {font-size: 26px; line-height: 36px; margin-bottom: 30px; padding-bottom: 30px; position: relative; word-break: keep-all; color: #222;}
#a1 .con1 .greetings h2::after {position: absolute; content: ''; width: 30px; height: 5px; bottom: 0; left: 0; background-color: #121212;}
#a1 .con1 .greetings h2 span {color: #1d74d0;}
#a1 .con1 .greetings p {font-size: 22px; color: #121212; line-height: 30px; margin-bottom: 50px; word-break: keep-all;}
#a1 .con1 .greetings p b{font-weight: 600;letter-spacing: 2px;}
#a1 .con1 .greetings .ceo {text-align: right;}
#a1 .con1 .greetings .ceo img {width: 100%; max-width: 180px; float: right;}


#a1 .con1 .m_greetings {text-align: left; width: 55%; display: none;}
#a1 .con1 .m_greetings h2 {font-size: 26px; line-height: 36px; margin-bottom: 30px; padding-bottom: 30px; position: relative; word-break: keep-all; color: #222;}
#a1 .con1 .m_greetings h2::after {position: absolute; content: ''; width: 30px; height: 5px; bottom: 0; left: 0; background-color: #121212;}
#a1 .con1 .m_greetings h2 span {color: #1d74d0;}
#a1 .con1 .m_greetings p {font-size: 22px; color: #121212; line-height: 30px; margin-bottom: 50px; word-break: keep-all;}
#a1 .con1 .m_greetings p b{font-weight: 600;letter-spacing: 2px;}
#a1 .con1 .m_greetings .ceo {text-align: right;}
#a1 .con1 .m_greetings .ceo img {width: 100%; max-width: 180px; float: right;}


#a1 .con2 {max-width: none; background-color: #f7f7f7; padding: 80px 0;}
#a1 .con2 .title {font-size: 30px; padding-left: 22px; position: relative; color: #222; word-break: keep-all; max-width: 1400px; margin: 0 auto 20px;}
#a1 .con2 .title::after {position: absolute; content: ''; width: 13px; height: 13px; background-color: #1d74d0; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); border-radius: 3px;}
#a1 .con2 ul {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#a1 .con2 ul li {width: 25%; padding: 50px;}
#a1 .con2 ul li .img_box {width: 100%; border-radius: 50%; background-color: #fff; padding: 3%; aspect-ratio: 1 / 1; display: grid; align-content: center;}
#a1 .con2 ul li .img_box img {width: 70%; display: block; margin: 0 auto;}
#a1 .con2 ul li .text_box {margin-top: 20px;}
#a1 .con2 ul li .text_box p {text-align: center; font-size: 20px; font-weight: 500; line-height: 1.5; word-break: keep-all;}

@media screen and (max-width: 1400px) {
	#a1 .con1 {padding: 0 20px;}
	#a1 .con2 {padding: 80px 20px;}
}

@media screen and (max-width: 1200px) {
	#a1 .con1 .imgwrap {width: 35%;}
	#a1 .con1 .greetings {width: 60%;}
}

@media screen and (max-width: 960px) {
	#a1 .con .title {font-size: 24px;}
	#a1 .con .title::after {width: 10px; height: 10px; border-radius: 2px;}
	#a1 .con1 {flex-direction: column;}
	#a1 .con1 .imgwrap {width: 100%;}
	#a1 .con1 .greetings {width: 100%; display: none;}
	#a1 .con1 .greetings h2 {font-size: 24px;}
	#a1 .con1 .greetings p {font-size: 16px; line-height: 28px;}
	#a1 .con1 .greetings p br{display: none;}

	#a1 .con1 .m_greetings {width: 100%; display: block;}
	#a1 .con1 .m_greetings h2 {font-size: 24px;}
	#a1 .con1 .m_greetings p {font-size: 16px; line-height: 28px;}
	#a1 .con1 .m_greetings p br{display: none;}

	#a1 .con2 ul {flex-wrap: wrap;}
	#a1 .con2 ul li {width: calc(50% - 5px); padding: 5%;}
	#a1 .con2 ul li .text_box p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a1 .con {margin-bottom: 50px;}
	#a1 .con .title {font-size: 20px;}
	/* #a1 .img_box img {width: 100%;} */
	#a1 .con1 .greetings h2 {font-size: 20px; line-height: 30px;}
	#a1 .con1 .greetings p {font-size: 16px; line-height: 28px; margin-bottom: 40px;}
	#a1 .con1 .greetings .ceo img {max-width: 150px;}
}

@media screen and (max-width: 500px) {
	#a1 .con1 .greetings h2 br {display: none;}
}

@media screen and (max-width: 450px) {
	#a1 .con2 ul li {width: 100%;}
	#a1 .con2 ul li .img_box {width: 70%; display: block; margin: 0 auto;}
}
/* a1 - 인사말 */



/* a2 - 조직도 */
#a2 img {max-width: 1200px; width: 100%; margin: 0 auto; display: block;}
/* a2 - 조직도 */



/* a4 - 사업분야 */
#a4 {}
#a4 .con {max-width: 1400px; width: 100%; margin: 0 auto 100px;}
#a4 .con:last-child {margin-bottom: 0;}
#a4 .con .title {font-size: 30px; padding-left: 22px; position: relative; margin-bottom: 20px; color: #222; word-break: keep-all;}
#a4 .con .title::after {position: absolute; content: ''; width: 13px; height: 13px; background-color: #1d74d0; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); border-radius: 3px;}
#a4 .con1 ul {width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#a4 .con1 ul li {width: 20%; padding: 25px 20px; background-color: #fff; border: 1px solid #ddd; height: 325px;}
#a4 .con1 ul li h3 {font-size: 23px; color: #222; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
#a4 .con1 ul li p {word-break: keep-all; font-size: 18px; padding-left: 10px; line-height: 1.5; display: flex; align-items: center; gap: 7px; margin-bottom: 10px;}
#a4 .con1 ul li p .circle {display: inline-block; width: 4px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #1d74d0;}
#a4 .con1 ul li p:last-child {margin-bottom: 0;}
#a4 .con2 {max-width: none; background-color: #f7f7f7; padding: 80px 0;}
#a4 .con2 ul {width: 100%; max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
#a4 .con2 ul li {width: 20%; padding: 25px 20px; display: flex; flex-direction: column; gap: 20px;}
#a4 .con2 ul li .img_box {width: 100%;}
#a4 .con2 ul li .img_box img {width: 100%; border-radius: 50%; background-color: #fff;}
#a4 .con2 ul li .text_box {height: 54px;}
#a4 .con2 ul li .text_box p {text-align: center; font-size: 18px; line-height: 1.5; word-break: keep-all;}

@media screen and (max-width: 1400px) {
	#a4 .con1 {padding: 0 20px;}
}

@media screen and (max-width: 1200px) {
	#a4 .con1 ul {flex-wrap: wrap; row-gap: 30px; justify-content: flex-start;}
	#a4 .con1 ul li {width: calc(100% / 3 - 7px); height: 320px;}
	#a4 .con2 ul {flex-wrap: wrap; row-gap: 30px; justify-content: flex-start; align-items: baseline;}
	#a4 .con2 ul li {width: calc(100% / 3 - 7px);}
	#a4 .con2 ul li .img_box {width: 80%; display: block; margin: 0 auto;}
}

@media screen and (max-width: 960px) {
	#a4 .con .title {font-size: 24px;}
	#a4 .con .title::after {width: 10px; height: 10px; border-radius: 2px;}
	#a4 .con1 ul li h3 {font-size: 20px;}
	#a4 .con1 ul li p {font-size: 16px;}
	#a4 .con2 ul li .text_box p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a4 .con {margin-bottom: 50px;}
	#a4 .con .title {font-size: 20px;}
	#a4 .con1 ul li {width: calc(50% - 7px);}
	#a4 .con1 ul li h3 {font-size: 18px;}
	#a4 .con2 ul li {width: calc(50% - 7px);}
}

@media screen and (max-width: 450px) {
	#a4 .con1 ul li {width: 100%; height: auto;}
	#a4 .con2 ul {row-gap: 0;}
	#a4 .con2 ul li {width: 100%;}
	#a4 .con2 ul li .img_box {width: 70%;}
}
/* a4 - 사업분야 */



/* a6 - 오시는 길 */
#a6 .con {margin-bottom: 80px;}
#a6 .con:last-child {margin-bottom: 0;}
#a6 .con h2 {font-size: 30px; padding-left: 22px; position: relative; margin-bottom: 20px; color: #222;}
#a6 .con h2::after {position: absolute; content: ''; width: 13px; height: 13px; background-color: #1d74d0; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); border-radius: 3px;}
#a6 .con ul {display: flex; margin-bottom: 10px;}
#a6 .con ul li {display: flex; align-items: center; margin-right: 70px; font-size: 18px;}
#a6 .con ul li:last-child {margin-right: 0;}
#a6 .con ul li h3 {font-weight: 600; color: #1d74d0; margin-right: 20px; word-break: keep-all;}
#a6 .con ul li p {color: #666; font-weight: 400; word-break: keep-all;}
#a6 .con .map .root_daum_roughmap .wrap_controllers {display: none;}
#a6 .con .map .root_daum_roughmap .map_border {display: none;}
#a6 .con .map .root_daum_roughmap_landing {border: 1px solid #ddd;}

@media screen and (max-width: 960px) {
	#a6 .con {margin-bottom: 60px;}
	#a6 .con h2 {font-size: 24px;}
	#a6 .con h2::after {width: 10px; height: 10px; border-radius: 2px;}
	#a6 .con ul {flex-direction: column;}
	#a6 .con ul li {font-size: 16px; margin-right: 0; margin-bottom: 10px;}
}

@media screen and (max-width: 640px) {
	#a6 .con {margin-bottom: 50px;}
	#a6 .con h2 {font-size: 20px;}
	#a6 .con ul li {font-size: 14px;}
	#a6 .con .wrap_map {height: 400px !important;}
}
/* a6 - 오시는 길 */


/* d1 - 컬러가이드 */
#d1 {width: 100%; max-width: 1200px; margin: 0 auto;}
#d1 .con {margin-bottom: 100px;}
#d1 .con:last-child {margin-bottom: 0;}
#d1 .con .title {font-size: 40px; padding-left: 22px; position: relative; margin-bottom: 20px; color: #222; word-break: keep-all;}
#d1 .con .title::after {position: absolute; content: ''; width: 13px; height: 13px; background-color: #1d74d0; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); border-radius: 3px;}
#d1 .con ul {width: 100%; display: flex; flex-wrap: wrap; gap: 30px; justify-content: flex-start; align-items: center;}
#d1 .con ul:first-of-type {margin-bottom: 30px;}
#d1 .con ul li {width: calc(100% / 4 - 23px); border: 1px solid #ddd; border-radius: 30px; overflow: hidden;}
#d1 .con ul li .img_box {width: 100%;}
#d1 .con ul li .img_box img {width: 100%;}
#d1 .con ul li .text_box {text-align: center; padding: 10px;}
#d1 .con ul li .text_box p {font-size: 16px; font-weight: 400;}
#d1 .con2 ul li {width: calc(100% / 4 - 23px);}


@media screen and (max-width: 960px) {
	#d1 .con .title {font-size: 30px;}
	#d1 .con .title::after {width: 10px; height: 10px; border-radius: 2px;}
	#d1 .con ul {gap: 20px;}
	#d1 .con ul:first-of-type {margin-bottom: 20px;}
	#d1 .con ul li {border-radius: 20px; width: calc(100% / 4 - 15px);}
	#d1 .con2 ul li {width: calc(100% / 4 - 15px);}
}

@media screen and (max-width: 640px) {
	#d1 .con {margin-bottom: 50px;}
	#d1 .con .title {font-size: 25px; margin-bottom: 10px;}
	#d1 .con ul {gap: 10px;}
	#d1 .con ul:first-of-type {margin-bottom: 10px;}
	#d1 .con ul li {width: calc(100% / 2 - 5px); border-radius: 15px;}
	#d1 .con2 ul li {width: calc(100% / 2 - 5px);}
	#d1 .con ul li .text_box p {font-size: 14px;}
}
/* d1 - 컬러가이드 */