/*인사말 */
.greeting { position:relative; overflow:hidden}
.greeting .img { float: right;}
.greeting div.txt { margin-top:20px; padding:0 5px; text-align:left}
.greeting div.txt p.tit { font-size:26px; line-height:35px; color: #134d9d;}
.greeting div.txt p.tit span { font-size:22px; color:#052c86; line-height:25px;}
.greeting div.txt p { font-size:18px; margin-bottom:30px; line-height: 1.4; word-break:keep-all}


/*읍면동 소개*/

.about { padding-left:10px;}
.about p { padding:15px 0px;}


/*연혁*/
.contents-info h4{margin-bottom:5px;}




/* 소개 > 개요 */
.guide-box {overflow:hidden;border:1px solid #ccc;border-top:2px solid #146ed8;padding:50px 3%;width:100%;box-sizing:border-box;}
.guide-box .guide-img {float:left;width:30%;} 
.guide-box .guide-con {float:right;width:68%;} 
.guide-box .guide-con h4 {font-size:28px;color:#222;font-weight:500;margin-bottom:15px;}
.guide-box .guide-con h4 span {font-size:20px;color:#666;font-weight:500; letter-spacing:-0.5px;}
.guide-box .guide-con h5 {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:20px;}
.guide-box .guide-con dl {overflow:hidden;}
.guide-box .guide-con dl dt {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:10px;}
.guide-box .guide-con dl dd {font-size:1em;color:#666;width:100%;float:left;background:url(../images/layout/dot_blue.gif) no-repeat 0 10px;padding-left:3%;}
.guide-box .guide-con p {margin-top:40px;}
.guide-box .guide-con p a{margin-right:2%; width:32%;text-align:center;padding-left:0;padding-right:0;}


.guide-box2 {overflow:hidden;border:1px solid #ccc;border-top:2px solid #146ed8;padding:50px 3%;width:100%;box-sizing:border-box;}
.guide-box2 .guide-img {float:left;width:56%;} 
.guide-box2 .guide-img img {width:100%;} 
.guide-box2 .guide-con {float:right;width:40%;} 
.guide-box2 .guide-con h4 {font-size:28px;color:#222;font-weight:500;margin-bottom:15px;}
.guide-box2 .guide-con h4 span {font-size:20px;color:#666;font-weight:500; letter-spacing:-0.5px;}
.guide-box2 .guide-con h5 {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:20px;}
.guide-box2 .guide-con dl {overflow:hidden; margin-bottom:20px;}
.guide-box2 .guide-con dl dt {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:10px;}
.guide-box2 .guide-con dl dd {font-size:1em;color:#666;width:100%;float:left;background:url(../images/layout/dot_blue.gif) no-repeat 0 10px;padding-left:3%;}
.guide-box2 .guide-con p {margin-top:20px;}
.guide-box2 .guide-con p a{margin-right:2%;width:32%;text-align:center;padding-left:0;padding-right:0;}


.guide-box3 {overflow:hidden;border:1px solid #ccc;border-top:2px solid #146ed8;padding:50px 3%;width:100%;box-sizing:border-box;}
.guide-box3 .guide-img {float:left;width:100%;} 
.guide-box3 .guide-img img {width:100%;} 
.guide-box3 .guide-con {float:right;width:100%;} 
.guide-box3 .guide-con h4 {font-size:28px;color:#222;font-weight:500;margin-bottom:15px;}
.guide-box3 .guide-con h4 span {font-size:20px;color:#666;font-weight:500; letter-spacing:-0.5px;}
.guide-box3 .guide-con h5 {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:20px;}
.guide-box3 .guide-con dl {overflow:hidden; margin-bottom:20px;}
.guide-box3 .guide-con dl dt {font-size:1.250em;color:#005fca;font-weight:500;margin-bottom:10px;}
.guide-box3 .guide-con dl dd {font-size:1em;color:#666;width:100%;float:left;background:url(../images/layout/dot_blue.gif) no-repeat 0 10px;padding-left:3%;}
.guide-box3 .guide-con p {margin-top:20px;}
.guide-box3 .guide-con p a{margin-right:2%;width:32%;text-align:center;padding-left:0;padding-right:0;}



@media only screen and (max-width:1200px){
	.guide-box .guide-img img{width:100%;}
	.guide-box .guide-img {width:30%;} 
	.guide-box .guide-con {width:65%;}

}
@media only screen and (max-width:999px){
	.guide-box .guide-img {width:100%;margin-bottom:30px;} 
	.guide-box .guide-con {width:100%;}
}
	@media only screen and (max-width:640px){
	.guide-box {padding-top:20px;padding-bottom:20px;}
	.guide-box .guide-con p a {width:100%;}
	.guide-box .guide-con dl dd{width:100%;}

}


 
/* 연혁 */
.history_wrap{overflow:hidden; margin:30px 0; font-size:1.1em;}
.history_wrap .history_title{float:left;width:200px; min-height:200px; background:#00a53b; padding:20px !important; color:#fff; font-family:'Noto Sans Korean Medium'; line-height:3.0em;}
.history_wrap .history_title.bgcolor2{background:#009a94}
.history_title p{font-size:2.0em; font-weight:400; letter-spacing:-2px;}
.history_wrap .history_title span{color:#999; font-size:1.5em; font-weight:400;}
.history_wrap .history_title img{margin-top:30px;} 
.history_wrap .history_con{float:left; margin-left:50px; width:calc(100% - 250px);}
.history_wrap .list_1st{float:left;position:relative; padding-left:14px; }
.history_wrap .list_1st:before{content:"";display:block;position:absolute;left:20px;top:30px;;width:1px;height:calc(100% - 100px);background:#ddd;}
.history_wrap .list_1st li{position:relative;padding-top:20px;padding-bottom:15px;background:none;overflow:hidden}
.history_wrap .list_1st li:after{display:block;position:absolute;left:30px;bottom:0; content:"";width:100%;height:1px;border-bottom:1px dashed #ddd}
.history_wrap .list_1st li p{margin:10px 0 10px 30px;}
.history_wrap .list_1st li span{clear:both; display:inline-block; width:100%;}
.history_wrap .list_1st li span.year{padding-left:33px; font-size:20px;color:#006ac3; font-weight:bold}
.history_wrap .list_1st li span.year_st{font-size:20px;color:#006ac3; font-weight:bold}
.history_wrap .list_1st li span.year_st:before{display:inline-block;content:""; width:15px; height:15px; border:4px solid #146ed8; background:#fff; border-radius:50%; vertical-align:middle; margin-right:10px;}
.history_wrap .list_1st li span.con{margin-top:10px;margin-left:10px;padding-left:5%; width:95%;line-height:28px; letter-spacing:-1px;}
.history_wrap .list_1st li span.con em{display:block}
.history_wrap .list_1st li dl{margin:20px 0 20px 20px;}
.history_wrap .list_1st li dl dt{display:block; font-weight:bold;background:url('../images/ico/li2bg.png') no-repeat 5px 9px; padding-left:15px; margin:10px 0 5px 0;}
.history_wrap .list_1st li dl dd{display:block; padding-left:15px;}
@media all and (max-width:991px){ 
	.greeting{width:100%; background:none; padding-left:0;}
}
@media all and (max-width:640px){
.greeting .em{display:inline-block; font-size:1.5em;}
.greeting .end span em{font-size:1.2em;}
.history_wrap .history_title{width:100%; padding:40px 0;  background-size:43%; min-height:150px;}
.history_wrap .history_title img{display:none;}
.history_wrap .history_con{width:calc(100% - 20px); margin-left:20px;}
}