/*=================================================
			전체 일반
=================================================*/
body{
	font-family: "notokr", "Nanum Gothic", sans-serif;
	font-weight: 400;
}

.wrapper{
	position: relative;
	overflow: hidden;
}

.template{
	display: none;
}

/*=================================================
			테이블
=================================================*/
.fixed-table{
	table-layout: fixed;
}

/*=================================================
			버튼
=================================================*/
[class*='btn']{
	cursor: pointer;
}


/*=================================================
			Filter
=================================================*/

/*=================================================
			Form
=================================================*/
.stored-file-wrap{
	background-color: #F4F4F4;
	border: 1px dashed #BBBBBB;
	border-radius: 5px;
}
.stored-file-wrap table{
	width: auto;
}

.stored-file-wrap table img{
	width: auto;
	height: 30px;
}

.stored-file-wrap table td{
	padding: 1rem;
	
	vertical-align: middle;
}

.stored-file-wrap input[type='checkbox'] + label.del_file_label{
	margin: 0;
}



/*=================================================
			Flex그리드 시스템
=================================================*/
.flex-container{
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

/*=================================================
			Layer
=================================================*/
.layer{
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	background-color: rgba(0, 0, 0, 0.2);
}



/*=================================================
			슬라이드 메뉴
=================================================*/
.slide-menu{
	position: fixed;

	background: #47a3da;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.slide-menu.slide-vertical{
	width: 15rem;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.slide-menu.slide-left{
	left: -10rem;
}

.slide-menu.slide-left.active{
	left: 0;
}



/*=================================================
			Table
=================================================*/
.view-table{
	border-top: 2px solid #BBBBBB;
}

.view-table th,
.view-table td{
	padding: 15px;
	
	border-bottom: 1px solid #BBBBBB;
}

.view-table th{
	width: 10rem;
	
	background-color: #EFEFEF;
	
	letter-spacing: 0.05rem;
}

.view-table td{
	border-bottom: 1px solid #BBBBBB;
}




/*=================================================
			Popup
=================================================*/
.popup{
	position: absolute;
	padding: 10px;
	z-index: 2080;
	background-color: #000000;
	border: 1px solid #000000;
}

.popup .popup-list-wrap{
	position: relative;
	margin: 0.6rem 0;
}

.popup-pointer{
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	
	border: 5px solid red;
	
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease-in-out;
}

.popup-list-item{
	display: block;
}




/*=================================================
			Materialize
=================================================*/
.file-field .btn{
	padding: 0 2rem;
}

.switch{
	padding: 0.65rem;
}

.datepicker{
	background: none;
}

/*****#####===== Chips =====#####*****/
.chips input.input{
	width: 180px !important;
	height: 3rem;
	margin-bottom: 0;
}

.chips{
	height: 49px;
	margin: 0;
	padding: 0;
	
	text-align: left;
}

/*****#####===== Label =====#####*****/
.input-field label{
	padding-left: inherit;
}

/*****#####===== Input =====#####*****/
.list-table .select-wrapper input.select-dropdown{
	margin: 0;
}

/*=================================================
			Full Calendar
=================================================*/
/*****#####===== 예약 달력 =====#####*****/
.reservation_calendar .fc-event.gcal-holiday,
.reservation_calendar .fc-event.gcal-holiday:hover{
	background: none;
	border: none;
	cursor: default;
	
	color: #777777;
}

.reservation_calendar .fc-day{
	cursor: pointer;
}

.reservation_calendar .fc-day.selected{
	background-color: #CDEBCF;
}

/*=================================================
			Bootstrap
=================================================*/
/*****#####===== Modal =====#####*****/
.modal-header{
	border: none;
	
}

.modal-footer{
	padding-top: 0;
	border: none;
}

.modal-title{
	padding: 0.1rem 0.2rem 0.5rem;
	
	border-bottom: 2px solid #BBBBBB;
	
	font-size: 1rem;
	line-height: 1;
}


/*****#####===== A 링크 =====#####*****/
a{
	color: inherit;
	text-decoration: none;
	font-family: inherit;
}

a:hover,
a:active,
a:after,
a:visited,
a:focus,
button:hover,
button:active,
button:after,
button:visited,
button:focus{
	color: inherit;
	text-decoration: none;
	outline: none; 
}

.btn:hover,
.btn:active,
.btn:after,
.btn:visited,
.btn:focus{
	color: #FFFFFF;
}

/*****#####===== Row 설정 =====#####*****/
.row-0{margin-left: 0px;margin-right: 0px;}
.row-0 > div[class*='col-']{padding-left: 0px;padding-right: 0px;}
.row-1{margin-left: -1px;margin-right: -1px;}
.row-1 > div[class*='col-']{padding-left: 1px;padding-right: 1px;}
.row-2{margin-left: -2px;margin-right: -2px;}
.row-2 > div[class*='col-']{padding-left: 2px;padding-right: 2px;}
.row-3{margin-left: -3px;margin-right: -3px;}
.row-3 > div[class*='col-']{padding-left: 3px;padding-right: 3px;}
.row-4{margin-left: -4px;margin-right: -4px;}
.row-4 > div[class*='col-']{padding-left: 4px;padding-right: 4px;}
.row-5{margin-left: -5px;margin-right: -5px;}
.row-5 > div[class*='col-']{padding-left: 5px;padding-right: 5px;}
.row-10{margin-left: -10px;margin-right: -10px;}
.row-10 > div[class*='col-']{padding-left: 10px;padding-right: 10px;}
.row-15{margin-left: -15px;margin-right: -15px;}
.row-15 > div[class*='col-']{padding-left: 15px;padding-right: 15px;}


/*=================================================
			기타 간편 설정
=================================================*/
.width-1{width: 1rem;}
.width-2{width: 2rem;}
.width-3{width: 3rem;}
.width-4{width: 4rem;}
.width-5{width: 5rem;}
.width-6{width: 6rem;}
.width-7{width: 7rem;}
.width-8{width: 8rem;}
.width-9{width: 9rem;}
.width-10{width: 10rem;}
.width-11{width: 11rem;}
.width-12{width: 12rem;}
.width-13{width: 13rem;}
.width-14{width: 14rem;}
.width-15{width: 15rem;}
.width-16{width: 16rem;}
.width-17{width: 17rem;}
.width-18{width: 18rem;}
.width-19{width: 19rem;}
.width-20{width: 20rem;}

.gap-1{line-height: 1rem;height: 1rem;}
.gap-2{line-height: 2rem;height: 2rem;}
.gap-3{line-height: 3rem;height: 3rem;}
.gap-4{line-height: 4rem;height: 4rem;}
.gap-5{line-height: 5rem;height: 5rem;}
.gap-6{line-height: 6rem;height: 6rem;}
.gap-7{line-height: 7rem;height: 7rem;}
.gap-8{line-height: 8rem;height: 8rem;}
.gap-9{line-height: 9rem;height: 9rem;}
.gap-10{line-height: 10rem;height: 10rem;}
.gap-11{line-height: 11rem;height: 11rem;}
.gap-12{line-height: 12rem;height: 12rem;}
.gap-13{line-height: 13rem;height: 13rem;}
.gap-14{line-height: 14rem;height: 14rem;}
.gap-15{line-height: 15rem;height: 15rem;}
.gap-16{line-height: 16rem;height: 16rem;}
.gap-17{line-height: 17rem;height: 17rem;}
.gap-18{line-height: 18rem;height: 18rem;}
.gap-19{line-height: 19rem;height: 19rem;}
.gap-20{line-height: 20rem;height: 20rem;}