body {
	padding:0 auto;
	margin:0 auto;
	background-color:#000;
	width:100%;
	height:100%;
	font-size:16px;
	font-family: 'Nanum Square', sans-serif;
	}

img {
	width:100%;
	display:block;
	}

select, option {
	border-radius:1000px;
	padding:0px;
	margin:0px;
	}
	
input {
	padding:0px;
	margin:0px;
	border:none;
	padding-left:5px;
	}

.container {
    width: 100%;
    max-width: 800px;
	margin:0 auto;
	}

.imagemap {
	position: relative;
	width:100%;
	}
	
.tag {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	}

.blinking {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	-moz-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
}
	@-webkit-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@-moz-keyframes blink {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@keyframes blink {
		0% {
			opacity: 0; 
		}
		100% {
			opacity: 1;
		}
	}
	
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}
.modal-overlay img {
	width: 80%;
	max-width:600px;
	cursor: pointer;
}
	
.start {
	position: absolute;
    top: 72.8%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 6.7%;
    cursor: pointer;
	}
	
.section01_left {
	position: absolute;
    top: 72.8%;
    left: 19%;
    width: 28%;
    height: 6%;
    cursor: pointer;
	}
	
.section01_right {
    position: absolute;
    top: 72.8%;
    left: 53%;
    width: 28%;
    height: 6%;
    cursor: pointer;
	}
	
#question01 {
	position: absolute;
    border: 3px solid #067a3c;
    color: #067a3c;
    top: 80.1%;
    left: 36%;
    width: 22%;
    height: 4%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    transform: translate(-50%, -50%);
	}

#question02 {
    position: absolute;
    border: 3px solid #ff7066;
    color: #ff7066;
    top: 80.1%;
    left: 78%;
    width: 22%;
    height: 4%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    transform: translate(-50%, -50%);
	}
	
	
.flex_str {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: auto;
}

.flex_str img {
    width: 100%;
    transform: scale(0);
    transform-origin: center;
    animation: expandBlinkFade 6s ease-out infinite;
}

@keyframes expandBlinkFade {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
    45% {
        opacity: 0;
    }
    47% {
        opacity: 1;
    }
    52% {
        opacity: 0;
    }
    54% {
        opacity: 1;
    }
    85% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.confirm {
    position: absolute;
    top: 86.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 5%;
    width: 30%;
    cursor: pointer;
	}
	
.up_down {
  animation: upDown 2s ease-in-out infinite;
}

@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-2%); }
  100% { transform: translateY(0); }
}

.goto_section05 {
	position: absolute;
    top: 72.8%;
    left: 50%;
    transform: translateX(-50%);
    height: 6.1%;
    width: 30%;
    cursor: pointer;
	}
	
#dname {
	position:absolute;
	font-size:16px;
	top:46.4%;
	left:25%;
	width:50%;
	height:5%;
	border-bottom:1px solid #000;
	}

#hospital {
	position:absolute;
	font-size:16px;
	top:52.6%;
	left:25%;
	width:50%;
	height:5%;
	border-bottom:1px solid #000;
	}

#department {
	position:absolute;
	font-size:16px;
	top:58.8%;
	left:25%;
	width:50%;
	height:5%;
	border-bottom:1px solid #000;
	}

#hp {
	position:absolute;
	font-size:16px;
	top:65%;
	left:25%;
	width:50%;
	height:5%;
	border-bottom:1px solid #000;
	}
	
.confirm_btn {
	position: absolute;
    top: 72.8%;
    left: 50%;
    transform: translateX(-50%);
    height: 6.1%;
    width: 30%;
    cursor: pointer;
	}
	
button {
	padding:10px 20px 10px 20px;
	text-align:center;
	margin:0 auto;
	background:#000;
	color:#fff;
	border:none;
	border-right:0px; border-top:0px; border-left:0px; border-bottom:0px;
	}

#musicb {
    position: absolute;
    text-align: center;
    padding: 14px;
    top: 80%;
    /* font-size: 16px; */
    border-radius: 10px;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%);
    font-size: 14px;
    background: #2a48a1;
	}