@charset "utf-8";

.displayNone{display: none;}
.backgroundNone{background: none !important;}

.first_upper{text-transform: capitalize;}
.all_upper{text-transform: uppercase;}
.txt_upper{ text-transform: uppercase;}
.txt_lower{ text-transform: lowercase;}

.scroll_ignore{ position: absolute; width :100%; height: 100%; overflow: hidden; } /* 스크롤방지  */

.slide_up{
	animation: slide_up 0.5s forwards;
}

.c_popup{ z-index: 9000; position: fixed; }
.c_popup1{ z-index: 9001; position: fixed; }
.c_popup2{ z-index: 9002; position: fixed; }
.c_popup3{ z-index: 9003; position: fixed; }
.c_popup4{ z-index: 9004; position: fixed; }
.c_popup5{ z-index: 9005; position: fixed; }

.ta_l{ text-align:		left;}
.ta_r{ text-align:		right;}

.m_0{ margin: 			0 !important;}

.mt_5{ margin-top: 		5px;}
.mb_5{ margin-bottom: 	5px;}
.ml_5{ margin-left: 	5px;}
.mr_5{ margin-right: 	5px;}

.mt_10{ margin-top: 	10px;}
.mb_10{ margin-bottom: 	10px;}
.ml_10{ margin-left: 	10px;}
.mr_10{ margin-right: 	10px;}


.mt_50{ margin-top: 	50px;}
.mb_50{ margin-bottom: 	50px;}
.ml_50{ margin-left: 	50px;}
.mr_50{ margin-right: 	50px;}


.toggle[type="checkbox"] {
  appearance: none;
  position: relative;
  border: max(2px, 0.1em) solid gray;
  border-radius: 1.25em;
  width: 2.25em;
  height: 1.25em;
}

.toggle[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0.8);
  background-color: gray;
  transition: left 250ms linear;
}

.toggle[type="checkbox"]:checked {
  background-color: #49A6AA;
  border-color: #49A6AA;
}

.toggle[type="checkbox"]:checked::before {
  background-color: white;
  left: 1em;
}

.toggle[type="checkbox"]:disabled {
  border-color: lightgray;
  opacity: 0.7;
  cursor: not-allowed;
}

.toggle[type="checkbox"]:disabled:before {
  background-color: lightgray;
}

.toggle[type="checkbox"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.toggle[type="checkbox"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) solid #49A6AA;
}

.toggle[type="checkbox"]:enabled:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
}


@keyframes slide_up {
	0%
	{
		transform: translateY(150%);
	}
	100%
	{
		transform: translateY(0);
	}
}