.livinglab-text {
	width: 100%;
	min-height: 50px;
	font-size: 25px;
	margin: 20px 0;
	padding-top: 30px;
}
.livinglab-title {
	width: 100%;
	min-height: 50px;
	font-size: 30px;
	margin: 20px 0;
	line-height: 50px;
}
.livinglab-sub-title {
	width: 100%;
	min-height: 40px;
	font-size: 20px;
	margin: 20px 0;
}
.livinglab-split {
	border: 1px solid #e8e8e8;
	margin: 40px 0;
	width: 100%;
}
.livinglab-ul-text {
	list-style: none;
	margin: 20px 0;
}
.livinglab-ul-number {
	list-style: decimal;
	margin: 20px 0;
	padding-left: 20px;
}
.livinglab-ul-text li, .livinglab-ul-number li {
	line-height: 40px;
}
.livinglab-quote {
	border-left: 3px solid #23203f;
	list-style-type: none;
	text-indent: 20px;
	margin: 20px 0;
}
.livinglab-template {
	margin: 20px 0;	
}
.livinglab-commit-btn {
	background: #c2c2c2 !important;
}
.embed-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.embed-video iframe,
.embed-video object,
.embed-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}  
.contents-hide {
	display: none;
}

.layer_area {position:relative; overflow:hidden; max-width:600px; margin:0 auto; border-radius:25px}
.layer_area .tit {height:60px; padding:19px; background:#3E8BFF; color:#fff; font-size:20px; letter-spacing:-1px;}
.layer_area .btn_close {position:absolute; top:0; right:0; width:60px; height:60px; background:url('../images/bbs/ico_cancel.png') 50% 50% no-repeat; background-size:20px; text-indent:-9999px; border:0 none}
.layer_area .con {flex: 1; overflow-y: auto; height:100%; background:#fff;}
.layer_area .con:after {display:block; clear:both; content:'';}
.layer_area .con .b_box {margin:15px 0 0 0; padding:15px 0; border-top:1px solid #dfdfdf}
.layer_area .con .b_box .text {width:100%;}
.layer_area .con .ovf {height:100%; max-height:calc(100vh - 100px); padding:25px}
.layer_area.short .con {height:auto; padding:25px;}

.layer_area .detail li {position:relative; margin-bottom:1px; padding-left:6px; color:#666; font-size:14px;}
.layer_area .detail li:after {display:block; position:absolute; top:8px; left:0; width:2px; height:2px; background:#555; content:''; color:#595959;}
.layer_area .detail li a {display:inline-block; margin-left:4px; color:#000; font-weight:bold; text-decoration:underline;}
.layer_area .agree_box {height:100px; padding:12px; font-size:14px; letter-spacing:-0.3px;}
.layer_area .input {color:#777; font-size:15px; }

.layer_area .state {letter-spacing:-0.5px;}
.layer_area .state dt {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd}
.layer_area .state dt > strong {display:block; margin-bottom:2px; font-family:'gmk'; font-size:24px; letter-spacing:-1px;}
.layer_area .state dt > p {color:#777;}
.layer_area .state dd > p {margin-bottom:10px; }
.layer_area .state dd > p > strong {display:inline-block; margin-right:10px; color:#eb551a; font-weight:500;}
.layer_area .state dd > ul {padding:25px 20px; background:#f6f6f6;}

.layer_area.bizplan {max-width:1400px}
.layer_area.bizplan .info {position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd}
.layer_area.bizplan .info .thum {overflow:hidden; position:absolute; top:0; left:0; width:600px; height:350px; background:#ddd; background-repeat:no-repeat; background-position:50% 50%}
.layer_area.bizplan .info .thum img {position: absolute; top: 50%; left: 50%; height:100%; transform: translate(-50%,-50%);}
.layer_area.bizplan .info .txt {min-height:350px; padding:20px 0 0 650px;}
.layer_area.bizplan .info .txt strong {display:block; margin-bottom:14px; font-family:'gmk'; color:#222; font-size:28px; letter-spacing:-1px;}
.layer_area.bizplan .info .txt ol {margin-bottom:20px;}
.layer_area.bizplan .info .txt ol li {display:inline-block; margin-right:10px; color:#3E8BFF; font-weight:500; font-size:17px}
.layer_area.bizplan .info .txt ol li:before {content:'#'; margin-right:5px;}
.layer_area.bizplan .info .txt p {color:#666; letter-spacing:-0.3px; line-height:1.8;}
.layer_area.bizplan .plan strong {display:block; margin-bottom:10px; font-family:'gmk'; font-size:25px; letter-spacing:-1px; color:#222;}
.layer_area.bizplan .plan ul {overflow:hidden; padding:20px; background:#f6f6f6;}
.layer_area.bizplan .plan ul li {position:relative; float:left; width:50%; padding-left:145px; margin-bottom:18px; color:#666; letter-spacing:-0.2px;}
.layer_area.bizplan .plan ul li span {position:absolute; top:-6px; left:0; display:inline-block; min-width:135px; line-height:30px; border-radius:8px; color:#fff; background:#3d3d3d; font-size:14px; text-align:center; letter-spacing:-0.4px;}
.layer_area.bizplan .plan ul li.w100 {width:100%;}
.layer_area.bizplan .plan ul li:last-child {margin-bottom:0;}


.layer_area.event_list {max-width:620px; }
.layer_area.event_list .con .thum {position:relative; width:100%}
.layer_area.event_list .con .thum > span {z-index:5; position:absolute; top:12px; right:12px; display:block; width:70px; height:70px; line-height:70px; font-size:14px; border-radius:50%; text-align:center; letter-spacing:-0.5px;}
.layer_area.event_list .con .thum .list {overflow:hidden; width:100%; max-height:345px}
.layer_area.event_list .con .thum .list .slick-slide {overflow:hidden; position:relative; float:left; width:100%; padding-top:12.5%; background:#ddd; text-align:center; background-repeat:no-repeat; background-position:50% 50%}
.layer_area.event_list .con .thum .list .slick-slide img {position: absolute; top:50%; left:50%; max-width: 200%; height:100%; transform:translate(-50%,-50%)}
.layer_area.event_list .con .thum .ctrl {position:absolute; top:50%; left:0; width:100%; display:flex; justify-content:space-between;}
.layer_area.event_list .con .thum .ctrl button {width:40px; height:70px; line-height:70px; margin-top:-35px; background:rgba(0, 0, 0, 0.8); color:#fff; font-size:24px}
.layer_area.event_list .con .thum .ctrl button.prev {border-radius:0 10px 10px 0}
.layer_area.event_list .con .thum .ctrl button.next {border-radius:10px 0 0 10px} 
.layer_area.event_list .con .info .stit {display:flex; padding:20px 15px; border-bottom:1px solid #ddd}
.layer_area.event_list .con .info .stit i {width:42px; height:50px; background-size:cover; background-repeat:no-repeat}
.layer_area.event_list .con .info .stit i.event {background-image:url('../images/activity/ico_event.png');}
.layer_area.event_list .con .info .stit i.product {background-image:url('../images/activity/ico_product.png');}
.layer_area.event_list .con .info .stit i.challenge {background-image:url('../images/activity/ico_challenge.png');}
.layer_area.event_list .con .info .stit dl {flex:1;padding-left:12px; padding-top:3px;}
.layer_area.event_list .con .info .stit dl dt {font-size:19px; letter-spacing:-0.8px; color:#222; font-weight:bold}
.layer_area.event_list .con .info .stit dl dd p {display:inline-block; font-size:14px; color:#666;}
.layer_area.event_list .con .info .stit dl dd p + p {position:relative; margin-left:15px;}
.layer_area.event_list .con .info .stit dl dd p + p:before {content:''; position:absolute; top:3px; left:-10px; display:block; width:1px; height:12px; background:#ccc;}
.layer_area.event_list .con .info .txt {padding:20px 15px}
.layer_area.event_list .con .info .txt > ul {padding:20px 15px 18px 15px; background:#f1f1f1; font-size:15px ;letter-spacing:-0.5px; color:#666; border-radius:10px}
.layer_area.event_list .con .info .txt > ul > li + li {margin-top:2px;}
.layer_area.event_list .con .info .txt > ul > li > strong {color:#222;}
.layer_area.event_list .con .info .txt > ul > li > strong > i {margin-right:2px;}
.layer_area.event_list .con .info .txt .detail {padding:20px 0; color:#666; line-height:1.7;}
.layer_area.event_list .con .info .txt .view_file {padding:20px 15px; margin-bottom:0; border-radius:10px}
@media screen and (max-width:1200px) {
	.layer_area.bizplan {border-radius:0}
	.layer_area.bizplan .con .ovf {max-height:calc(100vh - 60px)}
	.layer_area.bizplan .info .txt {min-height:auto; padding:30px 10px 0 10px;}
	.layer_area.bizplan .info .thum {position:relative; top:auto; left:auto; width:100%; text-align:center;}
	.layer_area.bizplan .info .thum img {width:auto; height:100%;}
}
@media screen and (max-width:800px) {
	.layer_area {position:absolute; top:0; left:0; right:0; height:100%; border-radius:0px}
	.layer_area.short {position:relative; top:auto; right:auto; left:auto; right:auto; height:auto; overflow:hidden; border-radius:15px}
	.layer_area .con .ovf {max-height:calc(100% - 60px); padding:15px}

	.layer_area .state dt {padding-bottom:10px; margin-bottom:10px;}
	.layer_area .state dt > strong {font-size:18px}
	.layer_area .state dt > p {font-size:13.5px}
	.layer_area .state dd > ul {padding:15px 10px}

	.layer_area.bizplan .info {padding-bottom:7px; margin-bottom:16px;}
	.layer_area.bizplan .info .thum {height:auto; min-height:220px;}
	.layer_area.bizplan .info .txt {padding:20px 0 0 0; margin-bottom:8px;}
	.layer_area.bizplan .info .txt strong {margin-bottom:8px; font-size:17px}
	.layer_area.bizplan .info .txt ol {margin-bottom:8px;}
	.layer_area.bizplan .info .txt ol li {font-size:13.5px}
	.layer_area.bizplan .info .txt p {font-size:14px; line-height:1.6;}
	.layer_area.bizplan .plan strong {margin-bottom:8px; font-size:16px}
	.layer_area.bizplan .plan ul {padding:20px 13px}
	.layer_area.bizplan .plan ul li {width:100%; margin-bottom:10px; font-size:13px; line-height:1.6;}
	.layer_area.bizplan .plan ul li span {top:-4px; line-height:28px; font-size:13px; font-weight:bold;}

	.layer_area.event {max-width:100%; border-radius:0; }

	.layer_area.event_list {max-width:100%; width:100vw;}
	.layer_area.event_list .con .thum > span {width:52px; height:52px; line-height:52px; font-size:12px;}
	.layer_area.event_list .con .thum .ctrl button {width:30px; height:50px; line-height:50px;}
	.layer_area.event_list .con .info .stit {padding:15px 5px}
	.layer_area.event_list .con .info .stit i {width:28px; height:36px; background-size:28px}
	.layer_area.event_list .con .info .stit dl {padding:0 0 0 8px;}
	.layer_area.event_list .con .info .stit dl dt {font-size:15px}
	.layer_area.event_list .con .info .stit dl dd p {font-size:13px}
	.layer_area.event_list .con .info .txt {padding:15px 5px}
	.layer_area.event_list .con .info .txt > ul {padding:12px 10px; font-size:13px}
	.layer_area.event_list .con .info .txt .detail {padding:15px 0}
	.layer_area.event_list .con .info .txt .view_file {padding:10px 8px}
}
@media screen and (max-width:620px) {
	.layer_wrap {padding:0px}
	.layer_area {max-width:100%;}
	.layer_area .tit {height:50px; padding:0 50px 0 10px; line-height:50px; font-size:17px}
	.layer_area .btn_close {width:50px; height:50px;}
	.layer_area .con .ovf {height:calc(100% - 50px); padding:12px}

	.layer_area.short {margin:10px;}
	.layer_area.short .con {height:auto; padding:15px 12px}

	.layer_area.bizplan .plan ul li.w100 {padding-left:0;}
	.layer_area.bizplan .plan ul li.w100 span {position:relative; top:auto; left:auto; display:block; margin-bottom:5px;}

}
@media screen and (max-width:400px) {
	.layer_area .detail li {font-size:13.5px}
	.layer_area .input {font-size:14px; }	
}

.table_data {width:100%; border-top:2px solid #222; border-bottom:1px solid #dadde0;}
.table_data tbody tr th,.table_data tbody tr td {padding:8px 10px; border:1px solid #dadde0; border-width:1px 1px 0 1px; letter-spacing:-0.5px; font-size:15px; text-align:left;}
.table_data thead tr th {padding:25px 15px; background:#fcf6f2; font-weight:bold; border:1px solid #dadde0; border-width:1px 1px 0 1px; color:#333 }
.table_data thead tr:first-child th {}
.table_data tbody tr th,.table_data tfoot tr th {background:#f7f7f7; color:#333; font-weight:500; line-height:1.6;}
.table_data tr th:first-child,.table_data tr td:first-child{border-left:none}
.table_data tr th:last-child,.table_data tr td:last-child{border-right:none}
.table_data .bg {background:#f7f8fa;}
.table_data.row2 thead tr th {padding:12px 10px; }
.table_data tr td.address > p {display:flex}
.table_data tr td.address > p > .text {flex:1; border-right:0 none}
.table_data tr td.address > p > .btn_st {width:80px; height:42px; line-height:42px; padding:0 5px; border-radius:0}
.table_data tr td.address .list { border:1px solid #ccc;}
.table_data tr td.address .list li + li {border-top:1px solid #ccc}
.table_data tr td.address .list li button {width:100%; padding:8px 10px; font-size:13px; color:#666; text-align:left;}
.table_data tr td.address .paging {padding:5px 0 0 0}
.table_data tr td.address .paging a, .table_data tr td.address .paging button, .table_data tr td.address .paging .on {width:28px; height:28px; line-height:28px; font-size:12px}
.table_data tr td.address .paging .first_prev, .table_data tr td.address .paging .prev, .table_data tr td.address .paging .next, .table_data tr td.address .paging .last_next {background-size:12px}
.table_data tr td .textarea {resize: none;}
@media screen and (max-width:800px) {
	.table_data tbody tr th,.table_data tbody tr td {font-size:14px; line-height:18px}
	.table_data thead tr th {padding:10px; line-height:18px; font-size:14px}
}
@media screen and (max-width:600px) {
	.table_data tbody tr th,.table_data tbody tr td {padding:10px 7px;}
	.table_data tr td.address > p > .btn_st {width:40px; height:40px; line-height:40px}
}
@media screen and (max-width:400px) {
	.table_data.break {word-break: break-all;}
	.table_data tbody tr th,.table_data tbody tr td {font-size:13.5px; line-height:16px;}	
	.table_data thead tr th {font-size:13.5px}
}


.input { position:relative; display:inline-block}
.input label { cursor:pointer; }
.input:last-child { margin-right: 0; }
.checkbox, .radio { position: absolute; left: 0; top: 0; opacity: 0; }
.checkbox + label, .radio + label { padding-left:27px; }
.checkbox + label:before, .radio + label:before { position: absolute; left:0; top:0px; width:19px; height:19px;  border: 1px solid #d0d0d0; background-color:#fff; content: ''; }
.checkbox + label:after, .radio + label:after { position: absolute; left:6px; top:6px;  width:9px; height:9px; content: ''; transition: all 0.2s; }
.checkbox:checked + label:after, .radio:checked + label:after { background-color:#71ab00; }
.checkbox:focus + label:before, .radio:focus + label:before { outline: 1px dotted #000; }
.checkbox.disabled + label, .radio.disabled + label { cursor:default; }
.checkbox.disabled + label:before, .radio.disabled + label:before { background-color:#f5f5f5; }
.checkbox.disabled:checked + label:before, .radio.disabled:checked + label:before { background-color:#f5f5f5 }
.checkbox.disabled:checked + label:after, .radio.disabled:checked + label:after { background-color:#bfbfbf }

.radio + label:before { border-radius:100%; }
.radio + label:after { border-radius:100%; }
.checkbox:checked + label:after {}
.checkbox + label:after { left:5px; top:5px; display:none; width:10px; height:5px; border:2px solid #71ab00; border-top:0; border-right:0; transform:rotate(-45deg); }
.checkbox:checked + label:after { display:block; background-color:transparent; }
.checkbox.disabled:checked + label:after { border-color:#bfbfbf; background-color:transparent; }

.input.btn .checkbox + label, .input.btn .radio + label { display:inline-block; width:100%; padding:11px 20px 10px 38px; border:1px solid #d9d9d9; border-radius:3px; transition:background 0.2s ease-out; }
.input.btn .checkbox + label:hover, .input.btn .radio + label:hover, .input.btn .checkbox:focus + label, .input.btn .radio:focus + label { background:#f5f5f5 }
.input.btn .checkbox + label:before, .input.btn .radio + label:before { left:12px; top:10px; }
.input.btn .checkbox + label:after { left:17px; top:16px; }
.input.btn .radio + label:after { left:18px; top:16px; }

.input.btn .checkbox.disabled + label, .input.btn .radio.disabled + label {background-color:#f9f9f9}
.btn_orange {background:#e75718 !important; color:#fff !important;} /* 서브색상 */
.btn_st {display:inline-block; height:50px; position:relative; margin-bottom:3px; padding:0 30px; line-height:50px; vertical-align:middle; cursor:pointer; border-radius:5px; transition:all 0.15s ease-out; background:#fff; color:#333;border:1px solidrgba(0,0,0,0.2); font-size:15px;}
.livinglab-commit-btn {
	background: #c2c2c2 !important;
}
.btn_navy {
    background: #3e8bff;
    color: #fff;
}

.t_right {
    text-align: right !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb30 {
	margin-bottom: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.btn_area {
    padding-top: 20px;
}

.btn_dpbk {
    background: #353c47;
    color: #fff;
}

.t_center {
    text-align: center !important;
}

.layer_wrap {display:table; position:fixed; z-index:1100; top:0; left:0; width:100%; height:100%; padding:0 0; background:rgba(0,0,0,0.75);}
.layer_wrap.close {display:none}

.dash_area .info_box {position:relative; width:480px; height:700px; border-left:1px solid #ccc; overflow-y: auto;}
.dash_area .info_box > li {padding:30px;}
.dash_area .info_box > li + li {border-top:1px solid #ccc}
.dash_area .info_box .data .graph {margin-bottom:20px;}

.dash_area {display:flex; flex-flow:row wrap; border:1px solid #cccccc;}
.dash_area .tit .select {height:32px; font-size:13px; color:#666;}

input.text {height:42px; padding:0 7px; border:1px solid #d4d4d4;}
select.select {height:42px; padding:0 30px 0 7px; border:1px solid #d4d4d4; background:#fff url('../../img/assets/ico-angle-select.svg') right 10px top 50% no-repeat; -webkit-appearance:none; background-size:12px auto;}


/* 게시판 검색 */
.basic_box {overflow:hidden; margin-bottom:30px; padding:22px 30px; background:#f8f8f8; border:1px solid #dcdbdb;}
.basic_box:after {display:block; clear:both; content:'';}
.basic_search {float:right;}
.basic_search .select {width:150px; height:45px;}
.basic_search .searchinput {position:relative; }
.basic_search .searchinput .text {width:300px; height:45px; padding-right:55px;}
.basic_search .searchinput .btn {position:absolute; top:0; right:0; width:45px; height:45px; background:#0053a5 url('../../img/assets/ico-search-white.svg') no-repeat 50% 50%/21px; }
.basic_search .grap, .basic_search .searchinput, .basic_search .text, .basic_search .select {display:inline-block; vertical-align:top;}

.v_align {display:table-cell; vertical-align:middle;}


/* 지도 */
.local-search-Input {
	/* position: absolute !important;
    z-index: 4;
    top: 10px;
    left: 40px;
	width: 200px;
	height:42px;padding:0 7px;border:1px solid #d4d4d4; */
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 22%) 3px 4px 15px;
    color: #777;
    font-size: 14px;
    width: 280px;
}

.local-search-div {
	position: absolute !important;
    z-index: 4;
    top: 45px;
	width: 280px;
	overflow-y: auto;
	padding: 0px 10px 0px 10px;
	min-width:130px; 
	background-color:rgba(255, 255, 255, 0.85); 
	border-radius:7px; 
	box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 15px;
}

.local-search-div td{
	background-color: #fff;
}

.local-search-div li{
	font-size : 11px;
	cursor: pointer;
	margin-bottom: -1px;
}

.local-search-div li .jibun{
	color : gray;
	line-height: 1.0;
}

.local-search-div .info{
	font-size: 13px;
	font-weight: bold;
}

.local-search-side-div{
	width: 100%;
    font-size: 12px;
    line-height: 1.5;
}

.local-search-side-div li{
	cursor: pointer;
	margin-bottom: -1px;
}

.searchbox{
	z-index: 12;
    position: absolute;
    top: 20px;
    left: 50px;
    display: flex;
}

.livinglab-main-content{
	display: inline-block; 
	height: 100%; 
	position: absolute; 
	left: 400px; 
	right: 0; 
	overflow: auto
}

.livinglab-main-content input.text {height:42px;padding:0 7px;border:1px solid #d4d4d4;}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	text-align: left;
}

/* 탭 */
.tab_update .tit {
	display: flex;
} 

.tab_update .tit  .nav-item{
	font-size: 14px;
   	line-height: 40px;
   	margin-bottom: 25px;
    border-bottom: 2px solid #e3e3e3;
    font-weight: 500;
}

.tab_update .nav-item.active {
  color: #23203f;
  background-color: transparent;
  border-bottom: 2px solid #23203f;
}

.hidden {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 0;
    line-height: 0;
}

/* 파일 */
.filebox input {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0, 0, 0, 0);}
.filebox input + label {display:inline-block; line-height:42px; margin-right:5px; padding:0 15px; color:#444; font-size:15px; border:1px solid #444; transition:all 0.3s ease-out;}
.filebox input + label i {position:relative; top:1px; margin-right:3px; color:#222; transform:rotate(90deg); font-weight:500; font-size:16px}
.filebox ul {overflow:hidden; margin-top:5px; padding:17px 15px; background:#f6f6f6; border:1px solid #d9d9d9}
.filebox ul li {position:relative; display:flex; margin-bottom:3px; font-size:14px; color:#666}
.filebox ul li:last-child {margin-bottom:0;}
.filebox ul li .name {display:inline-block; overflow:hidden; width:auto; max-width:calc(100% - 30px); text-overflow:ellipsis; white-space:nowrap;}
.filebox ul li .delete {display:inline-block; width:15px; height:15px; margin:1px 0 0 9px; vertical-align: top;}
.filebox ul li .delete:before, .filebox ul li .delete:after {content:''; display:block; position:absolute; width:11px; height:2px; background:#222;}
.filebox ul li .delete:before {transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.filebox ul li .delete:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} 

.filebox input:hover + label, .filebox input:focus + label { background:#5a5f71; color:#fff;}
.filebox input:hover + label i , .filebox input:focus + label i {color:#fff;}

  @media screen and (max-width:620px) {
    /* 파일 */
    .filebox input + label {padding:0 8px; line-height:36px; font-size:13px}
    .filebox input + label i {margin-right:0px; font-size:15px}
    .filebox ul {margin-top:5px; padding:6px; font-size:13px}
    .filebox ul li {float:none; font-size:13px}
  }

.dash_area .info_box {position:relative; width:480px; height:700px; border-left:1px solid #ccc; overflow-y: auto;}
.dash_area .info_box > li {padding:30px;}
.dash_area .info_box > li + li {border-top:1px solid #ccc}
.dash_area .info_box .data .graph {margin-bottom:20px;}

/* 도시재생 사업현황 - 지도 */
.dash_area {display:flex; flex-flow:row wrap; border:1px solid #cccccc;}
.dash_area .map_box {position:relative; flex:1}
.dash_area .map_box .root_daum_roughmap {width:100%; }
.dash_area .map_box .root_daum_roughmap .map_border, .dash_area .map_box .root_daum_roughmap .wrap_controllers, .root_daum_roughmap .wrap_btn_zoom {display:none !important}
.dash_area .map_box .viewcontrols{z-index:5; position:absolute; top:20px; left:20px; background-color:rgba(255, 255, 255, 0.9); border-radius:7px; line-height:0; font-size:0; box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 15px;}
.dash_area .map_box .viewcontrols button{margin:0; padding:3px 14px 4px; border-width:2px; border-style:solid; border-color:transparent; border-radius:7px; overflow:hidden; vertical-align:top; line-height:22px; color:#363c5a; font-size:15px; letter-spacing:-0.04em; transition-property:border-color, background-color, color, box-shadow; transition-duration:200ms; transition-timing-function:ease-in-out;}
.dash_area .map_box .viewcontrols button.active{border-color:#FFF; background-color:#043d88; color:#FFF; font-weight:600; box-shadow:rgba(0, 0, 0, 0.25) 3px 4px 15px;}

.dash_area .map_box .controlbox {z-index:5; position:absolute; top:100px; left:20px; width:33px;}
.dash_area .map_box .controlbox > * {width:100%; height:33px; margin-bottom:6px; border-radius:7px; background-color:rgba(255, 255, 255, 0.9); box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 8px;}
.dash_area .map_box .controlbox button:before {display:block; width:100%; height:100%; background-repeat:no-repeat; background-image:url('../images/common/ico_map.png'); content:'';}
.dash_area .map_box .controlbox button.btn_zoomin:before {background-position:0px 0px;}
.dash_area .map_box .controlbox button.btn_zoomout:before{background-position:0px -33px;}
.dash_area .map_box .controlbox button.btn_zoomin:hover:before, .dash_area .map_box .controlbox button.btn_zoomin:focus:before {background-position:-33px 0px;}
.dash_area .map_box .controlbox button.btn_zoomout:hover:before, .dash_area .map_box .controlbox button.btn_zoomout:focus:before {background-position:-33px -33px;}
.dash_area .map_box .controlbox .info {display:block; line-height:33px; color:#8e8e8e; font-family:'gmk'; font-size:12px; text-align:center; font-weight:bold;}

.dash_area .map_box .functionbox {z-index:5; position:absolute; top:245px; left:20px; width:33px;}
.dash_area .map_box .functionbox .btn_info {width:100%; height:33px; margin-bottom:6px; border-radius:7px; background-color:rgba(255, 255, 255, 0.9); box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 8px;}
.dash_area .map_box .functionbox .btn_info:before {display:block; width:100%; height:100%; background-repeat:no-repeat; background-image:url('../images/common/ico_map.png'); background-position:0 -66px; content:'';}
.dash_area .map_box .functionbox .btn_info:hover:before, .dash_area .map_box .functionbox .btn_info:focus:before {background-position:-33px -66px;}
.dash_area .map_box .functionbox .btn_info.active:before, .dash_area .map_box .functionbox .btn_info.active:before {background-position:-66px -66px;}
.dash_area .map_box .functionbox > ul {border-radius:7px; background-color:rgba(255, 255, 255, 0.9); box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 8px;}
.dash_area .map_box .functionbox > ul > li > button {width:33px; height:33px; }
.dash_area .map_box .functionbox > ul > li > button:before {display:block; width:100%; height:100%; background-repeat:no-repeat; background-image:url('../images/common/ico_map.png'); content:'';}
.dash_area .map_box .functionbox > ul > li > button.distance:before {background-position:0 -99px;}
.dash_area .map_box .functionbox > ul > li > button.surface:before {background-position:0 -132px;}
.dash_area .map_box .functionbox > ul > li > button.refresh:before {background-position:0 -165px;}
.dash_area .map_box .functionbox > ul > li > button.distance:hover:before {background-position:-33px -99px;}
.dash_area .map_box .functionbox > ul > li > button.surface:hover:before {background-position:-33px -132px;}
.dash_area .map_box .functionbox > ul > li > button.refresh:hover:before {background-position:-33px -165px;}
.dash_area .map_box .functionbox > ul > li > button.distance.active:before {background-position:-66px -99px;}
.dash_area .map_box .functionbox > ul > li > button.surface.active:before {background-position:-66px -132px;}
.dash_area .map_box .functionbox > ul > li > button.refresh.active:before {background-position:-66px -165px;}

.dash_area .map_box .categorybox {z-index:5; position:absolute; top:20px; right:20px; width:65px; border-radius:7px; background-color:rgba(255, 255, 255, 0.9); box-shadow:rgba(0, 0, 0, 0.22) 3px 4px 8px;}
.dash_area .map_box .categorybox > ul > li + li {border-top:1px solid #ebebeb}
.dash_area .map_box .categorybox > ul > li > button {width:100%; height:64px}
.dash_area .map_box .categorybox > ul > li > button:before {display:block; width:100%; height:100%; background-repeat:no-repeat; background-image:url('../images/common/ico_map.png'); content:''}
.dash_area .map_box .categorybox > ul > li > button.person:before {background-position:-99px 0px}
.dash_area .map_box .categorybox > ul > li > button.building:before {background-position:-99px -64px}
.dash_area .map_box .categorybox > ul > li > button.land:before {background-position:-99px -128px}
.dash_area .map_box .categorybox > ul > li > button.person:hover:before, .dash_area .map_box .categorybox > ul > li > button.person:focus:before {background-position:-163px 0px}
.dash_area .map_box .categorybox > ul > li > button.building:hover:before, .dash_area .map_box .categorybox > ul > li > button.building:focus:before {background-position:-163px -64px}
.dash_area .map_box .categorybox > ul > li > button.land:hover:before, .dash_area .map_box .categorybox > ul > li > button.land:focus:before {background-position:-163px -128px}
.dash_area .map_box .categorybox > ul > li > button.person.active:before {background-position:-227px 0px}
.dash_area .map_box .categorybox > ul > li > button.building.active:before {background-position:-227px -64px}
.dash_area .map_box .categorybox > ul > li > button.land.active:before {background-position:-227px -128px}

/* 진주도시재생 - 대시보드 */
.dash_area .tit {display:flex; margin-bottom:20px; justify-content:space-between;}
.dash_area .tit h4 {font-size:18px; font-weight:bold; letter-spacing:-1px; font-family:'gmk'; }
.dash_area .tit h4:before {content:''; position:relative; top:4px; display:inline-block; margin-right:7px; width:20px; height:20px; background:url('../img/assets/ico-anchor-active.svg') 0 0/cover no-repeat;}
.dash_area .tit h4.list:before {background-image:url('../images/jinju/ico_list.png')}
.dash_area .tit .ctrl {display:flex; align-items:center;}
.dash_area .tit .ctrl p {margin:2px 10px 0 0; font-size:14px; color:#777;}
.dash_area .tit .ctrl p em {display:inline-block; padding:0 2px; color:#eb551a}
.dash_area .tit .select {height:32px; font-size:13px; color:#666;}

.dash_area .tit .btn_onoff {overflow:hidden; position:relative; width:50px; height:23px; border-radius:23px;}
.dash_area .tit .btn_onoff .circle, .dash_area .tit .btn_onoff .circle:before, .dash_area .tit .btn_onoff .layer {transition: 0.3s ease all;}
.dash_area .tit .btn_onoff .ckbox {z-index: 3; position:relative; width:100%; height:100%; padding:0; margin:0; opacity:0; cursor:pointer}
.dash_area .tit .btn_onoff .ckbox:checked ~ .layer {background-color: #c1c1c1}
.dash_area .tit .btn_onoff .ckbox:checked + .circle:before {content:''; left:30px; background-color: #fff; }
.dash_area .tit .btn_onoff .circle, .layer {position:absolute; top:0; right:0; bottom:0; left:0;}
.dash_area .tit .btn_onoff .circle {z-index: 2;}
.dash_area .tit .btn_onoff .circle:before {content:''; position:absolute; top:3px; left:4px; width:17px; height:17px; box-sizing:border-box; color:#666; border:1px solid #a9a9a9; font-weight:bold; text-align:center; line-height:1; background-color:#fff; border-radius: 50%; transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.dash_area .tit .btn_onoff .layer {z-index:1; width:100%; background-color: #0097da; transition:0.3s ease all; }

.dash_area .info_box {position:relative; width:480px; height:700px; border-left:1px solid #ccc; overflow-y: auto;}
.dash_area .info_box > li {padding:30px;}
.dash_area .info_box > li + li {border-top:1px solid #ccc}
.dash_area .info_box .data .graph {margin-bottom:20px;}

/* 테이블 스타일 - 03 */
.small_table {width:100%; border-top:2px solid #222; text-align:center; font-size:13px}
.small_table tbody tr th,.small_table tbody tr td {padding:6px 20px; border:1px solid #dadde0; border-width:1px 1px 0 1px; letter-spacing:-0.5px; color:#666;}
.small_table thead tr th {padding:8px 20px; background:#fcf6f2; font-weight:bold; border:1px solid #dadde0; border-width:1px 1px 0 1px; color:#333 }
.small_table thead tr:first-child th {}
.small_table tbody tr th,.small_table tfoot tr th {background:#f7f7f7; color:#333; font-weight:500; line-height:1.6; color:#666;}
.small_table tr th:first-child,.small_table tr td:first-child{border-left:none}
.small_table tr th:last-child,.small_table tr td:last-child{border-right:none}
.small_table tbody tr th span {}
.small_table tbody tr th span:before {content:''; position:relative; top:3px; display:inline-block; width:12px; height:12px; margin:2px 5px; border-radius:50%}
.small_table tbody tr th span.yellow:before {background-color:#ffb400}
.small_table tbody tr th span.green:before {background-color:#00a06d}
.small_table tbody tr th span.orange:before {background-color:#eb551a}
.small_table tbody tr th span.navy:before {background-color:#2b449f}
.small_table tbody tr th span.gray:before {background-color:#666666}
.small_table tbody tr th span.sky:before {background-color:#0097da}
.small_table tbody tr th span.lightgreen:before {background-color:#62bd00}
.small_table tbody tr th span.pink:before {background-color:#f62e7e}
.small_table tbody tr th span.purple:before {background-color:#ae00ff}
.small_table tbody tr th span.red:before {background-color:#ca2424}

/* 테이블 스타일 - 01 */
.table {width:100%;border-bottom:1px solid #dadde0; text-align:center;}