@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif
body{
	font-family: 'Noto Sans KR', sans-serif;
}
button{
	font-family: 'Nanum Gothic', sans-serif;
}
.my_after_close{
	width:100%;
	height:30px;
}
.my_after_close button{
	/* font-size: 2.0rem; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* font-family: 'notokr-thin'; */
    /* color: #888; */
    /* line-height: 0; */
    /* width: 2rem; */
    /* height: 2rem; */
    /* vertical-align: middle; */
}
.my_after_test{
	display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    top: 0;
    left: 0;
}
.my_after_test_result{
	display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
    top: 0;
    left: 0;
	text-align:center;
}
.my_after_test .container input[type=text]{
		width: 80%;
		padding: 15px;
		margin: 5px 0 0 5px;
		border: none;
		background-color: #f1f1f1;
		font-size: 1rem;
}
.my_after_test .container input[type=tel]{
	
	width: 80%;
	padding: 15px;
	margin: 5px 0 0 5px;
	border: none;
	background-color: #f1f1f1;
	font-size: 1rem;
}
.pop_first{
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 0 20px;
	overflow-y:scroll;
}
.pop_first p{
	padding: 3px;
}
.pop_first .con_sub{
	background-color: #ffe800;    width: 100%;    height: 60px;    margin-top: 24px;
}
.pop_first div{
	margin:11px 0;
	line-height: 14px;
}
.pop_title{
	width: 100%;
    height: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop_title button{
	height: 40px;
    width: 130px;
    background-color: #FC3A65;
    border-radius: 10px;
    color: white;
}
.pop_content{
	clear:both;
}
.pop_content dt{
	display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #5b5b5b;
    font-weight: 500;
    text-align: right;
    vertical-align: middle;
}
.pop_content dd{
	display: inline-block;
    vertical-align: middle;
	width:100%;
}
.pop_content input[type='text']{
	border-radius:10px;
	background-color: #fff;
}
.pop_content #test_mb_name{
	width:30%;
	border-radius:10px;
	background-color: #fff;
}
.pop_content #test_tel_no{
	width:53%;
	border-radius:10px;
	background-color: #fff;
}
.pop_content button{
	height: 30px;
	/* background-color: #FC3A65; */
	border-radius: 60%;
}
#test_auth_num{
	width:100%;
}
.pop_content.auth button{
	background-color: #FC3A65;
	width: 35px;
    color: #ffffff;
    /* border-radius: 60%; */
    font-size: 14px;
}
.pop_content.my_fat_size button[type=button]{
	width: 20%;
	height: 30px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	background-color: #ffffff;
	margin: 4px;
}
.pop_content.my_fat_size button[type=button].on{
	width: 20%;
	height: 30px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	background-color: #fc4d74;
}

.pop_content.mysize button[type=button]{
	width: 20%;
	height: 30px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	background-color: #ffffff;
	margin: 4px;
}
.pop_content.mysize button[type=button].on{
	width: 20%;
	height: 30px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	background-color: #fc4d74;
}
.pop_content_result{
	text-align:center;
}
.pop_content_result button{
	height: 40px;
    width: 40%;
    background-color: #FC3A65;
    border-radius: 10px;
    color: white;
	border-radius:40px;
	font-size:18px;
	margin: 0px 10px;
}
.my_after_test_intro {
	display: block;
    top: 0;
    position: fixed;
}
.my_after_test_intro img{
	height:100vh;
}
.my_after_test input[type='text']{
	border: 1px solid darkgray;
}
.pop_content_name span{
	margin-right:5px;
}
.pop_content_name input[type='text']{
	width: 100px;
    border-radius: 10%;
    background-color: lightgray;
}

.pop_content_one div:first-child{
	float: left;
}
.pop_content_one div:last-child{
	float: right;
}
.pop_content_one select{
	border-radius:25px;
}
.pop_text{
	font-family: "Noto Sans KR","맑은 고딕","Malgun Gothic","돋음, Dotum","Helvetica Neue","Helvetica, Arial","serif";
	margin-bottom:5px;
	line-height: 15px;
}
.pop_img{
	line-height: 10px;
	text-align: center;
}
.pop_img span{
	display:block;
}
.pop_img img{
	width: calc( 100% / 3.2);
	margin-bottom:10px;
	border-radius:10%;
	vertical-align: middle;
    text-align: center;
}
.pop_img .on{
	border: 5px solid #FC3A65;
	
}
.result1_text{
	padding: 10px;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
	line-height: 20px;
}
.result2_text{
	font-weight: 400;
    display: inline-block;
	padding: 0px 10px 0 10px;
	line-height: 15px;
	margin-bottom: 10px;
	font-size:15px;
}
.result2_text span{
	font-weight: 600;
}
.result3_text{
	display: inline-block;
	padding: 0px 10px 0 10px;
	margin-bottom:10%;
}
.my_after_test_result .pop_img img{
	width: calc( 100% / 2.5);
	margin-bottom:10px;
	border-radius:10%;
	vertical-align: middle;
    text-align: center;
}
.arrow {display:inline-block; background:#FC3A65; position:relative;}
.arrow:after {content:''; position:absolute; width:0; height:0; border-style:solid;}
.arrow.test_4 {width:10px; height:10px; margin: 10px;}
.arrow.test_4:after {border-width:10px 10px;}
.arrow.test_4:after {border-color:transparent transparent transparent #FC3A65; top:-5px; left:10px;}

.auth dl{
	margin-bottom: 5px;
}