/*
XET CSS v2.0.4 2024-08-02 for supported in all modern browsers
By xetemplate(https://xetemplate.com)
*/
.xet-layout-quickbutton {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	background-color: rgba(0,0,0,0.6);
}
.xet-layout-quickbutton>.title {
	display: none;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.xet-layout-quickbutton>.quickbuttons {
	display: flex;
}
.xet-layout-quickbutton>.quickbuttons >li {
	flex: 1;
	text-align: center;
}
.xet-layout-quickbutton>.quickbuttons >li + li {
	border-left: 1px solid rgba(255,255,255,0.15);
}
.xet-layout-quickbutton>.quickbuttons >li.emergeny {
}
.xet-layout-quickbutton>.quickbuttons >li.emergeny a div {
	margin-top: 4px;
	border: 1px solid #707070;
	padding: 4px 8px;
	border-radius: 4px;
}
.xet-layout-quickbutton a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 70px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.xet-layout-quickbutton a i {
  font-size: 1.25rem;
}

.xet-layout-quickbutton.is-scroll a:nth-child(2) {
  transition-delay: 0.1s;
}
.xet-layout-quickbutton.is-scroll a:nth-child(3) {
  transition-delay: 0.2s;
}
.xet-layout-quickbutton .goto-top {
	display: none;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.xet-layout-quickbutton .goto-top button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	border: 0;
	background: none;
	color: #fff;
}

@media (min-width: 992px) {

  .xet-layout-quickbutton {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 0;
  transform: translateY(-50%);
	overflow: hidden;
	border-radius: 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
  .xet-layout-quickbutton>.title {
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	  .xet-layout-quickbutton>.title img {
	width: 60px;
	}
	.xet-layout-quickbutton>.quickbuttons {
	  flex-direction: column;
	  gap: 0;
	}
	.xet-layout-quickbutton>.quickbuttons >li + li {
		border-left: 0;
	border-top: 1px solid rgba(255,255,255,0.15);
}

	.xet-layout-quickbutton a {
		padding: 10px;
		height: 90px;
	}
	.xet-layout-quickbutton a i {
	  font-size: 2rem;
	}
	.xet-layout-quickbutton a > span {
		height: 2.5rem;
		outline: 0;
		transition: none;
	}

	.xet-layout-quickbutton .goto-top {
	display: block;
	text-align: center
}
}

/* 퀵버튼 스타일2 */
.xet-layout-quickbutton2 {
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
	background-color: #fff;
}
.xet-layout-quickbutton2>.title {
	display: none;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: var(--xet-theme-color);	
}
.xet-layout-quickbutton2>.quickbuttons {
	display: flex;
}
.xet-layout-quickbutton2>.quickbuttons >li {
	flex: 1;
	text-align: center;
}
.xet-layout-quickbutton2>.quickbuttons >li + li {
	border-left: 1px solid rgba(255,255,255,0.15);
}
.xet-layout-quickbutton2>.quickbuttons >li.emergeny {
}
.xet-layout-quickbutton2>.quickbuttons >li.emergeny a div {
	margin-top: 4px;
	border: 1px solid #707070;
	padding: 4px 8px;
	border-radius: 4px;
}
.xet-layout-quickbutton2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 70px;
  font-size: 14px;
  font-weight: 700;
}
.xet-layout-quickbutton2 a i {
  font-size: 1.25rem;
}

.xet-layout-quickbutton2 .goto-top {
	display: none;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.xet-layout-quickbutton2 .goto-top button {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	border: 0;
	background: none;
}

.xet-layout {
  padding-bottom: 70px;
}

@media (min-width: 992px) {
.xet-layout {
  padding-bottom: 0;
}
  .xet-layout-quickbutton2 {
  bottom: auto;
  top: 50%;
  left: auto;
  right: 1rem;
  transform: translateY(-50%);
	overflow: hidden;
	border-radius: 100px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
  .xet-layout-quickbutton2>.title {
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	}
	  .xet-layout-quickbutton2>.title img {
	width: 60px;
	}
	.xet-layout-quickbutton2>.quickbuttons {
	  flex-direction: column;
	  gap: 0;
	}
	.xet-layout-quickbutton2>.quickbuttons >li + li {
		border-left: 0;
	border-top: 1px solid rgba(255,255,255,0.15);
}

	.xet-layout-quickbutton2 a {
		padding: 10px;
		height: 90px;
	}
	.xet-layout-quickbutton2 a i {
	  font-size: 2rem;
	}
	.xet-layout-quickbutton2 a > span {
		height: 2.5rem;
		outline: 0;
		transition: none;
	}

	.xet-layout-quickbutton2 .goto-top {
	display: block;
	text-align: center
}
}
@media (min-width: 1200px) {
  .xet-layout-quickbutton2 a {
  }
  .xet-layout-quickbutton2 a i {
  }

  body.app-style .xet-layout-quickbutton2 {
/*     bottom: 6rem; */
  }
}