@charset "utf-8";
*, button {
	background-size: contain;
	background-repeat: no-repeat;
  }
  /* 키보드로 버튼에 포커스 시 */
  *:focus-visible {
	outline: 3px solid #000 !important;
  }
  
  /* 마우스, 터치로 버튼에 포커스 시 */
  *:focus:not(:focus-visible) {
	outline: none;
  }

.wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 1280px;
  height: 720px;
  background: url(../images/common/background.png) no-repeat center / contain;
  /* design */
  /* background-image: url('../images/design/multiplication/03_3.png'); */
}

/* header */
header {
  display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
	height: 55px;
	border-radius: 0 0 55px 55px;
  background-color: #4fa7ff;
}
header .title {
	position: absolute;
	top: 2px;
	left: 52px;
	width: 420px;
	height: 48px;
	background-image: url(../images/common/title.png);
	background-size: contain;
	background-repeat: no-repeat;
}
header .close {
	position: absolute;
	top: 10px;
	right: 45px;
	width: 35px;
	height: 38px;
  background-image: url(../images/common/close.svg);
}

/* main */
main {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
main .intro {
  display: flex;
  width: 100%;
  padding: 65px 20px 0;
}



/* alert */
.alert_pop {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #0006;
	z-index: 1;
	display: none;
}
.alert_pop.on {
	display: flex;
}
.alert_pop .pop_box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc(1001px / 2.5);
	height: calc(609px / 2.5);
	color: #000;
	font-size: 26px;
	font-weight: normal;
	font-family: "NanumSquareRoundEB";
  background-image: url(../images/common/message.png);
}
.alert_pop .pop_box p {
	margin-top: 90px;
}