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

.paging {
	margin: 10px 0 !important;
}

.paging ul {
    margin: 0 10px !important;
}

.paging .on {
    border: 1px solid #00468b;
    background: #0053a5;
    color: #fff;
    cursor: default;
}

.paging a, .paging button, .paging .on {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-bottom: 4px;
    margin-left: 2px;
    border: 1px solid #cccccc;
    line-height: 41px;
    font-size: 16px;
}

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;}
.v_align {display:table-cell; vertical-align:middle;}

/* accordion css */
.accordion {
/* 	background-color: #f5f4f4; */
/*     color: #444; */
    cursor: pointer;
    padding: 18px;
    width: 100%;
/*     border: none; */
    text-align: left;
    outline: none;
/*     font-size: 15px; */
    border: 1px solid #d7d7d7;
    background: #f8f8f8;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    color: #353535;
}

.accordion .active, .accordion:hover {
  	background-color: #ccc;
}

.accordion .accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.accordion .active:after {
	content: "\2212";
}

.asset-header{
	box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06);
}

.asset-main{
	position: relative;
	width: 100%; 
	height: 100%;
}

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

.asset-main-content input.text {height:42px;padding:0 7px;border:1px solid #d4d4d4;}
.tree .input {position:relative;display:inline;}
.asset-side{
	width: 420px;
	height: 100%; 
	overflow-y: auto; 
}

.asset-map-view{
	width: 100%; 
	height: 100%; 
	position: absolute; 
	z-index: 1;
}

.asset-base-map-view{
	width: 100%; 
	height: 100%; 
	position: absolute; 
	z-index: 0;
}

.asset-paging-c {
	justify-content: center;
	padding: 10px;
}

.asset-btn {
	width: 100px;
	font-size: 13px !important;
}

.asset-btn-div {
    flex-wrap: wrap;
    margin-top: auto;
    padding: 20px 0 20px 0;
    text-align: center;
}

.asset-marker-tree-span {
	position: relative;
	margin-left : 10px;
}

.asset-marker-tree-p {
    font-size: 4pt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    color: white;
    text-align: center;
}

.local-panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow-y: auto;
	overflow-y:auto; 
}

.local-panel-main {
	background-color: white;
	max-height: 0;
	overflow-y: auto;
	overflow-y:auto; 
	font-size: 14px;
}

.local-sign-btn {
	/* 
    
    font-size: 13px !important;
    background:#043e88; color:#fff;
    width: 130px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.3s ease-out; */
    
    margin-left: 5px;
    padding: 0 8px;
    background: #19a1de;
    color: #fff;
    border-radius: 7px;
    border: 2px solid #fff;
    box-shadow: rgb(0 0 0 / 22%) 3px 4px 15px;
    font-size: 13px;
}

.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;
}

.local-search-div {
	position: absolute !important;
    z-index: 4;
    top: 65px;
    left: 170px;
	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;
}

.local-list-lines{
	border-bottom: 1px solid #ddd;
    padding: 5px;
    line-height: 0.9;
    cursor:pointer;
    font-size: 14.5px;
    color: #666;
}

.local-list-row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}

.sidenav {
 	height: 100%; 
	width: 0;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	display: none;
	width: 420px;
}

.sidenav .closebtn {
	position: absolute;
	top: -10px;
	right: 5px;
	font-size: 36px;
	margin-left: 50px;
	color : black;
	z-index : 2;
}

/* .sidenav .content {
	padding-right: 10px;
	margin-bottom: 26px;
} */

.tree .treeF-checkbox {
    display:none;
}

.tree .treeF-checkbox:checked~ul {
    display:none;
}

.tree .tree-cb{
	margin: 5px;
    position: relative;
}

ul.tree, ul.tree ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
/*     font-weight: 500; */
    line-height: 1.6;
    color: #666;
}

ul.tree ul {
	margin-left: 25px;
}

ul.tree li {
	margin: 0;
	padding: 0 12px;
	line-height: 12px;
}

.namingTitle{
	border-left: 5px solid rgb(0 150 255); 
	padding: 0 10px 0 6px; 
	margin-left: 6px; 
	font-weight: 500;
	font-size: 18px;
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.3px;
    line-height: 1.8;
}

