/* 서브페이지 공통 */
.subcon {margin: 0 auto 100px; max-width: 1400px; width: 100%;}

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

@media screen and (max-width: 960px) {
	.subcon {padding: 0 15px; margin: 0 auto 80px;}
}

@media screen and (max-width: 640px) {
	.subcon {margin: 0 auto 50px;}
}
/* 서브페이지 공통 */




/*a1*/
#a1 .imgwrap {margin-bottom: 50px;}
#a1 .imgwrap img {border-radius: 15px; width: 100%;}
#a1 .txtwrap {text-align: center;}
#a1 .txtwrap h2 {font-size: 40px; transform: rotate(0.03deg); margin-bottom: 30px; padding-bottom: 30px; position: relative; font-weight: 800;}
#a1 .txtwrap h2::after {position: absolute; content: ''; width: 40px; height: 5px; background-color: #00a95c; bottom: 0; left: 50%; transform: translateX(-50%);}
#a1 .txtwrap h2 span {/*color: #00a95c;*/ color: #0018ff;}
#a1 .txtwrap p {font-size: 20px; line-height: 32px;}
#a1 .ceo {margin-top: 50px; text-align: right; font-size: 24px;}
#a1 .ceo span {margin-right: 10px; font-weight: 700; color: #0018ff;}

@media screen and (max-width: 960px) {
	#a1 .txtwrap h2 {font-size: 30px;}
	#a1 .txtwrap p {font-size: 18px; line-height: 30px;}
	#a1 .ceo {margin-top: 40px; font-size: 22px;}
}


@media screen and (max-width: 640px) {
	#a1 .txtwrap h2 {font-size: 24px;}
	#a1 .txtwrap p {font-size: 16px; line-height: 28px;}
	#a1 .ceo {font-size: 20px;}
}
/*a1*/






/*a2*/
#a2 .mapwrap .root_daum_roughmap_landing {border: 1px solid #eee;}
#a2 .mapwrap .root_daum_roughmap .wrap_controllers {display: none;}
#a2 .mapwrap .root_daum_roughmap .map_border {display: none;}

#a2 .mapwrap {margin-bottom: 50px;}
#a2 .mapinfo {display: flex;}
#a2 .mapinfo li {border-right: 1px dashed #eee; width: 33.333%; display: flex; flex-direction: column; align-items: center;}
#a2 .mapinfo li:last-child {border-right: 0;}
#a2 .mapinfo li > img {margin-bottom: 20px;}
#a2 .mapinfo li h2 {font-size: 24px; margin-bottom: 10px;}
#a2 .mapinfo li p {font-size: 18px; line-height: 28px; color: #888; font-weight: 300; text-align: center;}
#a2 .mapinfo li p span {font-weight: 500;}

@media screen and (max-width: 960px) {
	#a2 .mapinfo li h2 {font-size: 20px;}
	#a2 .mapinfo li > img {height: 80px;}
	#a2 .mapinfo li p {font-size: 16px; line-height: 26px;}
}


@media screen and (max-width: 640px) {
	#a2 .mapinfo {flex-direction: column;}
	#a2 .mapinfo li {border-right: 0; border-bottom: 1px dashed #eee; width: 100%; margin-bottom: 30px; padding-bottom: 30px;}
	#a2 .mapinfo li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
	#a2 .mapinfo li h2 {font-size: 18px;}
	#a2 .mapinfo li p {font-size: 14px; line-height: 24px;}
}
/*a2*/






