@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/* map */
#map_box{width: 892px; margin: 0 auto;}
#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:16px; 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;}
.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;}

/* 게시글 보기 */
.view_tit{font-family: 'NanumSquare', sans-serif; font-size: 22px; text-align: center; color: #fff; background: #c4141b;
	border-radius: 10px; margin: 40px 0 20px 0; padding: 8px 0; display: inline-block; width: 100%;}


#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}

.introduce{padding-top:10px; padding-left:50px; position:relative; font-size:14px; line-height:25px; margin-bottom:50px;}
.introduce .photo_frame{ position:absolute; background:url(/images/content/photoframe.png) no-repeat; width:283px; height:283px; }
.introduce .photow {width:283px; height:283px; display: table-cell;  text-align:center; vertical-align: middle; }
.introduce .photoh {width:283px; height:283px; display: table-cell;  text-align:center; vertical-align: middle; }
.introduce .photow img{width:90%; height:auto; display:block; }
.introduce .photoh img{height:180px; width:auto; margin:0 auto; display:block; }
.introduce .cons{ float:right; width: 864px; font-size:16px; font-family:'NanumBarunGothic';}
.introduce .name{border-bottom:1px solid #dddddd; padding-bottom:5px; font-size:24px; font-family:'NanumBarunGothic'; color:#2b2b2b; margin-bottom:10px;}

.homeimageM_Container {padding-top:10px; padding-left:50px; }
.homeimageM {width:550px; height:335px; border:1px #cccccc solid; float:left;}
.homeimageM .photowh {width:550px; height:335px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageM .photoh {width:550px; height:335px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageM .photow {width:550px; height:335px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageM	.photowh img {width:550px; height:335px; margin:0 auto; display:block; }
.homeimageM	.photow img {width:550px; height:auto; margin:0 auto; display:block; }
.homeimageM	.photoh img {height:335px; width:auto; margin:0 auto; display:block; max-width: 550px;}
.homeimageS_Container {padding-left:10px; }
.homeimageS {margin-left:5px; margin-bottom:7px; border:1px #cccccc solid; width:194px; height:107px;display: table-cell;  text-align:center; vertical-align: middle; float:left;}
.homeimageS .photowh{width:192px; height:77px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageS .photoh{width:126px; height:77px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageS .photow{width:126px; height:77px; display: table-cell; text-align:center; vertical-align: middle;}
.homeimageS	.photowh img {width:192px; height:105px; margin:0 auto; display:block; }
.homeimageS	.photoh	img {width:auto; height:77px; margin:0 auto; display:block; }
.homeimageS	.photow	img {width:126px; height:auto; margin:0 auto; display:block; }

.comeimage_Container {padding-top:10px; padding-left:50px; display: inline-block;}
.comeimage {width:630px; height:312px; border:1px #cccccc solid; float:left;}
.comeimage .photowh {width:630px; height:312px; display: table-cell; text-align:center; vertical-align: middle;}
.comeimage .photoh {width:630px; height:312px; display: table-cell; text-align:center; vertical-align: middle;}
.comeimage .photow {width:630px; height:312px; display: table-cell; text-align:center; vertical-align: middle;}
.comeimage	.photowh img {width:630px; height:312px; margin:0 auto; display:block; }
.comeimage	.photow img {width:630px; height:auto; margin:0 auto; display:block; }
.comeimage	.photoh img {height:312px; width:auto; margin:0 auto; display:block; }
.comeimage_Container .cons{ float:right; width:220px; font-size:14px; font-family:'NanumBarunGothic';}


.gallery_Container {padding-top:10px; padding-left:30px; }
.gallery {width:225px; height:210px;  float:left;}
.gallery .photowh {width:225px; height:160px; border:1px #cccccc solid; display: table-cell; text-align:center; vertical-align: middle;}
.gallery .photoh {width:225px; height:160px; border:1px #cccccc solid; display: table-cell; text-align:center; vertical-align: middle;}
.gallery .photow {width:225px; height:160px; border:1px #cccccc solid; display: table-cell; text-align:center; vertical-align: middle;}
.gallery .photow img {width:225px; height:auto; margin:0 auto; display:block; }
.gallery .photoh img {height:160px; width:auto; margin:0 auto; display:block; }
.gallery .cons {font-family:'DotumChe'; font-size:12px; margin-top:15px;text-align:center;}

.page a {text-decoration:none;}
.page a hover{text-decoration:none;}


.roll{font-size:14px; padding: 7px 0 0 75px; overflow:hidden; width: 280px; height: 70px; position:absolute; top:5px; left:328px;}
.roll ul{padding: 7px 0 0px 75px; overflow:hidden; width: 280px; height: 70px;}
.roll ul li{padding-bottom:20px;}

#counseling{width: 100%; border: 1px solid #cdcdcd; text-align: center; padding: 40px;
	margin-bottom: 40px; background: url(./img/counseling_bg.jpg) no-repeat center bottom;}
#counseling p{font-family: 'NanumSquare', sans-serif; font-size: 20px; margin-bottom: 14px; font-weight: 600;}
#counseling a{font-family: 'NanumSquare', sans-serif; font-size: 20px; border: 1px solid #08af62; background: #08af62; color: #fff;
	padding: 8px 15px; display: inline-block; border-radius: 10px; transition: 0.3s;}
#counseling a:hover{background: #fff; color: #08af62; transition: 0.3s;}

.location{width: 100%; display: inline-block; margin-bottom: 36px;}
.location p{float: left; font-family: 'NanumSquare', sans-serif; font-size: 20px; line-height: 22px;}
.location p img{display: block; float: left; margin:  0 5px 0 20px; width: 20px; height: auto;}
.location p span{font-weight: bold;}
.location p:nth-of-type(1) span{color: #ef4d00;}
.location p:nth-of-type(2) span{color: #078580;}