/* map */
#topFsearch {display:flex; justify-content: space-between; flex-wrap:wrap; width:100%;}

#map_left_wrapper {width:50%;}

#canvas {position:relative; width: 100%; }
#south {width: 100%; height:500px; margin-top: 50px;background: url(/skin/board/tl_map2/img/map_transparent.png) no-repeat;background-size: 84%;}
#southss {width: 448px;height: 555px;position: absolute; top: 0px; left: 38%; transform: translate(-50%,0);}
div.loc_div{ display: none; position: absolute; height:26px; color:#fff; padding:2px 5px; text-align:center; opacity: 0.2;z-index:2;}
div.loc_div img{ width:90%; z-index:2; position: relative;}

/* loc_01~17 서울1, 부산2, 대구3, 인천4, 광주5, 대전6, 울산7, 세종8, 경기9, 강원10, 충북11, 충남12, 전북13, 전남14, 경북15, 경남16, 제주17 */
/* 시도명 나오는 부분 위치 조절 */
#loc_01{ left:11px; top:31px; }
#loc_02{ left:71px; top:332px; }
#loc_03{ left:12px; top:100px; }
#loc_04{ left: 223px; top: 13px; }
#loc_05{ left: 229px;top: 164px; }
#loc_06{ left: 355px; top: 107px; }
#loc_07{ left: 158px;top: 324px; }
#loc_08{ left: 273px;top: 197px; }
#loc_09{ left: 144px;top: 33px; }
#loc_10{ left: 317px;top: 49px; }
#loc_11{ left: 231px;top: 52px; }
#loc_12{ left: 400px;top: 57px; }
#loc_13{ left: 215px;top: 119px; }
#loc_14{ left: 158px;top: 184px; }
#loc_15{ left:79px; top:192px; }
#loc_16{ left:82px; top: 98px; }
#loc_17{ left:255px; top:292px; }
#loc_18{ left:320px; top:267px; }
#loc_19{ left:306px; top:329px; }
#loc_20{ left:365px; top:306px; }
#loc_21{ left:408px; top:294px; }
#loc_22{ left:404px; top:253px; }
#loc_23{ left:417px; top:208px; }

#south {z-index:999}

#map_right_wrapper{width:49%; margin-top: 10px;}
#map_right_wrapper h2{font-size: 20px; margin-bottom: 10px;}

#map_right_wrapper table tr .lc { border-radius: 20px 0 0 0; background: #F1C100;}
#map_right_wrapper table tr .rc { border-radius: 0 20px 0 0; background:#F1C100; }
#map_right_wrapper table tr .lbc { border-radius: 0 0 0 20px; width: 100%; margin-top: -1px; margin-right: -1px; }
#map_right_wrapper table tr .rbc { border-radius: 0 0 20px 0; width: 19%; margin-top: -1px; }

.list_wrap .list table:hover th { background: #F1C100; transition: all 0.3s; }

.ant_area { position: relative; left:0px; bottom: 72px; z-index: 999; }
.ant_area h2 { font-size: 20px; margin-bottom: 10px; }
.ant_area .box_wrap { display: flex; gap:5px; }
.ant_area select { font-size: 14px; border: 1px solid #ddd; line-height: 40px; width: 140px; height: 40px; }

.uniqNum { border: 1px solid #ddd; line-height: 40px; }

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

#bo_sch {margin-left: 38px; margin-bottom: 18px;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 5px 5px 0}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding: 5px 0;width:110px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em; font-size:14px;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:140px; }
.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:#000;text-decoration:underline}
#bo_v_con_branch img {max-width:100%;height:auto}

.active {display:block !important;}

@media screen and (max-width: 640px) {
	.pc-only {display:none;}

	
	.td_subject { width:50%;}
	.td_branch_addr { width:50%;}
	
	#map_left_wrapper {width:100%;}
	#map_right_wrapper {width:100%; margin-top: 20px;}
	#south {height: auto; background-size: 100%; background-position: -7px 0; margin-top: 30px;}
	#south svg {width:100%; height:auto;}
	#south svg path {transform: translate(-10px, 0) scale(1.21);}
	
	#loc_01{ left:1.5vw; top:5.5vw; }
	#loc_01 img {width:27vw;}
	#loc_02{ left:12vw; top:62vw; }
	#loc_02 img { width:17vw;}
	#loc_03{ left:1vw; top:18.5vw; }
	#loc_03 img { width:15.5vw;}
	#loc_04{ left:41vw; top:2vw; }
	#loc_04 img { width:27.5vw; }
	#loc_05{ left:42vw; top:30.5vw; }
	#loc_05 img { width:32vw; }
	#loc_06{ left:65.5vw; top:20vw; }
	#loc_06 img { width: 19vw; }
	#loc_07{ left:28vw; top:60vw; }
	#loc_07 img { width: 17.5vw; }
	#loc_08{ left:50vw; top:36.5vw; }
	#loc_08 img { width:28vw; }
	#loc_09{ left:25.5vw; top:5.5vw; }
	#loc_09 img { width:18vw; }
	#loc_10{ left:58vw; top:9vw; }
	#loc_10 img { width: 20vw; }
	#loc_11{ left:41.5vw; top:9.5vw; }
	#loc_11 img { width: 18vw; }
	#loc_12{ left:73vw; top:10vw; }
	#loc_12 img {  width: 14vw; }
	#loc_13{ left:39vw; top:22vw; }
	#loc_13 img { width: 26vw; }
	#loc_14{ left:28vw; top:33.5vw; }
	#loc_14 img { width:18vw; }
	#loc_15{ left:13.5vw; top:35.5vw; }
	#loc_15 img { width:15.5vw; }
	#loc_16{ left:14vw; top:18vw; }
	#loc_16 img { width:14.5vw; }
	#loc_17{ left:46vw; top:54vw; }
	#loc_17 img { width:14vw; }
	#loc_18{ left:58.5vw; top:50vw; }
	#loc_18 img { width:18vw; }
	#loc_19{ left:55.5vw; top:61vw; }
	#loc_19 img { width:14vw; }
	#loc_20{ left:67vw; top:57vw; }
	#loc_20 img { width:12vw; }
	#loc_21{ left:75vw; top:55vw; }
	#loc_21 img { width:14vw; }
	#loc_22{ left:74vw; top:47vw; }
	#loc_22 img { width:16vw; }
	#loc_23{ left:76.5vw; top:39vw; }
	#loc_23 img { width:13vw; }

	.ant_area {left:0; bottom:0; margin-top: 20px; z-index:90;}
	
	.list_wrap {display:flex; flex-wrap:wrap; width:100%; gap:10px;}
	.list_wrap .list {width:100%; min-height: auto; margin: 0;}
	
	.uniqNum {width:100%;}
	
}

@media screen and (max-width: 620px) {
#south svg path {transform: translate(-10px, 0) scale(1.18);}
}

@media screen and (max-width: 600px) {
#south svg path {transform: translate(-10px, 0) scale(1.15);}
}

@media screen and (max-width: 580px) {
#south svg path {transform: translate(-10px, 0) scale(1.12);}
}

@media screen and (max-width: 560px) {
#south svg path {transform: translate(-10px, 0) scale(1.08);}
}

@media screen and (max-width: 540px) {
#south svg path {transform: translate(-10px, 0) scale(1.04);}
}

@media screen and (max-width: 520px) {
#south svg path {transform: translate(-10px, 0) scale(1.0);}
}

@media screen and (max-width: 500px) {
#south svg path {transform: translate(-10px, 0) scale(0.9);}
}

@media screen and (max-width: 455px) {
#south svg path {transform: translate(-10px, 0) scale(0.82);}
}

@media screen and (max-width: 440px) {

.ant_area .box_wrap {flex-wrap:wrap; width:100%;}
.ant_area .box_wrap * {width:100%;}

}

@media screen and (max-width: 414px) {
#south svg path {transform: translate(-10px, 0) scale(0.79);}
}

@media screen and (max-width: 390px) {
#south svg path {transform: translate(-10px, 0) scale(0.75);}
}

@media screen and (max-width: 375px) {
#south svg path {transform: translate(-10px, 0) scale(0.72);}
}