@charset "utf-8";
.main_wrap .head_wrap{
	width:100%;
	text-align:center;
	height:200px;
	padding-top:50px;
}
.mdti_container{
	width:100%;
	height:calc(100% - 200px);
	overflow:hidden;
}
.mdti_container .page_collec{
    overflow: hidden;
	transition: left 0.5s ease 0s;
	height:100%;
	left:0;
	top:0;
	position: relative;
}
.mdti_container .page_wrap{
	width:600px;
	height:100%;
	justify-content: space-around;
    align-items: center;
	flex-direction: column;
	float:left;
	display:none;
}
.mdti_container .page_wrap:first-child{
	display:flex;
}
.page_wrap .question_wrap{
	width:100%;
	height:50%;
	display:flex;
	justify-content: space-around;
    align-items: center;
	flex-direction: column;
}
.page_wrap .question_wrap .start_wrap{
	width:100%;
}
.page_wrap .question_wrap .start_wrap .title{
	width:100%;
	text-align:center;
	font-size:2rem;
	font-weight:600;
	margin-bottom:20px;
}
.page_wrap .question_wrap .start_wrap .title_cont{
	width:100%;
	text-align:center;
	font-weight:600;
	font-size:1.2rem;
	padding:15px;
}
.page_wrap .answer_wrap{
	width:100%;
	height:50%;
	position: relative;
    top: 0px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.page_wrap .answer_wrap .mdti_btn{
	background:#400f61;
	color:#fff;
	padding:1rem 15px;
	width:80%;
	font-size:1rem;
	font-weight:600;
	border-radius:28px;
	cursor:pointer;
	border: none;
}

.page_wrap .answer_wrap .btn_next:hover{
	background:rgba(64,15,97,0.8);
}
/* 결과 페이지 */
.result_page .question_wrap{
	background:#eeeeee;
	border: 1px solid #ddd;
}
.result_page .question_wrap .img_wrap{
	width:100%;
	max-width:360px;
}
.result_page .question_wrap .img_wrap img{
	width:100%;
}
.result_page .answer_wrap{
	display:block;
	background:#fcfcfc;
	border: 1px solid #ddd;
    border-top: none;
}
.result_page .answer_wrap .result_wrap{
	width:100%;
	height:50%;
}
.result_page .answer_wrap .result_wrap .sub{
	color:#000;
	font-weight:600;
	font-size:1rem;
	width:100%;
	text-align:center;
	padding:30px 15px 3px 15px;
}
.result_page .answer_wrap .result_wrap .result_sub{
	color:#400F61;
	font-weight:600;
	font-size:1rem;
	width:100%;
	padding:3px 15px 10px 10px;
	text-align:center;
}
.result_page .answer_wrap .result_wrap .result_sub b{
	font-weight:600;
	font-size:2rem;
	text-transform: uppercase;
}
.result_page .answer_wrap .result_wrap .result_desc{
	color:#000;
	font-weight:400;
	font-size:1rem;
	width:100%;
	padding:15px;
	text-align:center;
	line-height:1.6;
}
.result_page .answer_wrap .share_wrap{
	width:100%;
	height:50%;
	text-align:center;
}
.result_page .answer_wrap .share_wrap .sub{
	width:100%;
	text-align:center;
	font-size:1rem;
	font-weight:600;
	padding:0px 0px 10px;
}
.result_page .answer_wrap .share_wrap .desc{
	width:100%;
	text-align:center;
}
.result_page .answer_wrap .share_wrap .desc img{
	width:34px;
	height:34px;
}
.page_wrap .answer_wrap .btn_reset_test{
	margin-top:20px;
}