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;
	background:none;
	}

input:focus {
	outline: none;
}

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

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

.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: 60.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 6.7%;
    cursor: pointer;
	}
	
.section02_left {
	position: absolute;
    top: 48%;
    left: 9%;
    width: 39.6%;
    height: 21.5%;
    cursor: pointer;
	}
	
.section02_right {
	position: absolute;
    top: 48%;
    left: 51.5%;
    width: 39.6%;
    height: 21.5%;
    cursor: pointer;
	}
	
.flex_str {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: auto;
}


.confirm {
    position: absolute;
    top: 86.5%;
    left: 50%;
    transform: translateX(-50%);
    height: 5%;
    width: 30%;
    cursor: pointer;
	}
	
.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: 49.7%;
    left: 27%;
    width: 59%;
    height: 5%;
	}

#department {
	position:absolute;
	font-size:16px;
	top:56.5%;
    left: 27%;
    width: 59%;
	height:5%;
	}

#email {
	position: absolute;
    font-size: 16px;
    top: 63.5%;
    left: 32%;
    width: 54%;
    height: 5%;
	}

#check01 {
    position: absolute;
    top: 41.6%;
    left: 26.2%;
    width: 5%;
    height: 3%;
    accent-color: #736072;
	}

.confirm_btn {
    position: absolute;
    top: 73.8%;
    left: 50%;
    transform: translateX(-50%);
    height: 8.1%;
    width: 52%;
    cursor: pointer;
	}
	
.try_again {
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
    height: 8.1%;
    width: 62%;
    cursor: pointer;
	}
	
.quiz_rate {
    position: absolute;
    top: 44%;
    left: 52%;
    width: 20.9%;
    height: 5.2%;
    font-size: 30px;
    color: #304b38;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
	
#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;
	}