/*인사말*/
#about_con{ padding-bottom:270px; background-image:url('/thema/Basic/img/about_img.png'); background-position:right bottom; background-repeat:no-repeat;  }
#about_con h3{ font-size:36px; line-height:140%; margin-bottom:40px; font-weight:700; }
#about_con h3 b{ color:#d71532;}
#about_con p{ font-size:16px; line-height:160%; margin-bottom:25px;}
#about_con .sign{  display:block; font-size:16px; line-height:130%;  }
#about_con .sign b{ display:inline-block; vertical-align:middle; font-size:22px; margin-left:10px;}
#about_con .sign b img{ display:inline-block; vertical-align:middle; margin-left:10px; }

/*연혁*/
#history_con .img_box{ font-size:0px;}
#history_con .img_box img{ float:left; width:31.5%; margin-right:2.75%; border-radius:40px;  }
#history_con .img_box img:last-child{ margin-right:0%; }
.history_list{ position:relative; padding:90px 0;}
.history_list:before{ content:""; position:absolute; top:0; left:50%; width:2px; height:100%; background:#ddd; margin-left:-1px; }
.history_list > li{  width:50%; clear:both; float:left; text-align:right; padding-right:60px; margin-bottom:50px;}
.history_list > li:last-child{ margin-bottom:0px; }
.history_list > li:nth-child(odd){ float:right; text-align:left; padding-left:0px;  padding-left:60px;}
.history_list > li h3{ position:relative; font-size:36px; font-weight:700; line-height:100%; margin-bottom:30px; }
.history_list > li h3:after{ content:""; position:absolute; top:0; right:-79px; width:38px; height:38px; border-radius:100%; border:6px solid #d71532; background:#fff;   }
.history_list > li:nth-child(odd) h3:after{ right:unset; left:-79px; }
.history_list > li li{ position:relative; font-size:16px; line-height:160%; margin-bottom:10px; }
.history_list > li li:last-child{ margin-right:0px;}
.history_list > li li:after{ content:""; position:absolute; top:0; right:-70px; width:20px; height:20px; border-radius:100%; border:4px solid #ddd; background:#fff; }
.history_list > li:nth-child(odd) li:after{ right:unset; left:-70px; }

/*비전*/
#vision_con{ text-align:center;}
#vision_con h3{ padding-top:60px; font-size:20px; font-weight:700; line-height:160%; margin-bottom:40px; background:url('/thema/Basic/img/vision_bak.png') no-repeat center top; }
#vision_con ol{display:flex; flex-wrap:wrap; margin-top:95px; }
#vision_con ol li{ width:33.33%; }
#vision_con ol li > b{ display:block; text-decoration:underline; font-size:18px; color:#d71532; margin-bottom:15px; line-height:100%; }
#vision_con ol li > strong{ display:block;  font-size:28px; line-height:130%; margin-bottom:30px; }
#vision_con ol li > strong span{ color:#d71532;  }
#vision_con ol li .img_box{ width:50%; max-width:200px; overflow:hidden; margin:0 auto 30px;}
#vision_con ol li .img_box img{ width:100%;}
#vision_con ol li p{ font-size:18px; line-height:160%; }
#vision_con .v_box01 {
	display:grid;
	grid-template-columns:190px 1fr;
	grid-template-rows:140px;
	gap:30px;
	font-size:20px;
	font-weight:bold;
	margin-top:25px;
}
#vision_con .v_box01 > * {
	display:grid;
	align-items:center;
	border-radius:20px;
	padding:10px;
}
#vision_con .v_box01 h4 {
	background-color:#444;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
#vision_con .v_box01 p {
	border:1px solid #444;
}

#vision_con .v_box02 { 
	display:grid;
	grid-template-columns:190px 1fr 1fr 1fr;	
	grid-template-rows:110px 1fr;
	row-gap:25px;
	column-gap:30px;
	font-size:20px;
	padding-top:140px;
	background-image:url("/thema/Basic/img/vision_bg.png");
	background-position:top 30px right;
	background-repeat:no-repeat;
}
#vision_con .v_box02 > * {
	display:grid;
	align-items:center;
	padding:10px;
	border-radius:20px;
}
#vision_con .v_box02 h4 {
	background-color:#888;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
#vision_con .v_box02 p {
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
}
#vision_con .v_box02 p:nth-of-type(1) {
	background-color:#d71532;
}
#vision_con .v_box02 p:nth-of-type(2) {
	background-color:#e7770a;
}
#vision_con .v_box02 p:nth-of-type(3) {
	background-color:#edba08;
}
#vision_con .v_box02 ul {
	background-color:#f2f2f2;
	padding:25px;
}
#vision_con .v_box02 ul li {
	position:relative;
	font-size:16px;
	text-align:left;
	line-height:1.625em;
	padding-left:1em;
	margin-bottom:10px;	
}
#vision_con .v_box02 ul li:last-child {
	margin:0;
}
#vision_con .v_box02 ul li:after {
	content:'';
	position:absolute;
	top:0.5em;
	left:0;
	border-radius:50%;
	width:5px;
	height:5px;
	background-color:#b2b2b2;
}

