@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
/*인사말*/
.a1_con1 {}
.a1_con1 img {margin: 50px 0; width: 100%;}
.a1_con2 {margin-top: 30px;}
.a1_con2 p {font-size: 18px; word-break: keep-all; line-height: 1.4;}
.a1_con2 ul {}
.a1_con2 ul li {margin: 15px 0; padding: 35px; border: 1px solid #eee;}
.a1_con2 ul li h2 {font-size: 22px; margin-bottom: 20px; color: #2e612a; font-weight: 700;}
.a1_con2 ul li p {}
.a1_con2 span {display: block;text-align: right;font-size: 40px;margin-top: 70px;  font-family: "Nanum Pen Script", cursive;}
.a1_con2 span strong {}


@media (max-width: 960px){
	.a1_con1 img {margin: 20px 0;}
	.a1_con2 p {font-size: 16px;}
	.a1_con2 ul li {padding: 20px;}
	.a1_con2 ul li h2 {font-size: 20px; margin-bottom: 10px;}
	.a1_con2 span {font-size: 30px;}
}


@media (max-width: 640px){
	.a1_con2 p {font-size: 14px;}
	.a1_con1 img {width: 160%; margin: 0;}
	.a1_con2 ul li {padding: 0; border: none; margin: 25px 0;}
	.a1_con2 ul li h2 {font-size: 18px;}
	.a1_con2 span {font-size: 26px; margin-top: 30px;}
}
/*인사말*/






/* 사업영영 */
.a2 {}
.a2_con1 {margin-top: 100px;}
.a2_con1 ul {display: flex;align-items: center;}
.a2_con1 ul.a2_left {}
.a2_con1 ul.a2_right {flex-direction: row-reverse;}
.a2_con1 ul .a2_img {width: 50%;}
.a2_con1 ul .a2_img img {width: 100%;}
.a2_con1 ul .a2_txt {width: 50%;}
.a2_con1 ul.a2_left .a2_txt {padding: 0 10% 0 5%}
.a2_con1 ul.a2_right .a2_txt {padding: 0% 5% 0 10%; text-align: right;}
.a2_con1 ul .a2_txt span {font-size: 24px; font-weight: 800;}
.a2_con1 ul .a2_txt h2 {font-size: 32px; margin: 10px 0 20px 0; padding-bottom: 20px; color: #2e612a; border-bottom: 1px solid #ddd}
.a2_con1 ul .a2_txt p {font-size: 18px; line-height: 1.4; color: #666; word-break: keep-all;}

@media (max-width: 960px){
	.a2_con1 ul {flex-direction: column;}
	.a2_con1 ul.a2_right {flex-direction: column;}
	.a2_con1 ul .a2_img {width: 100%;}
	.a2_con1 ul .a2_txt {width: 90%;}
	.a2_con1 ul .a2_txt h2 {font-size: 24px;}
	.a2_con1 ul.a2_right .a2_txt {text-align: left;padding: 30px 0 50px 0;}
	.a2_con1 ul.a2_left .a2_txt {padding: 30px 0 50px 0;}
}

@media (max-width: 640px){
	.a2_con1 {margin-top: 50px;}
	.a2_con1 ul .a2_txt span {font-size: 20px;}
	.a2_con1 ul .a2_txt h2 {font-size: 20px; margin: 5px 0 10px 0; padding-bottom: 10px;}
	.a2_con1 ul .a2_txt p {font-size: 14px;}
	.a2_con1 ul.a2_right .a2_txt {padding: 20px 0 50px 0;}
	.a2_con1 ul.a2_left .a2_txt {padding: 20px 0 50px 0;}
}


/* 사업영영 */






/* 찾아 오시는 길 */
.a3_con1 {position: relative; width: 100%; margin: 30px auto 100px auto;}
.a3_con1 .root_daum_roughmap .wrap_controllers {display: none;}
.a3_con1_1 {display: flex; position: absolute; background: #103859; width: 80%; left: 50%; transform: translate(-50%, -50%); z-index: 9; color: #fff;justify-content: space-between; padding: 50px 70px;}
.a3_con1_1 ul.a3_ad {}
.a3_con1_1 ul.a3_ad li {display: flex;}
.a3_con1_1 ul.a3_ad li h2 {font-size: 30px; margin-bottom: 30px;}
.a3_con1_1 ul.a3_ad li p {font-size: 18px; margin-right: 30px; margin-bottom: 15px; word-break: keep-all; line-height: 1.4;}
.a3_con1_1 a {display: inline-block; width: 160px; height: 160px; background: #00000045; color: #fff; padding: 30px; font-size: 18px; transition: all 0.5s;}
.a3_con1_1 a ul {display: flex; flex-direction: column; height: 100%; width: 100%; justify-content: space-between; line-height: 1.4;}
.a3_con1_1 a ul li {}
.a3_con1_1 a ul li:last-child {text-align: right;}
.a3_con1_1 a ul li img {max-width: 21px; transition: all 0.5s;}
.a3_con1_1 a:hover {background: #000;}
.a3_con1_1 a:hover ul li img {transform: rotate(-45deg);}

@media (max-width: 960px){
	.a3_con1 {margin: 30px auto 200px auto;}
	.a3_con1_1 {flex-direction: column; padding: 50px;}
	.a3_con1_1 ul.a3_ad li h2 {font-size: 24px;}
	.a3_con1_1 ul.a3_ad li p {font-size: 16px;}
}


@media (max-width: 640px){
	.a3_con1_1 {padding: 30px 20px; width: 90%;}
	.a3_con1_1 ul.a3_ad li h2 {font-size: 20px; margin-bottom: 15px;}
	.a3_con1_1 ul.a3_ad li {flex-direction: column;}
	.a3_con1_1 ul.a3_ad li p {margin-right: 0; font-size: 14px;}
	.a3_con1_1 a {width: 100px; height: 100px; padding: 15px; font-size: 14px;}
	.a3_con1_1 a ul li img {max-width: 15px;}
}
/* 찾아 오시는 길 */








/* content01 */
.content01 .box { position: relative; padding-bottom:80px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff; padding:50px;  width: 60%;}
.content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:22px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:0; float:left}
.content01 .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; font-size:16px}
.content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}
.content01 .box .txt_wrap p {text-align: justify;}
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;}

@media screen and (max-width: 960px) {
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; padding:20px; display:block; position:relative; clear:both}

}
/* content01 */






/* content02 */
.content02 ul li { width:50%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:48%}
.content02 ul li .profile img { width:100%}

.content02 ul li dl { float:left; padding:0 40px; width:52% }
.content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dd { font-size:16px; color:#555; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

@media screen and (max-width: 1210px) {
    .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%}
	.content02 ul li:nth-child(2n+1) { margin-left:0}
	.content02 ul li .profile { width:100%}
	.content02 ul li dl { width:100%; padding:0 20px}
}
@media screen and (max-width: 640px) {
	.content02 ul li { width:100%; margin-left:0}

}
/* content02 */





/* content03 */
.content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.content03 .icon li:nth-child(3n+3){margin-right:0}
.content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 .icon li p { text-align:center; word-break:keep-all}
.content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;}
@media screen and (max-width: 960px) {
	.content03 .icon li { width:50%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}

@media screen and (max-width: 640px) {
	.content03 .icon li { width:100%; margin-right:0}
	.content03 .icon li p { max-width:300px; margin:0 auto}
}
/* content03 */




/* content_area04 */
.content04 .point { padding:0 20px 0 0}
.content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;}
.content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .content_txt_box { width:100%; padding-top:50px; clear:both}
.content04 .title_text{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .sub_txt {float:right; width:75%;}
.content04 .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }
@media screen and (max-width: 960px) {
	.content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content04 .colum .right { width:100%; padding:20px 0 0  }
	.content04 .title_text { width:100%; margin-bottom:20px; clear:both}
	.content04 .sub_txt { float:left; width:100%}
}

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

}
/* content_area04 */







/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:20px; word-break:keep-all}
@media screen and (max-width: 960px) {
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; padding-top:0; font-weight:bold}
}
/* content_area05 */






/* content_area06 */
.content06 .thumb_box  {width:31.3333%; margin-right:3%; display:block; float:left; }
@media screen and (min-width: 961px) {
    .content06 .thumb_box:nth-child(3n+3) { margin-right:0}
}
.content06 .thumb_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}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:20px 0px; text-align:center; }
@media screen and (max-width: 960px) {
    .content06 .thumb_box { width:49%; margin-right:2% }
	.content06 .thumb_box:nth-child(2n+2) { margin-right:0} 
}

@media screen and (max-width: 640px) {
    .content06 .thumb_box { width:100%; margin:0; clear:both; float:none}
}
/* content_area06 */