@charset "utf-8";

:root {
font-size:16px;
}

/* 추가 */
.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:72px auto 0 auto; text-align:center; }
.boxPage strong,
.boxPage a { display:inline-block; width:42px; height:42px; line-height:42px; text-align:center; border:1px solid #ddd; color:#222; margin:0 1px; }
.boxPage strong { background:#222; color:#fff; border:1px solid #222; }
.boxPage .pg_start, 
.boxPage .pg_end, 
.boxPage .pg_prev, 
.boxPage .pg_next { border:1px solid #f1f1f1; color:#c3c3c3; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -moz-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -ms-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -o-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: linear-gradient(transparent 60%, #d5e9e6 40%);
	background-size: 100% 100%; 
}
.overflow { overflow:hidden; }
.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.radius16 {
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	border-radius:16px;
}
.radius26 {
	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	-ms-border-radius:2rem;
	-o-border-radius:2rem;
	border-radius:2rem;
}
.radius50 {
	-webkit-border-radius:85px;
	-moz-border-radius:85px;
	-ms-border-radius:85px;
	-o-border-radius:85px;
	border-radius:85px;
}
.radius100 {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield; /* Firefox에서도 동작하도록 추가 */
}

@keyframes sliderShape{
	0%,100%{ border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; transform: translate3d(0,0,0) rotateZ(0.01deg); }
	34%{ border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; transform:  translate3d(0,5px,0) rotateZ(0.01deg); }
	50%{ transform: translate3d(0,0,0) rotateZ(0.01deg); }
	67%{ border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ; transform: translate3d(0,-3px,0) rotateZ(0.01deg); }
}
@keyframes move-it {
	0% { background-position: initial; }
	100% { background-position: 100px 0px; }
}
@keyframes move{
	0%{transform:translateX(-10px) translateY(-50%); opacity: 0;}
	100%{transform:translateX(10px) translateY(-50%); opacity: 1;}
}

#loadScript { display: none; border: 0; height: 0; width: 0;}

.boxForm {background:#fff;max-width:800px;max-height:600px;margin:0 auto; padding:2.5rem;overflow-x:hidden;overflow-y:scroll;}