/* list */
#bbslist {margin:auto;padding:20px 0 30px 0;}
#bbslist .info {height:36px;margin-bottom:30px;}
#bbslist .info .article {float:left;padding:0;font-size:11px;color:#c0c0c0;line-height:36px;}
#bbslist .info .acontrol {float:right;padding:0;}
#bbslist .info .acontrol select {padding:5px 5px 6px 5px;border:1px solid #ccc;border-radius:3px;}
#bbslist .catTab {height:39px;margin:0 0 20px 0;padding:0;border-bottom:1px solid #DEDEDE;border-left:1px solid #DEDFDE;}
#bbslist .catTab li {float:left;list-style-type:none;height:38px;padding:0 25px;text-align:center;line-height:38px;color:#888;border:1px solid #DEDFDE;border-left:none;background-color:#fafafa;}
#bbslist .catTab .on {background-color:#FFF;color:#333;border-bottom:1px solid #FFF;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {vertical-align:middle;padding-bottom:10px;border-bottom:#555 solid 2px;font-size:13px;color:#555;}
#bbslist tbody tr {border-bottom:#E6E6E6 solid 1px;}
#bbslist tbody .noticetr td {background:#FAFAFA;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {height:50px;font-size:14px;text-align:center;color:#888888;letter-spacing:-1px;line-height:50px;}
#bbslist td .fa {cursor:pointer;font-size:11pt;color:#428bca;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .chk {position:relative;top:-2px;}
#bbslist .sbj {text-align:left;letter-spacing:0px;}
#bbslist .new {position:relative;top:-2px;display:inline-block;width:13px;height:13px;font:normal 10px arial;text-align:center;line-height:13px;border-radius:50%;color:#fff;background-color:red;z-index:-1;}
#bbslist .comment {font-size:11px;color:#ff8000;}
#bbslist .none {height:150px;font-size:12px;color:#999;line-height:150px;}
#bbslist .bottom {padding:20px 0;}
#bbslist .bottom_l {float:left;}
#bbslist .bottom_r {float:right;text-align:right;}
#bbslist .searchform {}
#bbslist .searchform select {float:left;min-width:120px;font-size:12px;margin-right:5px;}
#bbslist .searchform .inbtn {float:left;position:relative;width:280px;height:36px;padding:0;margin:0;}
#bbslist .searchform .inbtn input {position:absolute;top:0;left:0;width:200px;height:34px;padding:0 4px;border-radius:4px 0 0 4px;border:none;}
#bbslist .searchform .inbtn button {position:absolute;top:-1px;right:-1px;width:73px;height:36px;line-height:0;border-radius:0 4px 4px 0;color:#fff;border:1px solid #357ebd;background-color:#428bca;}
/* @list */


/* view */
#bbsview {margin:auto;padding:0;font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;}
#bbsview h1 {position:relative;height:42px;color:#000;margin-top:0;}
#bbsview h1 .btn {float:right;height:42px;padding:0 20px;margin-left:20px;font-size:10pt;line-height:41px;}
#bbsview .table {width:100%;margin:0;padding:0;border-top:2px solid #333;border-collapse:collapse;}
#bbsview .table tbody th,
#bbsview .table tbody td {padding:1% 1% 1% 1%;font-size:12pt;color:#222;border-right:1px solid #DDD;border-bottom:1px solid #DDD;}
#bbsview .table tbody th {font-weight:500;font-size:14pt;color:#3071a9;text-align:center;background-color:#f8f8f8;}
#bbsview .table tbody th h2 {padding:0;margin:0;}
#bbsview .table tbody th.end,
#bbsview .table tbody td.end {border-right:none;}
#bbsview .table tbody td.b span {margin-left:3px;font-weight:normal;font-size:10pt;}
#bbsview .input {position:relative;top:2px;width:10%;height:38px;padding:0 1%;margin:0;border:#c0c0c0 solid 1px;text-align:center;border-radius:2px;background:#FFF;}

#bbsview .room_pic {display:block;width:960px;height:600px;overflow:hidden;}
#bbsview .room_pic li img {display:block;width:960px;height:600px;}

#bbsview .content {padding:30px 1% 20px 1%;font-size:12pt;color:#111;}
#bbsview .bottom {width:100%;padding:30px 0 40px 0;text-align:center;}
#bbsview .bottom .btn {width:18%;height:50px;padding:0;font-size:11pt;line-height:48px;}
/* @view */


