/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@import url('style.ext.css');
body{
	font-family: '맑은 고딕', sans-serif;
	font-size:0.9rem;
	letter-spacing:-0.03rem;
}
.breadcrumb-item a{
	color:#555;
}
.breadcrumb-item a:hover{
	color:#000;
}
p{
	margin-bottom:0;
	font-size:13px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-right: 5px;
    padding-left: 5px;
}
button{
	outline:none;
}
button:focus{
	outline:none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon{
	font-size:12px;

}
.sidebar{
	background: #4a4e5a;
	padding-top:0.5rem;
}
/*좌측 메뉴 사이드바 크롬*/
.sidebar::-webkit-scrollbar{
	width:8px; height:8px;
}
.sidebar::-webkit-scrollbar-thumb{
	background-color:#24282d;
}
.sidebar::webkit-scrollbar-track{
	background-color:#494e53;
}
[class*=sidebar-dark-]{background-color:#4a4e5a;}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: #fff;
    color: #222;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #fff;
	padding: 0.73rem 0.5rem;
}
.layout-navbar-fixed.layout-fixed .wrapper .sidebar{margin-top:3px;}
.sidebar-tit{
	width:100%; 
	height:50px;
	color:#fff;
	line-height:50px;
	padding-left:15px;
	font-size:18px;
	font-weight:bold;
}
.blind{
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	margin:-1px;
	width:1px;
	height:1px;
}
.navbar-expand .navbar-nav .nav-link{
    padding-left: 0.75rem;
	padding-right:0.75rem;
	font-weight:bold;
}
.main-header .navbar-nav .nav-item .nav-btn{
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	margin-left:5px;
	padding:0 15px;
	height:31px;
	line-height:29px;
	border-radius:16px;
	color:#fff;
	background:#2a4a9b;
}
.main-header .navbar-nav .nav-item:last-child .nav-btn{
	background:#3e4a55;
}
.brand-link .brand-image{
	margin-top:0;
	margin-right:2px
}
.pub-custom-wrapper .content-wrapper{
	background:#f4f6f9;
}
.card.history-tabs-custom .card-header{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-sidebar .nav-link p{
	font-size:13px;
	font-weight:bold;
	padding-left: 20px;
}
.nav-sidebar .menu-tit{
	padding-left:48px;
	
}
.nav-sidebar .menu-tit p{
	position:relative;
	padding-left:0px;
}
.sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active {
    border-color: #4ab957;
}
.nav-sidebar>.nav-item .nav-icon.far{
	font-size:0.9rem;
}
.small-icon{
	font-size:0.8rem !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #3C69DD;
    color: #fff;
}
.pub-custom-wrapper .navbar-light .navbar-nav .active>.nav-link{
	color:#4ab957;
}
.card.history-tabs-custom .nav-tabs .nav-link{
	border-radius:0;
	border:0;
}
.card.history-tabs-custom .nav-tabs{
	border-bottom:1px solid #d3d5d9;
	margin-top:-1px;
}
.card.history-tabs-custom .nav-tabs li{
	border-right:1px solid #d3d5d9;
	margin-bottom:0;
}

.card.history-tabs-custom .nav-tabs li .nav-link{
	color:#6c757d;
	font-size:12px;
	vertical-align:middle;
	padding: 0.45rem 0.4rem 0.35rem 0.6rem;
}
.card.history-tabs-custom .nav-tabs li .nav-link.active{
	color:#333;
}
.main-header .navbar-nav + .form-inline .input-group{
	width:200px;
}
.card.history-tabs-custom{
	border-radius: 0;
    box-shadow: none;
	background:#e4e6e9;
}
.history-tab-inner-container-wrap >.content {
    padding: 0 .5rem;
}
.card.history-tabs-custom .nav-tabs .nav-item.show .nav-link,
.card.history-tabs-custom .nav-tabs .nav-link.active{
	background-color: #fff;
    border-color: #dee2e6 #dee2e6 #f4f6f9;
}
.card.history-tabs-custom .nav-tabs .nav-link.active{
	padding-right:5px;
}
.text-sm .btn.history-custom-cancel-btn,
.history-custom-cancel-btn{
	font-size: 0.7rem !important;
    padding: 0 5px;
    margin-left: 5px;
    height: 20px;
    vertical-align: top;
    z-index: 1;
}
.card.history-tabs-custom .nav-tabs .nav-link.active .history-custom-cancel-btn{
	display:inline-block;
}
.card.history-tabs-custom .nav-tabs .nav-link .history-custom-cancel-btn i{
	color:#676b71;
}
.col-dash-custom{
    position: absolute;
    right: -9.5px;
    font-size: 12px;
    top: 50%;
    text-align: center;
    width: 20px;
    transform: translateY(-50%);
}
.required-form{
	color: #ff0000 !important;
	padding-left:3px !important;
}
.text-underline-custom{
	text-decoration:underline !important;
}
.p-0 .jsgrid-grid-header{
	border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}
/*table 그리드 테이블스타일과 맞추기*/
.card-body>.table{
}
.card-body>.table.table-bordered>thead>tr>td{
    border-top-width: 1px;
	background: #f9f9f9;
}
.card-body>.table.table-bordered>thead>tr>th {
    border-top-width: 1px;
	background: #a6b1ac;
}
.table-bordered thead td,
.table-bordered thead th,
.table-bordered tbody td,
.table-bordered tbody th{
    border-bottom-width: 1px;
	padding: 0.25rem 0.65rem;
	vertical-align:middle;
	word-break: keep-all;
	font-size:12px;
	line-height:2;
}
.table.table-head-fixed thead tr:nth-child(1) th{
	background: #f1f1f1;
	color:#333;
	top: -1px;
}
.table thead th{
	background:#f3f3f3;
	padding: 0.2rem 0.5rem;
	font-size:13px;
}
.table-bordered thead td,
.table-bordered tbody td{
    border-bottom-width: 1px;
	padding: 0.15rem 0.5rem;
	vertical-align:middle;
	word-break: keep-all;
	font-size:12px;
}
/*icheck영역 배경색채우기*/
[class*=icheck-]>input:first-child+input[type=hidden]+label::before,
[class*=icheck-]>input:first-child+label::before{
	background:#ffffff;
}

/*display block처리 되어있는것 안에 label들 가운데정렬*/
[class*=icheck-].d-block>label{
	vertical-align:middle;
}
/*트리뷰커스텀*/
.nav-sidebar.custom-treeview-nav .menu-open>.nav-treeview li{
	float:left;
	width:100%;
}

.w-1030{
	max-width:1030px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

.navbar-light .btn-navbar, .navbar-light .form-control-navbar{
	border-radius:16px;
}
.navbar-light .form-control-navbar+.input-group-append>.btn-navbar{
	border-top-right-radius: 16px;
	border-bottom-right-radius:16px;
}

/*컨텐츠 탭커스텀*/
.custom-contents-tab{
	
}
.custom-contents-tab .nav-tabs{
}
.custom-contents-tab .tab-content{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding-top: 15px;
	border-top:1px solid #d7d7d7;
	margin-top:-1px;
}
.custom-contents-tab .nav-tabs .nav-link{
	background:#e9ebed;
	color:#6c757d;
	border-top:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-radius:0;
}
.custom-contents-tab .nav-tabs .nav-item{
	margin-left:5px;
	position:relative;
	width:120px;
	text-align:center;
}
.custom-contents-tab .nav-tabs .nav-item:first-child{
	margin-left:0px;
}


.custom-contents-tab .nav-tabs .nav-link:focus,
.custom-contents-tab .nav-tabs .nav-link:hover{
	box-shadow:0;
}
.custom-contents-tab .nav-tabs .nav-link.active{
	position:relative;
	color:#495057;
	border-left:0;
	border-right:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #f4f6f9;
	background-color:#f4f6f9;
}
.custom-contents-tab .nav-tabs .nav-link.active:before,
.custom-contents-tab .nav-tabs .nav-link.active::before{
    content: '';
    height: 3px;
    width: 100%;
    background: #3C69DD;
    position: absolute;
    top: -1px;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/*화면 페이지변형*/
.pagination{
	align-items: center;
    justify-content: center;
}
.jsgrid-pager-container{
	text-align:center;
	margin-top: 1rem;
}
.jsgrid-pager-container .jsgrid-pager{
	    display: inline-block;
}

/*그리드 페이지 + 페이징부분변형*/
.jsgrid-pager-nav-button {
    padding: .4070rem .75rem;
    margin-left: -5px;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.jsgrid-pager-nav-button + .jsgrid-pager-page{
	 margin-left: -5px;
}
.jsgrid-pager-page {
    padding: .4070rem .75rem;
    margin-left: -1px;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/*select와 라인맞춤*/
.card-title-lineheight{
	line-height:2;
}

/*footer 폰트 축소*/
.main-footer{
	font-size:12px !important;
}

/*파일찾기*/
.custom-file-label::after{content: "찾기";}

/*modal popup*/

.modal-content{
	box-shadow:none;
}

.modal-body{
	padding:0rem 1rem 0rem 1rem;
}


.modal-title {
	font-size:1.2rem;
	line-height:2;
	font-weight:bold;
}

.pop-form .taleForm{
	width:100%; 
	border-top:1px solid #333; 
	font-size:0.9rem;
}

.pop-form .taleForm th{
	background:#f2f2f2;
	padding:10px; 
	font-weight:500;
	width:18%;
}

.pop-form .taleForm tr{
	border-bottom:1px solid #ddd;
}

.pop-form .taleForm tr label{
	font-weight:500;
}

.pop-h3{
	font-size:14px; 
	font-weight:500; 
	margin-bottom:0.5rem; 
	letter-spacing:-0.05rem;
}

.form-P{
	padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.tableBlue{
	color:#0459c1;
}

.tableRed{
	color:#dc3545;
}

.modal-footer{
	border-top:none;
	display:inline-block;
	text-align:center;
}


.pop-form .taleForm tr th.tableWidth25{
	width:25%;
}

/*table th fixed 2번째 tr*/
.table.table-head-fixed thead tr:nth-child(2) th {
  box-shadow:  inset 0 -1px 0 #dee2e6;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  z-index: 10;
}

.input-group-text{
	padding:0 0.5rem;
}
.text-sm .content-header{
	padding: 15px 0 10px;
}
.text-sm .content-header h1{
	font-size:16px;
	font-weight:bold;
}
.form-group{
	margin-bottom:10px;
	font-size:12px;
}
.form-control{
	font-size: 12px;
	height:30px;
	padding:0 0 0 3px;
	vertical-align:middle;
}
.form-control-sm{
	height:calc(1.8125rem + 2px);
}
.card{
	margin-bottom:0.5rem;
}
.card-header{
	padding: 7px 10px 7px 15px;
}
.card .card-header .card-title{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}
.card-body{
	padding:15px;
}

.input-group .btn {
	letter-spacing: -0.05rem;
	height: 30px;
	font-size: 14px;
	padding: 0 10px 0 10px;
}


.card-footer{
	padding: 10px 15px;
}

.jsgrid-header-row>.jsgrid-header-cell{
	font-size:14px;
	height:32px;
	background:#a6b1ac;
	color:#fff;
}

.card-body td .btn{
	font-size:12px !important;
	padding:1px 5px; /*20250103 0->1px 수정*/
	line-height:2;
}

.form-group .row .btn{
	height:30px;
	padding:0;
}

.modal-body .row .card-title{
	font-size:14px;	
}

.modal-header {
    padding: 1rem 0.8rem 0.3rem 0.8rem;
    border-top: 2px solid #3C69DD;
    border-bottom: none;
}


.modal-body .pop-form .form-horizontal .table-responsive .taleForm tr th{
	font-size:14px;
}
.modal-body .pop-form .form-horizontal .table-responsive .taleForm tr td{
	font-size:14px;
}

/*jgGrid*/
.jsgrid-grid-header{
	background:#a6b1ac;
	color:#fff;
	border:1px solid #dee2e6;
}
aside a img{
	border:none !important;
}

ul, li{
	list-style:none;
}


/*spinner*/
.number-spinner {
  max-width: 150px;
  line-height: 36px;
  padding: 0;
  margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: 1px solid #bbbbbb;
  overflow: hidden;
  position: relative;
  display: table;
}
.number-spinner input {
  height: 36px;
  max-height: 36px;
  line-height: 36px;
  font-size: 1em;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  float: left;
  border-radius:0;
  width: 100%;
  text-align: center;
  border-left:1px solid #bbbbbb;
  border-right:1px solid #bbbbbb;
}
.number-spinner input:focus {
  outline: none;
}
.number-spinner .ns-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
}
.number-spinner .ns-btn a {
  height: 36px;
  min-height: 36px;
  width: 36px;
  padding: 0;
  max-width: 36px;
  line-height: 36px;
  border-radius: 0;
  border: none;
  text-align: center;
  position: relative;
  background: #ffffff;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  position: relative;
}
.number-spinner .ns-btn .icon-minus:after,
.number-spinner .ns-btn .icon-minus::after{
	content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../img/icon_btn.png) -80px -208px no-repeat;
    background-size: 250px;
    margin-top: -6px;
    margin-left: -6px;
}
.number-spinner .ns-btn .icon-plus:after,
.number-spinner .ns-btn .icon-plus::after{
	content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../img/icon_btn.png) -105px -208px no-repeat;
    background-size: 250px;
    margin-top: -6px;
    margin-left: -6px;
}

/*type2 table*/
.tbl-wrap{
	overflow:hidden;
	width:100%;
	border-top:1px solid #282828;
	text-align:center;
}
.tbl-wrap table{
	margin-left:-1px;
}
.tbl-wrap table.tbl-base{
	width:100%;
	border-collapse:collapse;
}
.tbl-wrap table.tbl-base.small thead th{
	background:#f7f7f7;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	font-size:12px;
	font-weight:350;
	height:34px;
	padding:0 15px;
}
.tbl-wrap table.tbl-base.small tbody th,
.tbl-wrap table.tbl-base.small tbody td{
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	font-size:12px;
	font-weight:350;
	height:34px;
	color:#5d5d5d;
	padding:5px 15px;
	text-align:center;
}

.gift-view-wrap caption{
	text-indent:-100000px;
	font-size:0;
	width:1px;
	height:1px;
	padding:0;
}/*safari_테이블캡션숨김*/

.gift-view-wrap ul, 
.gift-view-wrap li, 
.gift-view-wrap table{
	padding:0;
	margin:0;
}

/*dashboard*/
  .dashboard-wrap{
	width:1640px;
	max-width:none !important;
	padding-left:20px !important;
	margin-left:0;
  }

.dashboard-card-body{
	min-height:325px;
}

  .card.boardbox{
	margin-right:20px;
	margin-bottom:15px;
	width:520px;
  }
  .card.boardbox .card-body.ver1{
	background:url(../img/main_icon1.png) 15px 15px no-repeat;
	height:120px;
  }
  .card.boardbox .card-body.ver2{
	background:url(../img/main_icon2.png) 15px 15px no-repeat;
	height:120px;
  }
   .card.boardbox .card-body.ver3{
	background:url(../img/main_icon3.png) 15px 15px no-repeat;
	height:120px;
  }
  
  .card-body .boardbox1{
	width:200px;
  }
   .card-body .boardbox1 li {
		position:relative;
		text-decoration:none !important;
		width:350px;
		padding-left:20px;
		margin-top:15px;
   }
  .card-body .boardbox1 li:before{
	content:'';
	position:absolute;
	top:9px;
	left:10px;
	width:3px;
	height:3px;
	background:#888;
  }
  .card-body .boardbox1 li span{
	float:right;
	margin-top:-6px;
  }
  .card-body .boardbox1 li span strong{
	font-size:20px;
  }
  .card-body .boardbox1{
	padding-left:120px;
  }

  .dashboardTable{
	width:100%;
	table-layout:fixed;
  }
  table.dashboardTable th{
	font-size:14px;
	height:32px;
	background:#a6b1ac;
	color:#fff;
	border:1px solid #dee2e6;
}
table.dashboardTable tr{
	border:1px solid #dee2e6;
}
table.dashboardTable td{
	font-size:13px;
	border-right:1px solid #dee2e6;
	height:38px;
	padding:0 5px;
}
table.dashboardTable tr:nth-child(even){
	background:#f3f3f3;
}

.top-border{
	border-top:2px solid #4ab957;
}

.breadcrumb-item+.breadcrumb-item::before{
	content:'>';
	font-family:'돋움';
}
.sidebar-dark-primary .nav-sidebar.nav-legacy>.nav-item>.nav-link.active{
	background:#3C69DD;
	border-color: #3C69DD;
}
.text-overflow{
	/* 한 줄 자르기 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*조회 table*/
table.filter-table{
	width:100%;
	table-layout:fixed;
	font-size:14px;
  }
table.filter-table th{
	background:#f3f3f3;
	border:1px solid #dee2e6;
	padding-left:10px;
	width:200px;
	font-size:13px;
}
table.filter-table tr{
	border:1px solid #dee2e6;
}
table.filter-table td{
	border-right:1px solid #dee2e6;
	background:#fff;
	padding:3px;
}

.borderR-left-0{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.borderR-right-0{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

/*상세페이지 table*/
table.detailTable{
	width:100%;
	table-layout:fixed;
	background:#fff;
  }
/*20250103 삭제
.detailTable td button.btn{
	line-height:1;
	vertical-align:top;
}*/
.detailTable td button.btn i{
	line-height:28px;
}
table.detailTable th{
	background:#f1f1f1;
	border:1px solid #dee2e6;
	padding-left:10px;
	font-weight:bold;
	line-height:2;
	font-size:12px;
}
table.detailTable tr{
	border:1px solid #dee2e6;
}
table.detailTable td{
	border-right:1px solid #dee2e6;
	padding:8px 10px;
	font-size:12px;
	vertical-align:middle;
}
table.detailTable td span{
	vertical-align:middle;
}

/*라디오박스 커스텀*/
.custom-radio>input[type=radio]{
    display:none;
}
.custom-radio>input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 26px;
    padding-left: 26px;
    position:relative;
	margin-bottom:0;
}
.custom-radio>input[type=radio] + label:before, .custom-radio>input[type=radio] + label::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    border-radius: 30px;
    border: 1px solid #bbb;
    background: #fff;
}

.custom-radio>input[type=radio]:checked + label:after, .custom-radio>input[type=radio]:checked + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border-left: none;
    border-top: none;
    background-color: #3C69DD;
}

/*키워드 체크박스 커스텀*/
.keyword-checkbox>input[type=checkbox]{
	display:none;
}
.keyword-checkbox>input[type=checkbox] + label { 
	display: inline-block; 
	cursor: pointer;
	padding:5px 12px;
	border-radius:20px;
	background:#fff;
	color:#888;
	border:1px solid #c2c3c7;
	margin-left:3px;
	font-weight:400;
	margin-bottom:3px;
}
.keyword-checkbox>input[type=checkbox]:checked + label,
.keyword-checkbox>input[type=checkbox]:checked + label{
	background:#3C69DD;
	color:#fff;
	border:1px solid #3C69DD;
}

/*키워드 라디오 커스텀*/
.keyword-radio>input[type=radio]{
	display:none;
}
.keyword-radio>input[type=radio] + label { 
	display: inline-block; 
	cursor: pointer;
	padding:5px 12px;
	border-radius:20px;
	background:#fff;
	color:#888;
	border:1px solid #c2c3c7;
	margin-right:3px;
	font-weight:400;
	margin-bottom:0;
}
.keyword-radio>input[type=radio]:checked + label,
.keyword-radio>input[type=radio]:checked + label{
	background:#3C69DD;
	color:#fff;
	border:1px solid #3C69DD;
}

/*체크박스 커스텀*/
.custom-checkbox>input[type=checkbox]{
	display:none;
}
.custom-checkbox>input[type=checkbox] + label { 
	display: inline-block; 
	cursor: pointer;
	line-height: 20px;
	padding-left: 26px;
	position:relative;
	margin-bottom:0;
}
.custom-checkbox>input[type=checkbox] + label:before,
.custom-checkbox>input[type=checkbox] + label::before{
	content:'';
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #bbb;
	background:#fff;
}
.custom-checkbox>input[type=checkbox]:checked + label:before,
.custom-checkbox>input[type=checkbox]:checked + label::before{
	border:1px solid #3C69DD;
	background-color:#3C69DD;
}
.custom-checkbox>input[type=checkbox]:checked + label:after,
.custom-checkbox>input[type=checkbox]:checked + label::after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 9px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px,4.5px) rotate(45deg);
    -ms-transform: translate(7.75px,4.5px) rotate(45deg);
}




/*검색 조회 확인 취소 버튼*/
.search{
	width:100px;
}
.btn-main {
    color: #fff;
    background-color: #264db2;
    border-color: #264db2;
    box-shadow: none;
}
.btn-main:hover {
    color: #fff;
    background-color: #153997;
    border-color: #153997;
    box-shadow: none;
}
.btn-main2{
	color: #fff;
    border-color: #6c757d;
	background:#6c757d;
    box-shadow: none;
}
.btn-main2:hover {
  color: #fff;
    border-color: #556069;
	background:#556069;
    box-shadow: none;
}

.btn-round-gray {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
	width:120px;
	border-radius:18px;
}
.btn-round-gray:hover {
    color: #fff;
    background-color: #556069;
    border-color: #556069;
    box-shadow: none;
}
.btn-round-red{
	color: #fff;
    border-color: #dc3545;
	background:#dc3545;
    box-shadow: none;
	border-radius:18px;
	width:120px;
	padding:0.375rem 0;
}
.btn-round-red:hover {
 	color: #fff;
    border-color: #ca293a;
	background:#ca293a;
    box-shadow: none;
}


.btn-main3{
	color: #666;
    border-color: #666;
	background:#fff;
    box-shadow: none;
}
.btn-main3:hover {
  color: #000;
    border-color: #000;
	background:#fff;
    box-shadow: none;
}

.btn-primary {
	color: #ffffff;
	background-color: #3C69DD;
	border-color: #3C69DD;
	box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
	color: #ffffff;
	background-color: #2f5acb;
	border-color: #2e58c5;
}
.btn-new {
	color: #2c42b3;
	background-color: #e4ecff;
	box-shadow: none;
	border: 1px solid rgba(93,119,251,0.2);
}
.btn-new:hover, .btn-new:focus, .btn-new.focus {
	color: #2c42b3;
	background-color: #d5e1ff;
	border: 1px solid rgba(93,119,251,0.3);
}
.btn-sky{
	color:#fff;
	background:#68c0f5;
}
.btn-sky:hover, .btn-sky:focus, .btn-sky.focus {
	color: #fff;
	background-color: #5db5ec;
}
.btn-red{
	color: #d53c82;
    background-color: #fff2f6;
	border: 1px solid rgba(220,53,129,0.1);
}
.btn-red:hover, .btn-red:focus, .btn-red.focus {
	color: #d53c82;
    background-color: #fbeaf0;
	border: 1px solid rgba(220,53,129,0.2);
}
.btn-gray{
	color: #666;
    background-color: #f3f5f9;
	border: 1px solid rgba(0,0,0,0.1);
}
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus {
	color: #222;
    background-color: #f3f5f9;
	border: 1px solid rgba(0,0,0,0.2);
}




/*pagenation 스타일*/
.page-link{
	color:#222; 
	font-size:12px; 
	text-align: center;
}
.page-item:last-child .page-link{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item.active .page-link{
	z-index: 3;
    color: #fff;
    background-color: #3C69DD;
    border-color: #3C69DD;
}

/*copyrigt 업체명 색상*/
.main-footer strong a{
	color:#222;
}
.custom-header{
	border-top:2px solid #222;
}
.btn-default {
    background-color: #fff;
    border-color: #ddd;
    color: #444;
}
table .btn-default{
	background-color: #f8f9fa;
}

/*상세페이지 타이틀*/
.box-title{
	position:relative;
	padding-left:10px;
	letter-spacing:-0.05rem;
	margin-bottom: .7rem;
	font-size:0.9rem;
	font-weight:bold;
}
.box-title:before{
	content:'';
	display:block;
	background:#3C69DD;
	width:3px;
	height:14px;
	border-radius:2px;
	position:absolute;
	top:3px;
	left:0px;
}

.input-group-text{
	padding: 0 8px;
}

.table-input{
	width:220px;
}
.table-wide-input{
	width:450px;
}
.table-small-input{
	width:65px;
}
.p-detail{
	min-height:200px;
	font-size:12px;
}
.w-medium{
	width:200px;
}
.img-box{
	width:200px;
	display:inline-block;
	background:url(../img/no-image.png)no-repeat;
	height:200px;
	margin:5px 0;
	text-align:center;
}
.img-box img{
	height:100%;
	width:100%;
	margin:0 auto;
	object-fit: contain;
}
.w-half{
	width:47%;
}
select.w-number-medium,
select.w-small,
input.w-number-medium,
input.w-small{
	display:inline-block;
}
.w-number-medium{
	width:120px;
}
.w-large{
	max-width:450px;
}
.w-small{
	width:60px;
}
textarea.h-medium{
	height:100px;
}
.thumImg{
	width:200px;
	height:200px;
}
.shopImg{
	width:500px;
	height:500px;
}
.shopImg img{
	width:100%;
}
.thumImg img{
	width:100%;
}
.guide{
	color:#d72b4c;
	font-size:12px;
	vertical-align:middle;
}
.guide-default{
	color:#666;
	font-size:12px;
	vertical-align:middle;
}
select.w-medium, input.w-medium{
	display:inline-block;
}

.text-sm button.btn-small {
    font-size: 12px !important;
    padding: 0px 5px;
    line-height: 2;
}

.text-line{
	line-height:2;
}


.scroll-300{
	max-height:300px;
	overflow-y:scroll;
	border:1px solid #ddd;
	background:#fafafa;
	padding:10px;
}







.custom-file-label{
	height:30px;
}

.custom-file-label::after{
	height:28px;
	line-height:28px;
	padding: 0 10px;
}


.badge-info{
	right:1rem !important;
	background:#fff;
	color:#222;
}
.badge-tab-info{
	background:#222;
	color:#fff;
	margin-top:0.2rem;
}

/*table style*/
.table{
	margin-bottom:0;
}
.table-layout{
	table-layout: fixed;
}	

.table td p{
	margin-bottom:0;
}

/*정산 테이블*/
.calculate-table{
	border:1px solid #dee2e6;
	background:#fff;
	width:100%;
	margin-bottom:1rem;
}

.calculate-table th{
	color:#343a40;
}
.calculate-table th,
.calculate-table td{
	padding:7px 10px;
}
.calculate-table td{
	border-right:1px solid #dee2e6;
}
table thead th.top-bg{
	background:#92979b;
	border:1px solid #808387;
	color:#fff;
	font-size:12px;
}

table tr .bottom-bg{
	background: #dddedf;
    border: 1px solid #b8bdc1;
	color:#444;
	font-size:12px;
}


.text-title{
	font-size:0.9rem;
	font-weight:bold;
}
.guide-list{
	padding:0;
	font-size:12px;
}
.guide-list li{
	padding-left:12px;
	line-height:1.8;
	position:relative;
}
.guide-list li:before{
	width:3px;
	height:3px;
	content:'';
	display:block;
	position:absolute;
	background:#d72b4c;
	margin-top:-2px;
	top:50%;
	left:3px;
}

/*알림톡관리 tab*/
.small-tabs li a{
	color:#222;
	font-size:14px;
	padding-right:1rem;
	padding-left:1rem;
	border-right:1px solid #ddd;
}
.small-tabs li a.active{
	color:#d72b4c;
}
.small-tabs li a.line-none{
	border-right:0;
}
.table-responsive{
	background:#fff;
	height:330px;
	overflow-y: auto;
}

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
    min-height: 300px;
}

.text-red a{
  color: #dc3545 !important;
}

.text-blue a{
  color: #007bff !important;
}

.text-orange a{
  color: #fd7e14 !important;
}
.text-gray-dark a{
  color: #343a40 !important;
}


.phone-box td{
	height:30px;
	padding:0 !important;
	font-size:12px;
}
 .phone-box th{
	height:30px;
	padding:0 10px;
	font-size:12px;
}
/*SMS발송 핸드폰번호 테이블 선택*/
.list-checkbox input[type=radio] {
	display:none;
}
.list-checkbox input[type=radio] + label{ 
	font-size:14px;
	text-align:left;
	font-weight:500;
	display: block; 
	cursor: pointer; 
	padding:7px 10px; 
	color:#666;
	background:#fff;
	border:none;
}
.list-checkbox input[type=radio]:checked + label { 
	background:#fbedc7; 
	color:#000;
}
.msg{
	display: none;
}
.center-btn-box{
	margin-top:150px;
	margin-bottom:150px;
	text-align:center;
}

.table-responsive.popup-table-box{
	min-height:550px;
	background:#f3f3f3;
	border:1px solid #e8e8e8;
}

.table-responsive.popup-table-box .table{
	background:#fff;
}

@media screen and (max-width: 768px){ /*iPad*/
	.center-btn-box{
		margin-top:30px;
		margin-bottom:50px;
		text-align:center;
	}
}

.quick-talk{
	width:100%;
	border:1px solid #fff;
	background:#fff;
	border-radius:5px;
}
.quick-talk.kakao{
	width:100%;
	border:1px solid #ffe500;
	background:#ffe500;
	border-radius:5px;
}
.quick-talk a{
	padding:10px;
	display:inline-block;
	color:#000 !important;
	text-align:center;
	width:100%;
	font-weight:600;
}
.quick-talk img{
	height:15px;
	margin-top:-3px;
}
.kakao-guide{
	background:#fff;
	color:#222;
	text-align:center;
	padding:10px 0;
}
.kakao-guide h5{
	font-size:13px;
	font-weight:bold;
	letter-spacing:-0.05rem;
	
	margin-bottom:0.25rem;
}
.kakao-guide p{
	font-size:12px;
	letter-spacing:-0.05rem;
}
.btn-renewal{
	font-size: 12px;
    border-radius: 15px;
    padding: 3px 10px;
    background: #ffcd3f;
	border:1px solid #e9b319;
}

.info-box{
	width:13.8%;
	margin-right:0.5%;
	margin-bottom:7px;
	background:#eee;
	box-shadow:none;
}
.info-box:first-child{
	margin-left:0.2%;
}
.info-box:last-child{
	margin-right:0;
}
.info-box .info-box-text{
	font-weight:bold;
	letter-spacing:-0.05rem;
}
.info-box .info-box-number{
	text-align:right;
	font-size:18px;
	letter-spacing:-0.05rem;
}

.info-box.point{
	background:#f8cbad;
}

.dashboard-tab{
	width:100%;
	margin-bottom:0;
	padding:0;
}
.dashboard-tab li{
	float:left;
	padding:8px 0;
	width:80px;
	text-align:center;
}

.dashboard-tab li a{
	color:#888;
	font-weight:bold;
}

.dashboard-tab li.active{
	border-bottom:2px solid #000;
	
}
.dashboard-tab li.active a{
	color:#000;
}
.dashboard-tab:after{
	display:block;
	clear:both;
	content:'';
}

.info-box.w4{
	width:24.5%;
	margin-right:0.5%;
	margin-bottom:7px;
	background: #f5ddde;
	text-align:center;
	padding:10px;
	min-height:72px;
}
.info-box.w4:last-child{
	margin-right:0;
}
.info-box.w4 .info-box-text{
	text-align:center;
}
.info-box.w4 i{
	font-size:20px;
	padding-bottom:5px;
}

.info-box-content a{
	color:#543637;
}

.info-box-content a:hover{
	color:#000;
}

.setting-btn{
	color:#222;
}

/*loading*/
.load{
	position:absolute;
	z-index:1051;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	/*change these sizes to fit into your project*/
	width:25px;
	height:25px;
}
.load hr{border:0;margin:0;width:40%;height:40%;position:absolute;border-radius:50%;animation:spin 2s ease infinite}

.load :first-child{background:#193B48;animation-delay:-1.5s}
.load :nth-child(2){background:#F63D3A;animation-delay:-1s}
.load :nth-child(3){background:#193B48;animation-delay:-0.5s}
.load :last-child{background:#F63D3A;}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}

/*20220720 팝업레이어 추가사항
.event-popup{
	max-width:1100px;
	max-height:1000px;
	min-height:200px;
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	z-index:9999;
}
 .event-popup .popup-today{
	background:#333;
	padding:10px;
	position:relative;
}
 .event-popup .popup-today label{
	color:#fff;
	font-size:12px;
}
 .event-popup .popup-today button{
	position:absolute;
	top:14px;
	right:10px;
	background:url(../close_btn.png) no-repeat;
	font-size:0;
	width:15px;
	display:block;
	height:15px;
	outline:0;
	border:0;
}
 .event-popup .popup-today span{
	margin-left:5px;
	line-height:1.5;
}
 .event-popup .event-popup-body img{
	width:100%;
 }
 */

 .popup_box .popup_btn_top label{
	line-height:2;
	font-size: 15px;
	color: whitesmoke;
	padding-left:10px;
}

.popup_box .popup_btn span{
	font-size: 11px;
	line-height: 2.5;
	padding-left: 10px;
}

/* 영업중 toggle */
.on_off-box{
	position: relative;
	width:75px;
	margin:0 2px 0 10px;
	font-size:0.95rem
}
.on_off-box .tit{
	display:inline-block;
	font-weight:bold;
	font-size:0.8rem;
	color:#666;
	line-height:28px;
}
.on_off-box label{
	display:inline-block;
}
.toggle-box{
	display: inline-block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-6px;
}
.toggle-box .tgl {
	display: none;
	&,
	&:after,
	&:before,
	& *,
	& *:after,
	& *:before,
	& + .tgl-btn {
		box-sizing: border-box;
		&::selection {
			background: none;
		}
	}
	+ .tgl-btn {
		outline: 0;
		display: block;
		width: 2em;
		height: 1em;
		position: relative;
		cursor: pointer;
	user-select: none;
		&:after,
	&:before {
			position: relative;
			display: block;
			content: "";
			width: 40%;
			height: 100%;
		}
	
		&:after {
			left: 0;
		}
	
		&:before {
			display: none;
		}
	}
	
	&:checked + .tgl-btn:after {
		left: 60%;
	}
}
.toggle-box .tgl-light {
	+ .tgl-btn {
		background: #bec4c9;
		border-radius: 2em;
		padding: 2px;
		transition: all .4s ease;
		&:after {
			border-radius: 50%;
			background: #fff;
			transition: all .2s ease;
		}
	}
	
	&:checked + .tgl-btn {
		background: #3c69dd;
	}
}




/* dashboard */
.dash-card-tit{
	padding:10px 0 5px;
	font-size:14px;
	font-weight:bold;
}
.text-sm .btn.more-btn{
	font-size:10px !important;
	padding:2px 5px 4px 5px;
	background:#6c757d;
	color:#fff;
}
.card-header>.card-tools{
	margin-right:0;
}
.board-list{
    width:100%;
}
.board-list li{
    padding:10px 0;
}
.board-list li:first-child{
	padding-top:0;
}
.board-list li:last-child{
	padding-bottom:0;
}
.board-list li + li{
    border-top:1px solid #e8e8e8;
}
.board-list li .list-tit{
    color:#999;
	font-size:12px;
}
.board-list li .list-tit,
.board-list li .list-cont{
    display:flex;
    justify-content: space-between;
}
.board-list li .list-tit + .list-cont{
    margin-top:5px;
}
.board-list li .list-tit span,
.board-list li .list-cont span{
    display:flex;
}
.board-list li .list-cont {
    font-size:0.8rem;
}
.board-list li .list-cont .price{
    font-weight:700;
    color:#3C69DD;
}

.board-list li .list-cont .tit-hover{
	.tit {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		max-width: 150px; /* Adjust this based on your design */
	}
}
.total-amount{
    text-align:right;
    font-size:1.4rem;
    font-weight:700;
}

ul{
	padding:0;
	margin:0;
}
p{
	margin:0;
}
.card.no-bg{
    background:transparent;
	box-shadow: none;
}

/* 메인 시계 */
.main-clock{
    margin:0 auto;
}

.main-clock .date{
    font-size:1rem;
    font-weight:600;
    text-align:center;
}
.main-clock .time{
    font-size:4rem;
    font-weight:900;
    text-align:center;   
}
.main-clock .time .period{
    font-size:2rem;
    vertical-align: middle;
    margin-right:15px;
}


/* 버튼 */
.text-sm .btn{
	font-size:11px !important;
	font-weight:bold;
}
.text-sm .content-header .breadcrumb{
	font-size:12px;
}

.nav-flat .nav-item>.nav-link>.nav-icon{
	font-size:14px;
}

.modal.show{
	padding-right: 0px !important;
}


#custom-loading-overlay {
	position: fixed; /* 화면 전체를 덮도록 고정 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(255, 255, 255, 0.8); !* 반투명 배경 *!*/
	z-index: 9999; /* 다른 요소들 위에 표시되도록 높은 z-index 설정 */
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: auto; /* 클릭 이벤트를 허용 */
}


.nav-sidebar .nav-link>.right:nth-child(2), .nav-sidebar .nav-link>p>.right:nth-child(2){
	right:1.5rem;
}