/*b 공통*/
.subcon .b_txt {margin-bottom: 40px; padding-bottom: 40px; text-align: center; position: relative;}
.subcon .b_txt::after {position: absolute; content: ''; width: 300px; height: 23px; background-image: url(../html/img/b_img1.png); left: 50%; bottom: 0; transform: translateX(-50%);}
.subcon .b_txt p {font-size: 18px; line-height: 28px; font-weight: 500;}
.subcon .b_slide {margin-bottom: 50px;}
.subcon .b_slide .owl-nav {display: block; width: 100%; bottom: 50%; left: 0; position: absolute;}
.subcon .b_slide .owl-nav span {display: none;}
.subcon .b_slide .owl-nav .owl-prev {background-color: rgba(0,0,0,0); background-image: url(../html/img/leftarrow.png); width: 40px; height: 40px; background-size: cover; top: 50%; transform: translateY(-50%); left: 30px; opacity: .5; transition-duration: 0.5s; position: absolute;}
.subcon .b_slide .owl-nav .owl-prev:hover {opacity: 1; transition-duration: 0.5s;}
.subcon .b_slide .owl-nav .owl-next {background-color: rgba(0,0,0,0); background-image: url(../html/img/rightarrow.png);  width: 40px; height: 40px; background-size: cover; top: 50%; transform: translateY(-50%); right: 30px; opacity: .5; transition-duration: 0.5s; position: absolute;}
.subcon .b_slide .owl-nav .owl-next:hover {opacity: 1; transition-duration: 0.5s;}
.subcon .b_slide .owl-dots {display: flex; justify-content: center; margin-top: 20px;}
.subcon .b_slide .owl-dots .owl-dot {width: 10px; height: 10px; background-color: #ddd; border-radius: 5px; margin-right: 10px;}
.subcon .b_slide .owl-dots .owl-dot.active {background-color: #00a95c; width: 20px;}
.subcon .b_slide .owl-dots .owl-dot:last-child {margin-right: 0;}
.subcon .b_con h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
.subcon .b_con h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}

@media screen and (max-width: 960px) {
	.subcon .b_txt p {font-size: 16px; line-height: 26px;}
	.subcon .b_con h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
	.subcon .b_txt {margin-bottom: 30px; padding-bottom: 30px;}
	.subcon .b_txt::after {width: 200px; height: 15px; background-size: cover;}
	.subcon .b_txt p {font-size: 14px; line-height: 24px;}
	.subcon .b_slide {margin-bottom: 30px;}
	.subcon .b_slide .owl-nav {display: none;}
	.subcon .b_slide .owl-dots {margin-top: 10px;}
	.subcon .b_con h2 {font-size: 20px; padding-top: 10px; margin-bottom: 20px;}
}
/*b 공통*/




/* b1 */
#b1 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
#b1 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#b1 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; text-align: center;}
#b1 table td:last-child {border-right: 0;}

@media screen and (max-width: 960px) {
	#b1 table th {padding: 10px; font-size: 16px;}
	#b1 table td {padding: 10px; font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#b1 table th {font-size: 14px;}
	#b1 table td {font-size: 14px; line-height: 24px;}
}
/* b1 */




/* b2 */
#b2 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
#b2 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#b2 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; text-align: center;}
#b2 table td:last-child {border-right: 0;}

@media screen and (max-width: 960px) {
	#b2 table th {padding: 10px; font-size: 16px;}
	#b2 table td {padding: 10px; font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#b2 table th {font-size: 14px;}
	#b2 table td {font-size: 14px; line-height: 24px;}
}
/* b2 */




/* b4 */
#b4 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
#b4 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#b4 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; text-align: center;}
#b4 table td:last-child {border-right: 0;}
#b4 .notice {margin-top: 1%; font-size: 0.9rem; font-weight: 500; color: red; text-align: right;}

@media screen and (max-width: 960px) {
	#b4 table th {padding: 10px; font-size: 16px;}
	#b4 table td {padding: 10px; font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#b4 table th {font-size: 14px;}
	#b4 table td {font-size: 14px; line-height: 24px;}
	#b4 .notice {font-size: 12px;}
}
/* b4 */




/*c 공통*/
.subcon .c_txt {margin-bottom: 40px; padding-bottom: 40px; text-align: center; position: relative;}
.subcon .c_txt::after {position: absolute; content: ''; width: 300px; height: 23px; background-image: url(../html/img/b_img1.png); left: 50%; bottom: 0; transform: translateX(-50%);}
.subcon .c_txt p {font-size: 18px; line-height: 28px; font-weight: 500;}
.subcon .c_slide {margin-bottom: 50px;}
.subcon .c_slide .owl-nav {display: block; width: 100%; bottom: 50%; left: 0; position: absolute;}
.subcon .c_slide .owl-nav span {display: none;}
.subcon .c_slide .owl-nav .owl-prev {background-color: rgba(0,0,0,0); background-image: url(../html/img/leftarrow.png); width: 40px; height: 40px; background-size: cover; top: 50%; transform: translateY(-50%); left: 30px; opacity: .5; transition-duration: 0.5s; position: absolute;}
.subcon .c_slide .owl-nav .owl-prev:hover {opacity: 1; transition-duration: 0.5s;}
.subcon .c_slide .owl-nav .owl-next {background-color: rgba(0,0,0,0); background-image: url(../html/img/rightarrow.png);  width: 40px; height: 40px; background-size: cover; top: 50%; transform: translateY(-50%); right: 30px; opacity: .5; transition-duration: 0.5s; position: absolute;}
.subcon .c_slide .owl-nav .owl-next:hover {opacity: 1; transition-duration: 0.5s;}
.subcon .c_slide .owl-dots {display: flex; justify-content: center; margin-top: 20px;}
.subcon .c_slide .owl-dots .owl-dot {width: 10px; height: 10px; background-color: #ddd; border-radius: 5px; margin-right: 10px;}
.subcon .c_slide .owl-dots .owl-dot.active {background-color: #00a95c; width: 20px;}
.subcon .c_slide .owl-dots .owl-dot:last-child {margin-right: 0;}
.subcon .c_con h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
.subcon .c_con h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}

@media screen and (max-width: 960px) {
	.subcon .c_txt p {font-size: 16px; line-height: 26px;}
	.subcon .c_con h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
	.subcon .c_txt {margin-bottom: 30px; padding-bottom: 30px;}
	.subcon .c_txt::after {width: 200px; height: 15px; background-size: cover;}
	.subcon .c_txt p {font-size: 14px; line-height: 24px;}
	.subcon .c_slide {margin-bottom: 30px;}
	.subcon .c_slide .owl-nav {display: none;}
	.subcon .c_slide .owl-dots {margin-top: 10px;}
	.subcon .c_con h2 {font-size: 20px; padding-top: 10px; margin-bottom: 20px;}
}
/*c 공통*/




/* c1 */
#c1 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
#c1 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#c1 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; text-align: center;}
#c1 table td:last-child {border-right: 0;}

@media screen and (max-width: 960px) {
	#c1 table th {padding: 10px; font-size: 16px;}
	#c1 table td {padding: 10px; font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#c1 table th {font-size: 14px;}
	#c1 table td {font-size: 14px; line-height: 24px;}
}
/* c1 */




/* c2 */
#c2 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212;}
#c2 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#c2 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; text-align: center;}
#c2 table td:last-child {border-right: 0;}

@media screen and (max-width: 960px) {
	#c2 table th {padding: 10px; font-size: 16px;}
	#c2 table td {padding: 10px; font-size: 16px; line-height: 26px;}
}

@media screen and (max-width: 640px) {
	#c2 table th {font-size: 14px;}
	#c2 table td {font-size: 14px; line-height: 24px;}
}
/* c2 */




/* d1 */
#d1 {margin-bottom: 0;}
#d1 .con {margin-bottom: 60px;}
#d1 .con:last-child {margin-bottom: 0;}
#d1 .con h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#d1 .con h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#d1 .con table {border-collapse: collapse; width: 100%; border-top: 2px solid #121212; margin-bottom: 10px;}
#d1 .con table th {background-color: #f5fffa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 18px;}
#d1 .con table th:last-child {border-right: 0;}
#d1 .con table td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 18px; line-height: 28px; text-align: center;}
#d1 .con table td:last-child {border-right: 0;}
#d1 .con table td.align {text-align: center;}
#d1 .con p {font-size: 16px; font-weight: 500; color: #dc1818; text-align: right;}

@media screen and (max-width: 960px) {
	#d1 .con {margin-bottom: 50px;}
	#d1 .con h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
	#d1 .con table th {padding: 10px; font-size: 16px;}
	#d1 .con table td {padding: 10px; font-size: 16px;}
	#d1 .con p {font-size: 15px;}

}

@media screen and (max-width: 640px) {
	#d1 .con {margin-bottom: 40px;}
	#d1 .con h2 {font-size: 20px;}
	#d1 .con table th {font-size: 14px;}
	#d1 .con table td {font-size: 14px;}
	#d1 .con p {font-size: 14px;}
}
/* d1 */




/* d2 */
#d2 .txtwrap p {font-size: 18px; background-color: #f5f5f5; padding: 20px; border-radius: 15px; text-align: center; line-height: 28px; font-weight: 500; margin-bottom: 50px;}
#d2 .lecwrap {margin-bottom: 50px;}
#d2 .lecwrap > h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#d2 .lecwrap > h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#d2 .lecwrap .boxwrap {display: flex;}
#d2 .lecwrap .boxwrap .lecbox {width: 336px; border: 1px solid #ddd; margin-right: 1%; padding: 20px; display: flex; align-items: center;}
#d2 .lecwrap .boxwrap .lecbox:last-child {margin-right: 0;}
#d2 .lecwrap .boxwrap .lecbox .left {margin-right: 30px;}
#d2 .lecwrap .boxwrap .lecbox .left img {height: 150px;}
#d2 .lecwrap .boxwrap .lecbox .right h4 {font-size: 14px; color: #00a95c; font-weight: 400; margin-bottom: 10px;}
#d2 .lecwrap .boxwrap .lecbox .right h2 {font-size: 24px;}

#d2 .con1 {display: flex; justify-content: space-between; margin-bottom: 5%;}
#d2 .con1 > div {width: 48%; display: flex; justify-content: space-between;}
#d2 .con1 .img img {width: 100%;}
#d2 .con1 .txtwrap {background-color: #f5f5f5; padding: 30px; width: 60%;}
#d2 .con1 .txtwrap h2 {font-size: 20px; margin-bottom: 30px; padding-bottom: 30px; font-weight: 400; position: relative;}
#d2 .con1 .txtwrap h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #121212; bottom: 0; left: 0;}
#d2 .con1 .txtwrap h2 span {font-weight: 700;}
#d2 .con1 .txtwrap .ulwrap {display: flex; justify-content: space-between;}
#d2 .con1 .txtwrap .ulwrap ul {width: 100%;}
#d2 .con1 .txtwrap .ulwrap ul h3 {font-size: 18px; color: #fff; background-color: #444; display: inline-block; padding: 5px 10px; border-radius: 17px; margin-bottom: 20px; font-weight: 500;}
#d2 .con1 .txtwrap .ulwrap ul li {font-size: 16px; margin-bottom: 10px; line-height: 26px;}
#d2 .con1 .txtwrap .ulwrap ul li:last-child {margin-bottom: 0;}
#d2 .con1 .txtwrap .ulwrap ul li span {font-weight: 600; font-family: "Noto Sans KR", serif;}

#d2 .title {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#d2 .title::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#d2 .con2 ul {display: flex; justify-content: space-between; margin-bottom: 5%;}
#d2 .con2 ul li {width: 32.333%;}
#d2 .con2 ul li img {width: 100%;}
#d2 .con2 ul li p {font-size: 16px; text-align: center; padding: 10px 0; background-color: #f4fffa; color: #00a95c; font-weight: 600;}

#d2 .d_con h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#d2 .d_con h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#d2 table {width: 100%; border-collapse: collapse; border-top: 1px solid #121212; text-align: center;}
#d2 table th {padding: 15px; font-size: 18px; border-bottom: 1px solid #ddd; background-color: #f5fffa;}
#d2 table td {padding: 15px; font-size: 18px; line-height: 28px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%;}
#d2 table td:last-child {border-right: 0;}

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

@media screen and (max-width: 960px) {
	#d2 .title {font-size: 24px;}
	
	#d2 .txtwrap p {font-size: 16px; line-height: 26px;}
	#d2 .lecwrap > h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}

	#d2 .con1 {flex-direction: column;}
	#d2 .con1 > div {width: 100%; margin-bottom: 20px;}
	#d2 .con1 .img {width: 40%;}
	#d2 .con1 .img img {width: 100%;}
	#d2 .con1 .txtwrap {width: 60%;}
	#d2 .con1 .txtwrap h2 {font-size: 24px;}
	#d2 .con1 .txtwrap .ulwrap ul h3 {font-size: 18px;}
	#d2 .con1 .txtwrap .ulwrap ul li {font-size: 16px; margin-bottom: 5px;}

	#d2 table th {padding: 10px; font-size: 16px;}
	#d2 table td {padding: 10px; font-size: 16px; line-height: 26px;}
	#d2 h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
	#d2 .d_con h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
}


@media screen and (max-width: 700px) {
	#d2 .title {font-size: 20px;}

	#d2 .lecwrap > h2 {font-size: 20px; padding-top: 10px; margin-bottom: 20px;}
	#d2 .lecwrap .boxwrap {flex-direction: column;}
	#d2 .lecwrap .boxwrap .lecbox {width: 100%; margin-right: 0; margin-bottom: 20px; flex-direction: column;}
	#d2 .lecwrap .boxwrap .lecbox .left {margin-right: 0; margin-bottom: 20px;}
	#d2 .lecwrap .boxwrap .lecbox .left img {height: 120px;}
	#d2 .lecwrap .boxwrap .lecbox .right {text-align: center;}
	#d2 .lecwrap .boxwrap .lecbox .right h4 {font-size: 12px;}
	#d2 .lecwrap .boxwrap .lecbox .right h2 {font-size: 18px;}

	#d2 .con1 {flex-direction: column;}
	#d2 .con1 .img {width: 100%;}
	#d2 .con1 .txtwrap {width: 100%;}
	#d2 .con1 .txtwrap h2 {font-size: 20px;}
	#d2 .con1 .txtwrap .ulwrap {flex-direction: column;}
	#d2 .con1 .txtwrap .ulwrap ul {margin-right: 0; border-right: 0;}
	#d2 .con1 .txtwrap .ulwrap ul h3 {font-size: 16px;}
	#d2 .con1 .txtwrap .ulwrap ul li {font-size: 14px; line-height: 22px;}

	#d2 .con2 ul {flex-direction: column;}
	#d2 .con2 ul li {width: 100%; margin-bottom: 20px;}
	#d2 .con2 ul li:last-child {margin-bottom: 0;}
	#d2 .con2 ul li p {font-size: 15px;}

	#d2 table th {font-size: 14px;}
	#d2 table td {font-size: 14px; line-height: 24px;}
	#d2 .d_con h2 {font-size: 20px; padding-top: 10px; margin-bottom: 20px;}
	#d2 h2 {font-size: 20px; padding-top: 10px; margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
	#d2 .con1 > div {flex-direction: column;}
}
/* d2 */



/* d3 */
#d3 .con {margin-bottom: 60px;}
#d3 .con:last-child {margin-bottom: 0;}
#d3 .con > h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#d3 .con > h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#d3 .con1 {display: flex;}
#d3 .con1 > div {width: 50%;}
#d3 .con1 .img img {width: 100%;}
#d3 .con1 .txtwrap {background-color: #f5f5f5; padding: 30px;}
#d3 .con1 .txtwrap h2 {font-size: 30px; margin-bottom: 30px; padding-bottom: 30px; font-weight: 400; position: relative;}
#d3 .con1 .txtwrap h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #121212; bottom: 0; left: 0;}
#d3 .con1 .txtwrap h2 span {font-weight: 700;}
#d3 .con1 .txtwrap .ulwrap {display: flex; justify-content: space-between;}
#d3 .con1 .txtwrap .ulwrap ul {width: 50%; border-right: 1px solid #ddd; margin-right: 20px;}
#d3 .con1 .txtwrap .ulwrap ul:last-child {border-right: 0; margin-right: 0; padding-left: 20px;}
#d3 .con1 .txtwrap .ulwrap ul h3 {font-size: 20px; color: #fff; background-color: #444; display: inline-block; padding: 5px 10px; border-radius: 17px; margin-bottom: 10px; font-weight: 500;}
#d3 .con1 .txtwrap .ulwrap ul li {font-size: 18px; margin-bottom: 10px; line-height: 26px;}
#d3 .con1 .txtwrap .ulwrap ul li:last-child {margin-bottom: 0;}
#d3 .con1 .txtwrap .ulwrap ul li span {font-weight: 600; font-family: "Noto Sans KR", serif;}

#d3 .con2 ul {display: flex; justify-content: space-between;}
#d3 .con2 ul li {width: 32.333%;}
#d3 .con2 ul li img {width: 100%;}
#d3 .con2 ul li p {font-size: 16px; text-align: center; padding: 10px 0; background-color: #f4fffa; color: #00a95c; font-weight: 600;}

#d3 .con3 ul {display: flex; justify-content: space-between}
#d3 .con3 ul li {width: 24%; border: 1px solid #ddd; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#d3 .con3 ul li img {margin-bottom: 20px;}
#d3 .con3 ul li h3 {margin-bottom: 10px; font-size: 18px;}
#d3 .con3 ul li p {font-size: 16px; color: #555;}
#d3 .con3 ul li p > a {color: #555;}

@media screen and (max-width: 960px) {
	#d3 .con > h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
	#d3 .con1 {flex-direction: column;}
	#d3 .con1 > div {width: 100%;}
	#d3 .con1 .txtwrap h2 {font-size: 24px;}
	#d3 .con1 .txtwrap .ulwrap ul h3 {font-size: 18px;}
	#d3 .con1 .txtwrap .ulwrap ul li {font-size: 16px; margin-bottom: 5px;}

	#d3 .con3 ul {flex-wrap: wrap;}
	#d3 .con3 ul li {width: 49%; margin-bottom: 2%;}
	#d3 .con3 ul li:nth-child(3), #d3 .con3 ul li:nth-child(4) {margin-bottom: 0;}

}

@media screen and (max-width: 640px) {
	#d3 .con > h2 {font-size: 20px;}
	#d3 .con1 .txtwrap h2 {font-size: 20px;}
	#d3 .con1 .txtwrap .ulwrap {flex-direction: column;}
	#d3 .con1 .txtwrap .ulwrap ul {width: 100%; margin-right: 0; border-right: 0;}
	#d3 .con1 .txtwrap .ulwrap ul h3 {font-size: 16px;}
	#d3 .con1 .txtwrap .ulwrap ul:first-child {margin-bottom: 20px;}
	#d3 .con1 .txtwrap .ulwrap ul:last-child {padding-left: 0;}
	#d3 .con1 .txtwrap .ulwrap ul li {font-size: 14px; line-height: 22px;}

	#d3 .con2 ul {flex-direction: column;}
	#d3 .con2 ul li {width: 100%; margin-bottom: 20px;}
	#d3 .con2 ul li:last-child {margin-bottom: 0;}
	#d3 .con2 ul li p {font-size: 15px;}

	#d3 .con3 ul li {width: 100%; margin-bottom: 20px;}
	#d3 .con3 ul li:nth-child(3) {margin-bottom: 20px;}
	#d3 .con3 ul li img {height: 80px;}
	#d3 .con3 ul li h3 {font-size: 16px;}
	#d3 .con3 ul li p {font-size: 14px;}

}
/* d3 */




/* e1 */
#e1 {width: 100%;}
#e1 .con {margin-bottom: 60px;}
#e1 .con:last-child {margin-bottom: 0;}
#e1 .con h2 {font-size: 30px; position: relative; padding-top: 20px; margin-bottom: 30px; display: inline-block;}
#e1 .con h2::after {position: absolute; content: ''; width: 50%; height: 2px; background-color: #121212; left: 0; top: 0;}
#e1 .con table {border-collapse: collapse; width: 100%; border-top: 2px solid #121212;}
#e1 .con table th {background-color: #f5fffa; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 18px;}
#e1 .con table th:last-child {border-right: 0;}
#e1 .con table td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 18px; line-height: 28px; text-align: center;}
#e1 .con table td:last-child {border-right: 0;}
#e1 .con table td.border {border-right: 1px solid #ddd;}

@media screen and (max-width: 960px) {
	#e1 .con {margin-bottom: 50px;}
	#e1 .con h2 {font-size: 24px; padding-top: 10px; margin-bottom: 20px;}
	#e1 .con table th {padding: 10px; font-size: 16px;}
	#e1 .con table td {padding: 10px; font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#e1 .con {margin-bottom: 40px;}
	#e1 .con h2 {font-size: 20px;}
	#e1 .con table th {font-size: 14px;}
	#e1 .con table td {font-size: 14px;}
}
/* e1 */





/*오시는 길*/
.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:15px}
.contact_traffic { max-width:1240px; padding:20px 0; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic .bus {width:100%;padding:0;}
.contact_traffic .subway {width:100%; padding:0;}
.contact_traffic ul li {color: #555; line-height:33px; font-size:15px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}/* 푸터팝업*/

.map_info{width:283px;height:214px;background:#19cd61;position:absolute;right:0;top:0px;padding: 30px 28px;font-size:15px;color:#f8969a;letter-spacing:0;}
.map_info span{display:block;font-size:20px;color:#fff; font-weight:bold; letter-spacing:-.25px;}
.map_info p { padding-top:20px; color:#f2f2f2; line-height:1.4;}
.map_btn{position:absolute;left:30px;bottom:30px;}
.map_btn a{display:inline-block; padding:7px 10px; height:41px;border:1px solid #f2f2f2;text-align:center; color:#FFF; letter-spacing:-0.5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:hover{color:#000;background:#fff;border-color:#fff; text-decoration:none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.map_btn a:first-child{margin-right:5px;}
/*오시는 길*/







/* business01 */
.business_area { max-width:1200px;  margin-top:110px}
.business_area .box { position: relative; padding-bottom:80px; display:block;}
.business_area .box .img_right { float:right}
.business_area .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff;  width: 60%;}
.business_area .box .txt_wrap .half-round-tit {padding:50px 0 20px 50px;}
.business_area .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:20px; font-weight: 500;  vertical-align: middle;  line-height:1.6}
.business_area .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff;}
.business_area .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}
.business_area .box .txt_wrap .txt {padding-left:1rem; font-size:15px; color: #555; font-weight: 300; padding:50px; line-height: 1.8; text-align: justify;}
.business_area .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;}
/* business01 */






/* business02 */
.business_area .left { width:50%; float:left}
.business_area .right { width:50%; float:right}
.business_area .profile { float:left; padding-bottom:50px; max-width:221px}
.business_area .profile img { width:100%}
.business_area .list_wrap { float:left; padding:0 20px 40px 20px;}
.business_area .list_wrap h2 { font-size:24px; font-weight:bold; margin-left:10px; text-align:left; color:#1a1a1a}
.business_area .list_wrap ul { padding:10px 0 0 0}
.business_area .list_wrap ul li { display:block; clear:both; padding:5px 0; font-size:15px; text-align:left;  margin-left: 10px; color:#555}
.business_area .list_wrap .enterprise { margin-top:50px}
.business_area .list_wrap .enterprise li { float:left; display:block; padding:10px 20px; clear:none; background-image:none; margin-left:0}
/* business02 */




/* business03 */
.business_area03 { padding-top:110px}
.business_area03:after {content: " ";visibility: hidden;display: block; height: 0; clear: both;}
.business_area03 ul li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.business_area03 ul li:nth-child(3n+3){margin-right:0}
.business_area03 ul li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.business_area03 ul li .web_icon .material-icons { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.business_area03 ul li span {font-size:20px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; text-align:center}
.business_area03 ul li p { font-size:15px; text-align:center; line-height:1.8; color:#555; word-break:keep-all}
.business_area03 ul li .icon_img {text-align:center;padding-top:20px;display:block;}
/* business03 */




/*R&D01*/
/*탭*/
.navi_tab {width:100%; display:inline-block; clear:both; box-sizing:border-box;}
.navi_tab ul { text-align:center; margin:0 auto; }
.navi_tab li {width:33.3333%; float:left; height:85px; margin-top:-1px; margin-right:-1px; display:table}
.navi_tab li a {text-align:center; color:#808080; font-size:16px; display:block; padding:10px; height:70px; width:100%; background-color:#fff; border:1px solid #CCC; display:table-cell; vertical-align:middle }
.navi_tab li:last-child { border-right:0; margin-right:0;}
.navi_tab li a:hover {color:#fff; text-decoration:none; background-color:#1a2f45; border:1px solid #958776;}
.navi_tab li a.on { color:#fff; background-color: #1a2f45; height: 70px; border:1px solid #958776;}
/*탭*/

.rnd_area { width:100%; margin-top:110px; clear:both}
.rnd_area .point { padding:0 20px 0 0}
.rnd_area .point p { font-size:22px; font-weight:bold; padding:0 0 20px 30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left 9px}
.rnd_area .point h2 { font-size:28px; font-weight:100; color:#f66120; padding:10px 0 20px 0; letter-spacing:-1px; line-height:1.6}
.rnd_area .colum { max-width:1200px;  margin:0 auto; padding: 0 0 50px 0; font-size:15px; color:#555 }
.rnd_area .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px;  line-height:1.8}
.rnd_area .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.rnd_area .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.rnd_area .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.rnd_area .img img { width:100%; display:block}
.rnd_area .content_sub_title { margin:0 auto; padding:30px 0}
.rnd_area .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.rnd_area .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; font-weight:bold;  padding:0 0 20px 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left 9px; box-sizing:border-box}
.rnd_area .content_sub_title .sub_txt {float:right; width:75%; line-height:1.8; font-size:15px; color:#555}
.rnd_area .content_sub_title .sub_txt .h2 { font-size:20px; }
.rnd_area .content_sub_title .img { float:left; text-align:right; width:450px }
/*R&D01*/





/*R&D02*/
.rnd_area .box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.rnd_area .box .img { max-width:50%; float:left;display:block}
.rnd_area .box .img img { width:100%}
.rnd_area .box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.rnd_area .box .txt h2 { font-size:24px; padding-top:50px; font-weight:bold; color:#1a1a1a}
.rnd_area .box .txt p { font-size:15px; line-height:1.8; padding-top:30px; color:#555; word-break:keep-all}
/*R&D02*/





/*R&D03*/
.rnd03_area { max-width:1200px; margin:110px auto 0 auto;}
.rnd03_area .box {width:31.3333%; margin-right:3%; display:block; float:left; }
.rnd03_area .box:last-child { margin:0} 
.rnd03_area .box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.rnd03_area .box .txt { width:100%; padding:20px; text-align:left; clear:both}
.rnd03_area .box .txt h2 { font-size:20px; padding-top:30px; color:#1a1a1a; text-align:center; font-weight:bold}
.rnd03_area .box .txt p { font-size:15px; padding:20px 0px; color:#555; text-align:center; line-height:1.8 }
/*R&D03*/





/*product01*/
.product_area { max-width:1200px; margin-top:110px; font-size:15px;  clear:both}
.product_area .box { width:100%; padding-bottom:50px; clear:both}
.product_area .box p { clear:both; font-size:15px; line-height:1.6}
.product_area .box ul li { clear:both; padding-bottom:30px}
.product_area .box ul li h2 { font-size:18px; font-weight:bold; padding-bottom:10px; letter-spacing:0; display:block}
.product_area .box ul li p { font-size:15px; line-height:1.6}
.product_area .txt { width:50%; padding-right:40px; float:left;}
.product_area .txt h2 { font-size:40px; padding-bottom:50px; letter-spacing:-2px; word-break:keep-all; font-weight:bold;}
.product_area .txt h2 span { color:#F60}
.product_area .img { width:50%; height:500px; background-image:url(../img/product_area_thumb.jpg); background-repeat:no-repeat; background-size:cover; float:right}
/*product01*/