#container{width:100%;}

.sub_wrap{width:800px; margin:0 auto; padding-bottom:4%; word-break:keep-all; overflow: hidden;}

.sub_wrap img{width:100%;  margin:30px auto;}
.sub_wrap h1{font-size:26.6px; font-weight:bold;}
.sub_wrap p{font-size:17px; margin:10px 0; word-break:keep-all;}
.sub_wrap h2{font-size:20px; margin:10px 0;}
.sub_wrap h2 span{display:inline-block; width:3px; height:15px; background:#103A87; margin:0 10px 0 0;}
.sub_wrap h5{text-align: center; background-color: #eee; padding:5px 0 ;}
.sub_wrap .mapWrap {position: relative; display: inline-block; margin:3% auto;}
.sub_wrap .mapWrap img {display: block; width: 100%; margin:0 auto;}
[class*="mapper-"] {position: absolute; display: block;}

.sub_cate {margin:20px auto; width:1200px; }
.sub_cate ul{text-align: center;}
.sub_cate li{width:15%; padding:3px 5px; display: inline-block; border:1px solid #eee;}
.sub_cate li a {font-size:0.835rem; }
.sub_cate .on{font-weight: 600;}
/** 지도 css **/
.map_wrap {position:relative;overflow:hidden;width:100%;height:350px;}
.radius_border{border:1px solid #919191;border-radius:5px;}       
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img {width:15px;padding:12px 0;border:none;margin: 0 auto;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
.root_daum_roughmap_landing{margin:0 auto;}
.root_daum_roughmap{width:100%; margin:30px 0 0;}
.root_daum_roughmap .cont{display: none;}



@media only screen and (max-width : 1199px)  {
	.sub_wrap{width:100%; margin:30px auto 0; text-align:center;}

	.sub_wrap h1{font-size:20px; font-weight:bold;}
	.sub_wrap p{font-size:18px; margin:10px 0; word-break:keep-all;}
	.sub_wrap h2{font-size:17px; margin:10px 0;}

    .sub_cate {margin:20px auto; width:100%; }
}

@media only screen and (min-width : 320px) and (max-width : 720px) {
	.sub_wrap{width:100%; margin:30px auto 0; text-align:center;}

	.sub_wrap img{width:95%; margin:0 auto 15px;}
	.sub_wrap h1{font-size:20px; font-weight:bold;}
	.sub_wrap p{font-size:17px; margin:10px 0; word-break:keep-all;}
	.sub_wrap h2{font-size:16px; margin:10px 0;}

    .sub_cate li{width:22%}
}
