/* floating_top */
.floating_top {position:fixed;bottom:40px;right:27px;width: 70px;height: 70px;border-radius:100%;background:url("/dist/image/common/top_btn.png") no-repeat center/contain;background-size: 85%;z-index:10;cursor:pointer;}
.floating_top:focus-visible {border-color:#999;}
.floating_top svg {position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 1px;stroke: #000000;fill: none;transform: rotate(-90deg);}
.floating_top .top_cir {width:100%;height:100%;border: var(--bdrColor);}
.floating_top .txt {font-size: 13px;position: fixed;bottom: 20px;right: 27px;width: 70px;text-align: center}
.floating_top .txt  {color: #000000 !important}

.default_btn {font-family: 'Pretendard-Medium';height: 60px;padding: 0 30px;background: #796653;color: #fff;font-size: 14px;border-radius: 99px;min-width: 240px;text-align: left;position: relative;border: 0;transition: all .5s}
.default_btn:hover {background: #654f3b;transition: all .5s}
.default_btn:after {position: absolute;right: 25px;top:25px;content: '';background: url('/dist/image/common/btn_arrow.svg') no-repeat;width: 11px;height: 10px;background-size: cover;transition: all .5s}
.default_btn:hover:after {right: 18px;}

.default_btn2 {font-family: 'Pretendard-Medium';height: 60px;padding: 0 30px;background: rgba(255, 255, 255, 0.7);color: #5B4633;font-size: 14px;border-radius: 99px;min-width: 240px;text-align: left;position: relative;border: 0;transition: all .5s}
.default_btn2:hover {background: rgba(255, 255, 255, 0.8);transition: all .5s}
.default_btn2:after {position: absolute;right: 25px;top:25px;content: '';background: url('/dist/image/common/btn_arrow2.svg') no-repeat;width: 11px;height: 10px;background-size: cover;transition: all .5s}
.default_btn2:hover:after {right: 18px;}

.sns_btn {font-family: 'Pretendard-SemiBold';height: 60px;padding-left: 55px;background: #797979;color: #fff;font-size: 14px;min-width: 230px;text-align: left;position: relative;border: 0;transition: all .3s;border-radius: 9px;}

.sns_btn.talk {background: #6dcb0e;color: #ffffff}
.sns_btn.insta {background: linear-gradient(90deg, #C50FCB 0%, #5359FD 100%);color: #ffffff}
.sns_btn.kakao {background: #ffd600;color: #5A4231}
.sns_btn.naver {background: #02c75a;color: #ffffff}
.default_btn.naver {background: #02c75a;color: #ffffff}

.sns_btn:hover.talk {background: #6dbf1a;color: #ffffff;transition: all .3s;}
.sns_btn:hover.insta {background: linear-gradient(70deg, #5359FD 20%, #C50FCB 60%, #cb0ea9 100%);color: #ffffff;transition: all .3s;}
.sns_btn:hover.kakao {background: #fcdb2a;color: #5A4231;transition: all .3s;}
.default_btn:hover.naver {background: #17b45d;color: #ffffff;transition: all .3s;}

.sns_btn.talk:after {position: absolute;left: 20px;top:18px;content: '';background: url('/dist/image/common/talk.png') no-repeat;width: 22px;height: 22px;background-size: cover;transition: all .5s}
.sns_btn.insta:after {position: absolute;left: 20px;top:18px;content: '';background: url('/dist/image/common/instagram.svg') no-repeat;width: 22px;height: 22px;background-size: cover;transition: all .5s}
.sns_btn.kakao:after {position: absolute;left: 20px;top:18px;content: '';background: url('/dist/image/common/kakao.svg') no-repeat;width: 20px;height: 22px;background-size: cover;transition: all .5s}
.sns_btn.naver:after {position: absolute;left: 20px;top:18px;content: '';background: url('/dist/image/common/naver.svg') no-repeat;width: 20px;height: 18px;background-size: cover;transition: all .5s}

ul.star {
  list-style: none;
  padding: 0;
  margin-top: 5px
}

ul.star li {
  position: relative;
  padding: 2px 0 2px 14px;
}

ul.star li::before {
  content: '*';
  color: #3d3a39;
  font-size: 16px;
  position: absolute;
  left: 0;
  top:17px;
  transform: translateY(-50%);
}


ul.dots {
  list-style: none;
  padding: 0;
  margin-top: 5px
}

ul.dots li {
  position: relative;
  padding: 2px 0 2px 15px;
}

ul.dots li::before {
  content: '•';
  color: #3d3a39;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 13px;
  transform: translateY(-50%);
}

.page_nav {margin: 90px auto 0;font-size: 20px;color: #A0A2A5;font-family: 'Pretendard-ExtraBold';}
.page_nav li {padding: 0 20px}
.page_nav li.on {color: #333}

/* 로딩 화면 스타일 */
.loading-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
	justify-content: center;
	align-items: center;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.3);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@media screen and (max-width:540px) {
	.default_btn {height: 52px;padding: 0 20px;color: #fff;font-size: 12px;min-width: 210px;text-align: left;position: relative;border: 0;transition: all .5s}
	.default_btn:hover {transition: all .5s}
	.default_btn:after {position: absolute;right: 25px;top:21px;content: '';background: url('/dist/image/common/btn_arrow.svg') no-repeat;width: 9px;height: 8px;background-size: cover;transition: all .5s}
	.default_btn:hover:after {right: 18px;}
	
	/* floating_top */
	.floating_top {position:fixed;bottom:38px;right:27px;width: 42px;height: 42px;border-radius:100%;background:url("/dist/image/common/top_btn.png") no-repeat center/contain;background-size: 85%;z-index:10;cursor:pointer;}
	.floating_top:focus-visible {border-color:#999;}
	.floating_top svg {position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 1px;stroke: #000000;fill: none;transform: rotate(-90deg);}
	.floating_top .top_cir {width:100%;height:100%;border: var(--bdrColor);}

	.floating_top .txt {font-size: 11px;position: fixed;bottom: 20px;right: 27px;width: 42px;text-align: center}
	.floating_top .txt  {color: #000000 !important}
}