/* write */
#bbswrite {margin:auto;padding:30px 0 30px 0;}
#bbswrite .wt {width:100%;padding:2% 3%;margin:0;font-size:18pt;border:1px solid #e0e0e0;background-color:#fff;line-height:1;border-radius:2px 2px 0 0;}
#bbswrite .wt i {position:relative;top:0;font-weight:normal;font-size:20pt;color:#3071a9;}
#bbswrite .wtc {width:100%;padding:2% 3%;border:1px solid #e0e0e0;border-top:none;background-color:#fdfdfe;border-radius:0 0 3px 3px;}
#bbswrite .write-table {width:100%;margin:0;padding:0;border-collapse:collapse;}
#bbswrite .write-table tbody th,
#bbswrite .write-table tbody td {padding:1% 0 1% 1%;font-size:11pt;color:#333;}
#bbswrite .write-table tbody th {vertical-align:top;padding-top:calc(1% + 6px);font-weight:500;font-size:13pt;color:#3071a9;text-align:left;}
#bbswrite .input,
#bbswrite .select {width:100%;height:38px;padding:0 1%;margin:0;border:#c0c0c0 solid 1px;border-radius:2px;background:#FFF;}
#bbswrite .ainput {width:70%;}
#bbswrite .sinput {width:40%;}
#bbswrite .tinput {width:10%;}
#bbswrite .tainput {width:25%;}
#bbswrite .tsinput {width:21.23%;}
#bbswrite .hselect {width:48%}
#bbswrite .table {width:100%;margin:0;padding:0;border-collapse:collapse;}
#bbswrite .table tbody th,
#bbswrite .table tbody td {padding:1% 1% 1% 1%;font-size:11pt;color:#333;border:1px solid #c0c0c0;text-align:center;background-color:#FFF;}
#bbswrite .table tbody th {font-weight:500;font-size:13pt;color:#3071a9;background-color:#f8f8f8;}
#bbswrite .table tbody td .input,
#bbswrite .table tbody td .select {text-align:center;}
#bbswrite .table tbody tr.btn-tr td {border:none;text-align:right;padding:10px 0;}
#bbswrite .table tbody tr.btn-tr td .btn-danger {margin-left:10px;}
#bbswrite .textarea {width:100%;height:100px;padding:1%;margin:0;font-size:10pt;border:1px solid #d0d0d0;line-height:1.6;border-radius:2px;background:#FFF;}

#bbswrite .table tbody .td1,
#bbswrite .table tbody .td2 {border-color:#e0e0e0;background-color:#fdfdfe;}

#bbswrite .bottom {width:100%;padding:30px 0 40px 0;text-align:center;}
#bbswrite .bottom .btn {width:20%;height:50px;padding:0;font-size:11pt;line-height:48px;}
/* @write */

#daum_map {position:relative;width:100%;}
#daum_map #map {width:100%;height:350px;}
#daum_map .radius_border{border:1px solid #919191;border-radius:5px;} 
#daum_map .zoomcontrol {position:absolute;top:50%;right:10px;width:36px;height:80px;margin-top:-50px;overflow:hidden;z-index:1;background-color:#FFF;} 
#daum_map .zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
#daum_map .zoomcontrol span img {width:15px;height:15px;margin:12.5px 0;border:none;}             
#daum_map .zoomcontrol span:first-child{border-bottom:1px solid #919191;}
#daum_map .mapnote {position:absolute;bottom:0;left:0;width:100%;height:20px;font-size:11px;font-family:dotum;line-height:2;text-align:center;color:#FFF;background-color:rgba(0,0,0,.5);z-index:1;}

#daum_map .mapnote {position:absolute;bottom:0;left:0;width:100%;height:20px;font-size:11px;font-family:dotum;line-height:2;text-align:center;color:#FFF;background-color:rgba(0,0,0,.5);z-index:1;}

#whelp {position:absolute;left:0;bottom:0;width:100%;height:20px;font-size:10px;line-height:18px;text-align:center;color:#FFF;background-color:rgba(0,0,0,.5);overflow:hidden;z-index:1;}

#vrefresh {cursor:pointer;position:absolute;bottom:30px;right:10px;width:50px;height:50px;text-align:center;background-color:red;color:#000;border-radius:50%;z-index:9999;}
#vrefresh i {width:46px;height:46px;margin:2px;font-size:20pt;line-height:46px;background:#FFF;color:red;border-radius:50%;}
/* @view */

#mypos {
	position:relative;
	top: 5px;
	left: 0;
	width: 39px;
	height: 39px;
	background: rgba(32, 128, 208, 0.3);
	border-radius: 50%;
	/*animation: scale 1.2s 7 forwards;*/
	animation: scale 1.2s 5 backwards;
}

#circle {position:relative;top:-22px;left:12px;display:block;width:15px;height:15px;border:3px solid #FFF;background:red;border-radius:50%;box-shadow: 0.5px 0.5px #CCC, -0.5px 0.5px #CCC, 0.5px -0.5px #CCC, -0.5px -0.5px #CCC;}

@keyframes scale {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% { 
		transform: scale(1);
		opacity: 1;
	}
}