/*ci*/
#ci_con04 .color_list{ display:flex; flex-wrap:wrap;}
#ci_con04 .color_list li{ width:calc(33.33% - 20px); margin-right:30px;}
#ci_con04 .color_list li:last-child{ margin-right:0px; }
#ci_con04 .color_list .color_box{ height:100px; margin-bottom:20px;  }
#ci_con04 .color_list .txt_box strong{ display:block; font-size:16px; line-height:130%; margin-bottom:10px;}
#ci_con04 .color_list .txt_box span{ display:block; font-size:16px; color:#777; line-height:140%; margin-bottom:3px;  }
#ci_con04 .color_list .txt_box span:last-child{ margin-bottom:0px;}

/*조직도*/
#company_con .sub_con_tit02{font-size:0;}
#company_con .sub_con_tit02 p{display:inline-block; font-size:16px; line-height:130%;}
#company_con .sub_con_tit02 p:before{content:''; display:inline-block; width:1px; height:10px; background-color:#ddd; margin:0 10px;}
#company_con .company_box{padding:60px 40px; border-top:2px solid #333; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:center;}
#company_con .company_box img{width:100%;max-width:630px;}
#company_con .anchor_pd {padding-top:50px;}

/*오시는길*/
#location_con ul{ display:flex; flex-wrap:wrap; }
#location_con .img_li li{width:calc(33.333% - 20px); margin-right:30px;}
#location_con .img_li li:last-child{margin-right:0;}
#location_con .info_li li{ width:calc(20% - 15px); border-left:1px solid #ddd; padding:0 30px; }
#location_con .info_li li:first-child{ width:60%; border-left:none; padding-left:0px;   }
#location_con .info_li li b{ display:block; font-size:16px; line-height:100%; margin-bottom:15px;}
#location_con .info_li li p{ font-size:20px; line-height:160%;  }
#location_con .root_daum_roughmap{ width:100%; height:500px; padding-bottom:100px;}
#location_con .root_daum_roughmap .wrap_map{ height:100%; }
#location_con .root_daum_roughmap .map_border{ display:none; }
#location_con .tit_box{ position:relative; z-index:11;  width:100%; max-width:330px; margin-left:100px; padding:120px  30px 60px; background:#333; margin-top:-180px; box-shadow:0 0 20px rgba(0,0,0,0.4);}
#location_con .tit_box small{ display:block; font-size:18px; color:#d71532; margin-bottom:40px; font-weight:700;}
#location_con .tit_box h3{ font-size:26px; color:#fff; font-weight:700; line-height:140%; }
#location_con .link_box{ transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); text-align:right;}
#location_con .link_box a{ margin-left:auto; text-align:left; }

