.wh {color: #ffffff}
/* 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}

.floating_blog {position:fixed;bottom:115px;right:30px;z-index:10;cursor:pointer;}
.floating_blog img {width: 60px;height: 60px;}

.default_btn {font-family: 'Pretendard-Medium';height: 60px;padding: 0 30px;background: #57b2c4;color: #fff;font-size: 14px;min-width: 230px;text-align: left;position: relative;border: 0;transition: all .5s}
.default_btn:hover {background: rgba(87, 178, 196, 0.8);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: #4D3838;font-size: 14px;min-width: 250px;text-align: left;position: relative;border: 0;transition: all .5s}
.default_btn2:hover {background: rgba(255, 255, 255, 0.5);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;}

.line_btn {font-family: 'Pretendard-Medium';height: 60px;padding: 0 30px;background:transparent;color: #fff;font-size: 14px;border-radius: 6px;min-width: 250px;text-align: left;position: relative;border: 1px solid #ffffff;transition: all .5s}
.line_btn:hover {transition: all .5s}
.line_btn:after {position: absolute;right: 25px;top:25px;content: '';background: url('/dist/image/common/btn_arrow.png') no-repeat;width: 11px;height: 10px;background-size: cover;transition: all .5s}
.line_btn:hover:after {right: 18px;}

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

.talk {background: #4dac3d;color: #ffffff}
.talk2 {background: #5658b9;color: #ffffff}
.kakao {background: #ffd600;color: #5A4231}
.naver {background: #4dac3d;color: #ffffff}

button:hover.talk {background: #5eb150;color: #ffffff;transition: all .3s}
button:hover.talk2 {background: #595bd2;color: #ffffff;transition: all .3s}
button:hover.kakao {background: #fcdb2a;color: #5A4231;transition: all .3s}
button:hover.naver {background: #5eb150;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: 17px;height: 16px;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: 17px;height: 16px;background-size: cover;transition: all .5s}



.page_nav {margin: 80px auto 0;font-size: 22px;color: #BEBEBE;font-family: 'Outfit','Pretendard-ExtraBold';font-weight: 600}
.page_nav li {padding: 0 20px;cursor: pointer}
.page_nav li.on {color: #000000}

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

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

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

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

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

ul.star li::before {
  content: '✳︎';
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 12px;
  transform: translateY(-50%);
}

ul.check {list-style: none;padding-left: 0;margin-left: 0;margin-top: 10px}
ul.check li {position: relative;padding-left: 30px;line-height: 24px;margin-bottom: 10px;font-size: 1em !important;font-family: 'Pretendard-Regular' !important;}
ul.check li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 18px;
  height: 12px;
  background-image: url('/dist/image/common/v.svg');
  background-size: cover;
  transform: translateY(-50%);
}



/* 로딩 화면 스타일 */
.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;
}

.red {color: #C64040;font-size: .8em}

.mt_5 {margin-top:5px}
.mt_10 {margin-top:10px}
.mt_15 {margin-top:15px}
.mt_20 {margin-top:20px}
.mt_25 {margin-top:25px}
.mt_30 {margin-top:30px}
.mt_35 {margin-top:35px}
.mt_40 {margin-top:40px}
.mt_45 {margin-top:45px}
.mt_50 {margin-top:50px}
.mt_55 {margin-top:55px}
.mt_60 {margin-top:60px}
.mt_65 {margin-top:65px}
.mt_70 {margin-top:70px}
.mt_75 {margin-top:75px}
.mt_80 {margin-top:80px}
.mt_85 {margin-top:85px}
.mt_90 {margin-top:90px}
.mt_95 {margin-top:95px}
.mt_100 {margin-top:100px}
.ml_5 {margin-left:5px}
.ml_10 {margin-left:10px}
.ml_15 {margin-left:15px}
.ml_20 {margin-left:20px}
.ml_25 {margin-left:25px}
.ml_30 {margin-left:30px}
.ml_35 {margin-left:35px}
.ml_40 {margin-left:40px}
.ml_45 {margin-left:45px}
.ml_50 {margin-left:50px}
.ml_55 {margin-left:55px}
.ml_60 {margin-left:60px}
.ml_65 {margin-left:65px}
.ml_70 {margin-left:70px}
.ml_75 {margin-left:75px}
.ml_80 {margin-left:80px}
.ml_85 {margin-left:85px}
.ml_90 {margin-left:90px}
.ml_95 {margin-left:95px}
.ml_100 {margin-left:100px}
.mr_5 {margin-right:5px}
.mr_10 {margin-right:10px}
.mr_15 {margin-right:15px}
.mr_20 {margin-right:20px}
.mr_25 {margin-right:25px}
.mr_30 {margin-right:30px}
.mr_35 {margin-right:35px}
.mr_40 {margin-right:40px}
.mr_45 {margin-right:45px}
.mr_50 {margin-right:50px}
.mr_55 {margin-right:55px}
.mr_60 {margin-right:60px}
.mr_65 {margin-right:65px}
.mr_70 {margin-right:70px}
.mr_75 {margin-right:75px}
.mr_80 {margin-right:80px}
.mr_85 {margin-right:85px}
.mr_90 {margin-right:90px}
.mr_95 {margin-right:95px}
.mr_100 {margin-right:100px}
.mb_5 {margin-bottom:5px}
.mb_10 {margin-bottom:10px}
.mb_15 {margin-bottom:15px}
.mb_20 {margin-bottom:20px}
.mb_25 {margin-bottom:25px}
.mb_30 {margin-bottom:30px}
.mb_35 {margin-bottom:35px}
.mb_40 {margin-bottom:40px}
.mb_45 {margin-bottom:45px}
.mb_50 {margin-bottom:50px}
.mb_55 {margin-bottom:55px}
.mb_60 {margin-bottom:60px}
.mb_65 {margin-bottom:65px}
.mb_70 {margin-bottom:70px}
.mb_75 {margin-bottom:75px}
.mb_80 {margin-bottom:80px}
.mb_85 {margin-bottom:85px}
.mb_90 {margin-bottom:90px}
.mb_95 {margin-bottom:95px}
.mb_100 {margin-bottom:100px}

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



  @media screen and (max-width:850px) {

  .default_btn {height: 50px;padding: 0 30px;font-size: 13px;min-width: 230px;text-align: left;position: relative;border: 0;transition: all .5s}
  .default_btn:hover {background: #379b4b;transition: all .5s}
  .default_btn:after {position: absolute;right: 25px;top:20px;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 {height: 50px;padding: 0 30px;font-size: 13px;min-width: 230px;text-align: left;position: relative;border: 0;transition: all .5s}
  .default_btn2:hover {background: rgba(255, 255, 255, 0.9);transition: all .5s}
  .default_btn2:after {position: absolute;right: 25px;top:20px;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;}
  
  
	.floating_top {position:fixed;bottom:37px;right:4%;width: 54px;height: 54px;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: 12px;position: fixed;bottom: 20px;right: 4%;width: 54px;text-align: center}

  .floating_blog {position:fixed;bottom:95px;right:4%;z-index:10;cursor:pointer;padding:3px}
  .floating_blog img {width: 48px;height: 48px;}
  
  
  .page_nav {margin: 50px auto 50px;font-size: 20px;color: #A0A2A5;font-family: 'Pretendard-ExtraBold';}
  
  

}