/* map */
#canvas {float:left; position:relative; width: 320px; height:400px; margin: 0}
#south {width: 320px; height:400px; position: absolute; top: 0px; left: 0;}

div.loc_div{ display: none; position: absolute; height:23px; background-color:#000; color:#fff; padding:2px 5px; text-align:center;}

/* loc_01~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_wrapper{float:left; margin-left:10px; width:750px;}
#map_right_wrapper p { font-size:16px; margin:0 0 8px 0}
.map_right_title1 {margin:20px 0 7px 0;}
.map_right_title2 {margin:30px 0 7px 0;}


#bo_sch {margin-left:0px; margin-bottom:10px;padding-top:20px;text-align:left; font-size:15px; margin-bottom:20px;}
#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; font-size:14px; margin:3px 3px 3px 0; }
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:12px 5px;width:100px;border:1px solid #ddd;background:#f7f7f7;color:#333333;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;border : none;}
#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}

#bo_cate.g5_branch {border-top : none;}
#bo_cate.g5_branch #bo_cate_ul{}
#bo_cate.g5_branch #bo_cate_ul li {}
#bo_cate.g5_branch  li a{border : solid 1px #e1e1e1;}
#bo_cate.g5_branch  li:last-child {border-right: none;}
#bo_cate.g5_branch  #bo_cate_on {background-color: #8aa6d6; color : #fff; border : solid 1px #5d7db5;box-shadow: none;}


#bo_cate_ul



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

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

#bo_v_img_branch {float:left; margin:0 40px 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:10px;max-width:100%;height:auto}

#bo_v_con_branch {float:left; font-size:15px; font-weight:500; color:#626262; margin:0; padding:0; list-style:none; width:70%;line-height:2em;word-break:break-all;overflow:hidden}
#bo_v_con_branch li span.con_branch_title{display:inline-block; width:70px; font-size:16px; font-weight:700; color:#aa7a3d;}
#bo_v_con_branch a {color:#000;text-decoration:underline}
#bo_v_con_branch img {max-width:100%;height:auto}




#bo_list .tbl_head01 td .bo_cate_link{border-right : none;}
#bo_list .tbl_head01 .td_num{display: none;}
a.btn_b01{border : solid 1px #e1e1e1; padding : 7px 10px; background-color: #fff; border: solid 1px #5d7db5; color : #5d7db5;}
#bo_v_bot{}

#bo_list .tbl_wrap table, #bo_list .tbl_head01 tr, #bo_list .tbl_head01 td, #bo_list .tbl_head01 tbody, #bo_list .tbl_head01 thead{display: block;}
#bo_list .tbl_wrap table{border : none;}
#bo_list .tbl_head01 thead {display: none;}
#bo_list .tbl_head01 thead th {display: none;}
#bo_list .tbl_head01 tbody tr:hover td{background-color: #fff;}
#bo_list .tbl_head01 tbody{display: flex; flex-wrap: wrap; margin : 0px 0px;}
#bo_list .tbl_head01 tr { position: relative; padding : 30px 0px; padding-left : 200px; height: 150px; margin : 0px 6px 40px;}
#bo_list .tbl_head01 tr:after {position: absolute; content : ''; width : 100%; height: 1px; background-color: #e1e1e1; bottom : -27px; left : 0;}
#bo_list .tbl_head01 td.td_branch_img {position: absolute; top : 0; left : 0; padding : 0;}
#bo_list .tbl_head01 td.td_branch_img a {border : solid 1px #f3f3f3;margin :  0 auto; display: block; text-align: center;  padding : 5px 3px;}
#bo_list .tbl_head01 td.td_num{display: none;}
#bo_list .tbl_head01 td.td_subject {width : 100%; padding-left : 20px; margin-bottom : 40px;}
#bo_list .tbl_head01 td.td_branch_name {padding-left : 20px; text-align: left; margin-bottom : 5px; width : 100%;}
#bo_list .tbl_head01 td.td_branch_name:before {content: '업종 : ';}
#bo_list .tbl_head01 td.td_branch_addr {padding-left : 20px; text-align: left; width : 100%;}
#bo_list .tbl_head01 td.td_branch_addr:before {content:'주소 : ';}
#bo_list .tbl_head01 td .bo_cate_link{border-right : none; border-bottom : solid 2.5px #8aa6d6; text-align: center; padding :5px 0; margin-bottom : 5px;}
#bo_list .td_chk{width : 100%; text-align: left;}

#bo_list .tbl_head01 tr{width : calc(25% - 12px); border : solid 1px #b5b7bb; border-radius: 1.5px; padding : 7px 15px; height: auto;  margin-bottom : 50px;}
#bo_list .tbl_head01 tr:after{display: none;}
#bo_list .tbl_head01 td { font-size:13px; border : none; height: auto; line-height: normal; padding : 0;}
#bo_list .tbl_head01 td.td_branch_img {position: static; width : 100% !important; margin-bottom : 10px;}
#bo_list .tbl_head01 td.td_branch_img a {}
#bo_list .tbl_head01 td.td_subject{ font-size:17px; font-weight:700;line-height: 30px;padding : 0; margin-bottom : 10px;color: #363636;}
#bo_list .tbl_head01 td.td_branch_name{padding : 0; width : auto;}
#bo_list .tbl_head01 td.td_branch_addr{ font-size:14px; padding : 0;}
#bo_list .tbl_head01 td .bo_cate_link{float: left; display: inline-block; margin-right: 10px;font-size:16px; margin-bottom : 7px;background:none;border-radius: 0px;}
/*#bo_list .tbl_head01 td .bo_cate_link:after{content: '지점';}*/
#bo_list .bo_fx {margin-bottom : 20px;}

#bo_v_atc{padding-top : 20px; border-top : solid 1px #ccc;}
#bo_v_con{border-top : solid 1px #ccc;}
.branch_wrapper{}
.branch_wrapper:after{clear: both; content:''; display: table;}
#bo_v_title{}
#bo_v_title>span{color : #8a8a8a; position: relative; margin-right : 20px;}
#bo_v_title>span:after{content:''; position: absolute; top : 9px; right : -11px; width : 2px; height: 20px; background-color: #66798a; transform : rotate(15deg);}

@media(max-width:992px) {
	/* list 시작 */
	#map_right_wrapper{width : 100%;}
	#canvas{float: none; margin : 0 auto;}
	#container_title.bo_list{display: none;}
	#bo_cate.g5_branch #bo_cate_ul{display: flex; flex-wrap: wrap;  }
	#bo_cate.g5_branch #bo_cate_ul li{float: none;}
	#bo_cate.g5_branch #bo_cate_ul li {width : 16%;}
	#bo_cate.g5_branch #bo_cate_ul li a{display: block; width : 100%;}
	#bo_cate li {font-size:11px;}
	/* list 끝 */
	
	/* view 시작 */
	#bo_v_con_branch {width : calc(100% - 260px);}
	/* view 끝 */
}

@media(max-width:767px) {
	/* list 시작 */
	#bo_list .tbl_head01 tr{width : calc(50% - 9px); }
	/* list 끝 */
	
	/* view 시작 */
	#bo_v_con_branch{width : 100%;}
	/* view 끝 */
}
@media(max-width:500px) {
	/* list 시작 */
	#bo_list #bo_list_total{border-radius: 3px; padding : 0 7px; line-height: 28px;}
	#bo_list #bo_list_total:before{display: none;}
	#map_right_wrapper{margin-left : 0;}
	#bo_cate.g5_branch #bo_cate_ul:after{display: none;}
	#bo_cate.g5_branch #bo_cate_ul {}
	#bo_cate.g5_branch #bo_cate_ul li{margin : 0; width : calc(20% - 5px); margin : 0px 5px 0px 0px; display: block;  margin-bottom : 5px;}
	#bo_cate.g5_branch #bo_cate_ul li a{margin : 0; padding : 5px 0px; line-height: 21px;}
	

	/* list 끝 */
	#bo_list .tbl_head01 tr{width : 100%; }
	
	/* view 시작 */
	.branch_wrapper{margin-bottom : 15px;}
	#bo_v_img_branch{float: none; margin : 0 auto; }
	#bo_v_con_branch{}
	#bo_v_con_branch .branch_li {width : 90%; margin : 0 auto; position: relative; padding-left : 60px;}
	#bo_v_con_branch .branch_li span {position: absolute; top : 0; left : 0;}
	#bo_v_con_branch .branch_li a strong {word-break : break-all;}
	#bo_v_con_branch li span.con_branch_title{display: block;}
	#bo_v p{margin : 15px 0 10px}
	/* view 끝 */
}