@media all and ( max-width:1230px){
	/*오시는길*/
	#location_con .img_li li{width:calc(33.333% - 14px); margin-right:20px;}
	#location_con .info_li li{ width:calc(30% - 15px);  padding:0 20px; }
	#location_con .info_li li:first-child{ width:40%; }
}
@media all and ( max-width:1024px){
	/*인사말*/
	#about_con{ background-size:380px; padding-bottom:250px;  }
	#about_con h3{ font-size:30px; margin-bottom:30px;  }
	#about_con p{ font-size:14px; margin-bottom:20px;  }
	#about_con p br{ display:none; }
	#about_con .sign{ font-size:14px; }
	#about_con .sign b{ font-size:18px; margin-left:5px;}

	/*연혁*/
	#history_con .img_box img{ width:32%; margin-right:2%; border-radius:25px;  }
	.history_list{  padding:70px 0;}
	.history_list > li{  padding-right:40px; margin-bottom:30px;}
	.history_list > li:nth-child(odd){  padding-left:40px;}
	.history_list > li h3{ font-size:28px;  margin-bottom:20px; }
	.history_list > li h3:after{ right:-56px; width:32px; height:32px;}
	.history_list > li:nth-child(odd) h3:after{  left:-56px; }
	.history_list > li li{ font-size:14px; }
	.history_list > li li:after{ right:-47.5px; width:15px; height:15px;}
	.history_list > li:nth-child(odd) li:after{ left:-47.5px; }

	/*비전*/
	#vision_con h3{ padding-top:40px; font-size:18px; background-size:38px; }
	#vision_con > img{width:500px;}
	#vision_con ol li > b{  font-size:16px; margin-bottom:10px; }
	#vision_con ol li > strong{ font-size:23px; margin-bottom:20px; }
	#vision_con ol li .img_box{ margin:0 auto 15px;}
	#vision_con ol li p{ font-size:16px; }
	#vision_con .v_box01 {
		grid-template-columns: 130px 1fr;
		gap:5px;
		font-size:17px;
	}
	#vision_con .v_box02 {
		background-position:top 30px center;
		grid-template-columns: 130px 1fr;
		grid-template-rows: repeat(4, auto);
		grid-auto-flow:column;
		gap:5px;
	}
	#vision_con .v_box02 > * {
		border-radius:10px;
	}
 	#vision_con .v_box02 > p{
		font-size:17px;
	}
	#vision_con .v_box02 ul {
		padding:15px;
	}
	#vision_con .v_box02 ul li br{
		display:none;
	}
	/*ci*/
	#ci_con04 .color_list li{  width:calc(33.33% - 10px); margin-right:15px;}
	#ci_con04 .color_list .color_box{ margin-bottom:10px; }
	#ci_con04 .color_list .txt_box strong{ font-size:15px; margin-bottom:5px; }
	#ci_con04 .color_list .txt_box span{ font-size:14px; margin-bottom:0px;  }

	/*조직도*/
	#company_con .company_box{padding:30px;}
	#company_con .sub_con_tit02 p{font-size:14px;}

	/*오시는길*/
	#location_con .img_li li{width:calc(33.333% - 10px); margin-right:15px;}
	#location_con .info_li li b{  font-size:14px;  margin-bottom:10px;}
	#location_con .info_li li p{ font-size:16px; }
	#location_con .root_daum_roughmap{  height:400px; padding-bottom:80px;}
	#location_con .tit_box{ margin-left:15px; padding:50px 20px; margin-top:-130px; }
	#location_con .tit_box small{ font-size:16px;  margin-bottom:20px; }
	#location_con .tit_box h3{ font-size:20px; }
}
@media all and ( max-width:768px){
	/*인사말*/
	#about_con h3{ font-size:23px; margin-bottom:20px;  }
	#about_con{ padding-bottom:60px; background:none;  }
	#about_con .sign b{ margin-left:0; display:block; margin-top:5px; }
	#about_con .sign b img{ width:40px; }

	/*연혁*/
	#history_con .img_box img{ border-radius:10px;  }
	.history_list{  padding:50px 0 0 15px;}
	.history_list:before{ left:14px; margin-left:0px; }
	.history_list > li{ padding-right:0; padding-left:20px; text-align:left; width:100%;  }
	.history_list > li:nth-child(odd){  float:left;  padding-left:20px;}
	.history_list > li h3{ font-size:23px;  margin-bottom:15px; }
	.history_list > li h3:after{ left:-31px; width:22px; height:22px; border-width:4px; }
	.history_list > li:nth-child(odd) h3:after{  left:-32.5px; }
	.history_list > li li{  margin-bottom:5px;  }
	.history_list > li li:after{ left:-25px; width:10px; height:10px; border-width:2px;}
	.history_list > li:nth-child(odd) li:after{ left:-25px; }

	/*비전*/
	#vision_con h3{ padding-top:30px; font-size:17px; background-size:25px; margin-bottom:30px;  }
	#vision_con h3 br{ display:none}
	#vision_con > img{width:350px;}
	#vision_con ol{ margin-top:30px; justify-content:center;  }
	#vision_con ol li{ padding:0 5px; width:50%; margin-bottom:20px;  }
	#vision_con ol li:last-child{ margin-bottom:0px;}
	#vision_con ol li > b{  font-size:14px; }
	#vision_con ol li > strong{ font-size:17px; margin-bottom:10px; }
	#vision_con ol li .img_box{ margin:0 auto 10px; max-width:100px; }
	#vision_con ol li p{ font-size:14px; }
	#vision_con ol li p br{ display:none; }

	/*ci*/
	#ci_con04 .color_list .txt_box span{ font-size:13px; }

	/*조직도*/
	#company_con .sub_con_tit02 p{display:block; font-size:13px;}
	#company_con .sub_con_tit02 p:before{display:none;}

	/*오시는길*/
	#location_con .img_li{margin-bottom:30px;}
	#location_con .img_li li{width:calc(33.333% - 6px); margin-right:8px;}
	#location_con .info_li li,
	#location_con .info_li li:first-child{ width:100%; padding:0 0 15px 0; margin-bottom:15px; border:none; border-bottom:1px solid #ddd; }
	#location_con .info_li li:last-child{ border-bottom:0px; padding:0px; margin:0px;  }
	#location_con .info_li li b{  font-size:13px; }
	#location_con .info_li li p{ font-size:15px; }
	#location_con .root_daum_roughmap{  height:250px; padding-bottom:20px;}
	#location_con .tit_box{ max-width:100%; width:calc(100% - 30px); margin:-20px 0 20px 15px; padding:30px 15px;   }
	#location_con .tit_box small{ font-size:14px;  margin-bottom:5px; }
	#location_con .tit_box h3{ font-size:18px; }
	#location_con .tit_box h3 br{ display:none; }
	#location_con .link_box{ transform:translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); text-align:center; }
}
@media all and (max-width:480px){
	/*조직도*/
	#company_con .company_box{padding:20px;}
}
@media all and ( max-width:380px){
	/*비전*/
	#vision_con ol li{width:100%; }

	/*ci*/
	#ci_con04 .color_list li{ width:100%; margin-right:0px; margin-bottom:20px;}
	#ci_con04 .color_list li:last-child{ margin-bottom:0px; }
}