/* map */
#map_wrapper{border:1px solid #ddd;overflow:hidden; margin-bottom:20px;}
#canvas { position:relative; width: 360px; height:400px; margin: 0 auto;float:right;}
#south {width: 300px; height:400px; position: absolute; top: 0px; left: 20px;}

#map_left_wrapper{float:left; width:49%; text-align:center; background:URL(../../../img/mainLogo.png) no-repeat 20px 20px #fbfbfb; background-size:30% auto;padding:10px 0;}
#map_right_wrapper{float:none;  width:100%; padding:20px;}

#map_right_wrapper h3{font-size:16px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ddd; text-align:center;color:#666;}

.branchWr{width:100%; overflow:hidden; text-align:center;}
.branchWr li{width:50%;float:left;text-align:left;}
.branchWr li a{display:block;margin:15px; padding:20px; border:2px dashed #ddd; border-radius:0 10px 0 10px;}overflow:hidden;
.branchWr li a span{display:block;color:#926645; font-size:12px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.branchWr li a b{display:block;color:#000; font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.branchWr li a em{display:block;color:#666;border-top:1px dotted #ddd;padding-top:10px;margin-top:10px;font-size:14px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.branchWr li a u{display:block;float:left; margin:0 10px 0px 0;overflow:hidden; border-radius:50%; width:55px; height:55px;}
.branchWr li a u img{display:block; width:150%; max-width:150%; margin-left:-25%; margin-top:-25%;}

.branchWr li a:hover{ border:2px solid #4e7cbf; text-decoration:none;}
.branchWr li a:hover em{color:#4e7cbf;}

#bo_w{margin:0 auto; text-align:center; max-width:900px;}
.branWr{position:relative; margin:0 auto; max-width:600px; width:48%; display:inline-block;}
.branWr button{position:absolute; right:0px; top:0px;height:40px; border-radius:0 5px 5px 0;}


.branchMapWR{width:100%;overflow:hidden;height:350px;border:1px solid #ddd;}
.branchMap{border:0px;width:100%; height:350px; margin-top:-90px;}

.zipSel {display:inline-block; width:48%}
.zipSel select{border:1px solid #999; border-radius:5px; padding:0 5px;height:38px; line-height:38px;  background:#fff; font-size:13px; width:31%;}
.topSchBox{position:relative; width:100%; margin:0 auto; max-width:900px; text-align:left;padding:0px 90px 0 10px;border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.topSchBox .btn_b02{position:absolute; right:0px; top:0px; bottom:0px;width:80px; border-radius:0 5px 5px 0; background:#000;}
.topSchBox .btn_b02:hover{opacity:100; background:#666;}

@media all and (max-width:980px)
{
	#map_left_wrapper{display:none; width:100%;}
	#map_right_wrapper{float:none; width:100%; padding:5px;margin-bottom:5px;}
}

@media all and (max-width:700px)
{

	.branchWr li{width:50%;}
	.branchWr li a{margin:8px;padding:15px;}
	.branchWr li a b{font-size:16px;}
	.branchWr li a u{width:46px; height:46px; margin-bottom:0px;}

	.branchWr li a em{font-size:12px;}

}


@media all and (max-width:500px)
{

	.branchWr li{width:100%;}
	.branchWr li a{margin:3px 0;padding:10px;}
	.branchWr li a b{font-size:14px;}

	#map_wrapper{border:0px;}
	#map_right_wrapper h3{font-size:13px;}

	.zipSel {width:100%;}
	.branWr {width:100%;}
	
	.topSchBox{padding:10px 60px 0 10px;}
	.topSchBox .btn_b02{width:50px;}
	.topSchBox .btn_b02 i{display:block; margin:0 auto 5px;}
}


div.loc_div{ display: none; position: absolute; background-color:#fff; color:#638d3c; border:1px solid #638d3c; padding:2px 5px; text-align:center; font-weight:normal; border-radius:5px;}

/* loc_01~17 서울1, 부산2, 대구3, 인천4, 광주5, 대전6, 울산7, 세종8, 경기9, 강원10, 충북11, 충남12, 전북13, 전남14, 경북15, 경남16, 제주17 */
/* 시도명 나오는 부분 위치 조절 */
#loc_01{ left:80px; top:75px; }
#loc_02{ left:190px; top:250px; }
#loc_03{ left:170px; top:210px; }
#loc_04{ left:60px; top:75px; }
#loc_05{ left:	60px; top:260px; }
#loc_06{ left:80px; top:165px; }
#loc_07{ left:200px; top:225px; }
#loc_08{ left:70px; top:145px; }
#loc_09{ left:80px; top:45px; }
#loc_10{ left:150px; top:45px; }
#loc_11{ left:120px; top:145px; }
#loc_12{ left:60px; top:165px; }
#loc_13{ left:60px; top:205px; }
#loc_14{ left:60px; top:260px; }
#loc_15{ left:150px; top:165px; }
#loc_16{ left:130px; top:240px; }
#loc_17{ left:80px; top:340px; }

.map_right_title1 {margin:20px 0 7px 0;}
.map_right_title2 {margin:30px 0 7px 0;}

#bo_sch {margin-left:95px; margin-bottom:10px;padding-top:5px;text-align:left;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left; margin:3px 3px 3px 0}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#333;color:#fff;font-weight:bold}

.td_branch_img {} 
.td_subject { width:120px; }
.td_branch_name {width:100px; text-align:center;}
.td_branch_addr{width:260px;}

/* 게시글 보기 */
#bo_v_info{margin-bottom:10px;}

#bo_v_img_branch {float:left; margin:0 10px 10px 0;overflow:hidden;zoom:1}
#bo_v_img_branch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img_branch img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con_branch {float:left; margin:0; padding:0; list-style:none; width:70%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con_branch li span.con_branch_title{display:inline-block; width:60px;}
#bo_v_con_branch a {color:#e2e6ef;text-decoration:underline}
#bo_v_con_branch img {max-width:100%;height:auto}