*, ::after, ::before {
	box-sizing: border-box;
}

.list li {
  line-height: 32px;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Noto Sans KR';
  color: #1f1f1f;
  margin: 0;
  letter-spacing: 0.5px;
}

h1,
.h1 {
  font-size: 3.14285714em;
  line-height: 1.31818182em;
}
h1:not(:last-child),
.h1:not(:last-child) {
  margin-bottom: 20px;
}

h2,
.h2 {
  font-size: 2.35714286em;
  line-height: 1.36363636em;
  font-weight: 500;
}
h2:not(:last-child),
.h2:not(:last-child) {
  margin-bottom: 16px;
}

h3,
.h3 {
  font-size: 1.78571429em;
  line-height: 1.5em;
  font-weight: 500;
}
h3:not(:last-child),
.h3:not(:last-child) {
  margin-bottom: 12px;
}

h4,
.h4 {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
  font-weight: 600;
}
h4:not(:last-child),
.h4:not(:last-child) {
  margin-bottom: 8px;
}

h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
  font-weight: 500;
}
h5:not(:last-child),
.h5:not(:last-child) {
  margin-bottom: 6px;
}

h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
  font-weight: 500;
}
h6:not(:last-child),
.h6:not(:last-child) {
  margin-bottom: 6px;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}

.form-group {
	margin-bottom: 1rem;
}

.form-group > label {
  display: block;
}

.form-group label:not(.error) {
  font-size: 16px;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-bottom: 4px;
  color: #777777;
  padding-left: 16px;
}

/* 탭 */
.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;
}

.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;
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	align-items: center;
}

.col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	
#assetBody .searchbox{
	z-index: 5;
    position: absolute;
    top: 20px;
    left: 170px;
    display: flex;
}

/* 페이징 */
#assetBody .paging {
	padding : 0;
	text-align:center;
}

#assetBody select.select{
	height: 32px;
    font-size: 13px;
    color: #666;
}

#assetBody .paging a, #assetBody .paging .on {width:30px; height:30px; line-height:30px; font-size:16px}

#asset_sidePagination{
	margin: 10px;
}

#asset_sideSearchArea > .table{
	border-bottom : 0px;
}

/* 뷰화면 */
#local_sidenav .layer_area{
	border-radius: 0px;
}

#local_sidenav .layer_area.event_list {
    max-width: 400px;
}

#local_sidenav .layer_area .con .ovf {height:100%; max-height:calc(100vh - 175px); padding:25px}

/* 뱃지 */
.badge {
	display: inline-block;
	padding: .25em .4em;
 	font-size: 14px; 
	font-weight: 500;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem
}

.badge-warning {
	color: white;
	background-color: #e99e1e !important;
}

.badge-dark {
	color: white;
	background-color: #eb551a !important;
}

/* 등록화면 */
#local_sidenav .layer_area .tab_update .tit {
    height: 70px;
    padding: 0px;
    background: white;
    color: black;
    font-size: 16px;
    letter-spacing: -1px;
}

/* slick */
/* #local_sidenav .slick-img{
	max-height:100%;
	max-width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#local_sidenav .layer_area.event_list .con .thum .list {
	overflow:hidden;
	width:100%;
	max-height:245px;
}

#local_sidenav .layer_area.event_list .con .thum { 
	height:245px;
	width:335px;
	position: relative;
} */

/* #local_sidenav .layer_area.event_list .con .thum .list .slick-slide img{
	position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 345px;
    transform: translate(-50%,-50%);
} */

#local_sidenav .layer_area.event_list .con .thum .list .slick-slide{
	overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    padding-top: 0;
	height:245px;
    background: #ddd;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.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/icons/cross.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; }	
}

/* 파일 */
.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}
  }

  
 .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; }

.btn_navy {
    background: #1f4da5 !important;
    color: #fff !important;
}

.mb10 {
	margin-bottom: 10px;
}
.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;}

.bg_orange {
    background: #eb551a !important;
    color: #fff !important;
}

.btn_dpbk {
    background: #353c47 !important;
    color: #fff !important;
}
.bg_yellow {background:#e99e1e !important; color:#fff !important}
 
.t_center {
    text-align: center !important;
}