.diagnosis{
	width:100%;
	display:none;
}

.diagnosis .layerBack{
	position:fixed;
	z-index:99;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}

.diagnosis .startCont{
	width:700px;
	box-sizing:border-box;
	position:fixed;
	left:50%;
	margin-left:-350px;
	transform:translateY(-50%);
	top:50%;
	z-index:99;
}


.diagnosis .startCont .bg{
	width:100%;
}

.diagnosis .startCont .bg img{
	width:100%;
}

.diagnosis .startCont .contents{
	width:100%;
	position:absolute;
}

.diagnosis .startCont .contents .startLogo{
	width:188px;
	margin:50px auto 0;
}

.diagnosis .startCont .contents .startLogo img{
	width:100%;
}

.diagnosis .startCont .contents .diagnosisClose{
	width:25px;
	text-align:right;
	position:absolute;
	top:30px;
	right:30px;
}

.diagnosis .startCont .contents .diagnosisClose img{
	width:100%;
}

.diagnosis .startCont .contents .cirArea{
	width:310px;
	height:310px;
	position:relative;
	border-radius:100%;
	background:#1c223e;
	margin:70px auto 0;
}

.diagnosis .startCont .contents .cirArea .cirCont{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
}


.diagnosis .startCont .contents .cirArea .cirCont .name{
	text-align:Center;
	font-size:18px;
	color:#fff;
	font-family:'titillium web';
}

.diagnosis .startCont .contents .cirArea .cirCont .title{
	text-align:Center;
	font-size:36px;
	color:#fff;
	font-family:'titillium web';
}



.diagnosis .startCont .contents .dotList{
	width:100%;
	text-align:Center;
	margin:20px auto 20px;
}

.diagnosis .startCont .contents .dotList div{
	width:10px;
	height:10px;
	background:#fff;
	display:inline-block;
	border-radius:100%;
	margin:0px 3px
}


.diagnosis .startCont .contents .subject{
	font-size:16px;
	text-align:center;
	color:#fff;
	
}

.diagnosis .startCont .contents .substance{
	font-size:16px;
	text-align:center;
	margin-top:20px;
	
}


.diagnosis .startCont .contents .startBTN{
	width:180px;
	border:1px solid #1c223e;
	color:#1c223e;
	cursor:pointer;
	padding:12px;
	margin:30px auto 0;
	text-align:center;
	font-size:18px;
}


.diagnosis .startCont .contents .startBTN:hover{
	background:#1c223e;
	color:#fff;
}


.diagnosis .testCont{
	width:700px;
	box-sizing:border-box;
	position:fixed;
	left:50%;
	margin-left:-350px;
	transform:translateY(-50%);
	top:50%;
	z-index:99;
	background:#f7f7f7;
	padding:30px;
}


.diagnosis .testCont .topLine{
	width:100%;
	display:inline-block;
}

.diagnosis .testCont .topLine .reset{
	width:150px;
	display:inline-block;
	background:#e5e5e5;
	border-radius:50px;
	-webkit-border-radius:50px;
	text-align:center;
	padding:10px 0px;
}

.diagnosis .testCont .topLine .reset .ico{
	width:20px;
	display:inline-block;
	vertical-align:middle;
}

.diagnosis .testCont .topLine .reset .ico img{
	width:100%;
}

.diagnosis .testCont .topLine .reset .text{
	font-size:16px;
	color:#222;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px;
}


.diagnosis .testCont .topLine .diagnosisLogo{
	width:190px;
	display:inline-block;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}

.diagnosis .testCont .topLine .diagnosisClose{
	width:25px;
	display:inline-block;
	float:right;
	margin-top:5px;
}

.diagnosis .testCont .topLine .diagnosisClose img{
	width:100%;
}



.diagnosis .testCont .tabMenu{
	width:100%;
	background:#fff;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	margin-top:30px;
}

.diagnosis .testCont .tabMenu li{
	width:20%;
	display:inline-block;
	float:left;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:15px 0px;
	cursor:pointer;
}

.diagnosis .testCont .tabMenu li:last-child{
	border-right:0px solid #e5e5e5;
}


.diagnosis .testCont .tabMenu li .ico{
	width:45px;
	margin:0 auto;
}

.diagnosis .testCont .tabMenu li .ico img{
	width:100%;
}

.diagnosis .testCont .tabMenu li .icoOn{
	display:none;
}

.diagnosis .testCont .tabMenu li .text{
	font-size:15px;
	text-align:center;
	margin-top:5px;
	font-weight:300;
	color:#999;
}


.diagnosis .testCont .tabMenu .on{
	background:#f0f2fb;
}


.diagnosis .testCont .tabMenu .on .icoOn{
	display:block;
}

.diagnosis .testCont .tabMenu .on .icoOff{
	display:none;
}
.diagnosis .testCont .tabMenu .on .text{
	color:#1d223f;
	font-weight:500;
}


.diagnosis .testCont .subjectLine{
	width:100%;
	text-align:Center;
	margin-top:30px;
}

.diagnosis .testCont .subjectLine .ico{
	width:30px;
	display:inline-block;
	vertical-align:middle;
}

.diagnosis .testCont .subjectLine .ico img{
	width:100%;
}

.diagnosis .testCont .subjectLine .subject{
	display:inline-block;
	font-size:24px;
	letter-spacing:-0.7px;
	font-weight:300;
	vertical-align:middle;
}

.diagnosis .testCont .subjectLine .subject span{
	font-weight:500;
}

.diagnosis .testCont .selectList{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	background:#fff;
	margin-top:15px;
}


.diagnosis .testCont .selectList li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	
	display:inline-block;
	box-sizing:Border-box;
}

.diagnosis .testCont .selectList li:last-child{
	border-bottom:0px solid #e5e5e5;
}

.diagnosis .testCont .selectList li:hover{
	background:#f0f2fb
}






.diagnosis .testCont .selectList li .num{
	width:30px;
	line-height:30px;
	background:#1c223e;
	text-align:Center;
	font-size:16px;
	color:#fff;
	border-radius:100%;
	-webkit-border-radius:100%;
	font-family:'roboto';
	display:Inline-block;
}
.diagnosis .testCont .selectList li .subj{
	font-size:16px;
	font-family:'roboto','noto sans kr';
	display:inline-block;
	margin-left:10px;
}

.diagnosis .testCont .selectList li .dia_radioArea{
	display:inline-block;
	width:100%;
}

.diagnosis .testCont .selectList li .dia_radioArea label{
	display: inline-block; 
	cursor: pointer; 
	position: relative; 
	font-size: 15px; 
	margin-bottom: 0; 
	vertical-align:middle;
	color:#444; 
	font-family:'roboto','noto sans kr';
	width:97%;
	padding:20px;
} 

.diagnosis .testCont .selectList li .dia_radioArea input[type=radio] { 
	display: none;
} 

.diagnosis .testCont .selectList li .dia_radioArea label::before {
	content: ""; 
	display: inline-block;
	width: 20px;
	vertical-align:middle;
	height: 20px; 
	background:url("../images/diagnosis/radioOff.png"); 
	background-size:100%;
	margin-top:5px;
	float:right;
} 

.diagnosis .testCont .selectList li .dia_radioArea input[type=radio]:checked + label::before {
	content: ""; 
	background:url("../images/diagnosis/radioOn.png"); 
	background-size:100%;
}



.diagnosis .testCont .bottonArea{
	width:100%;
	text-align:right;
	margin-top:10px;
}


.diagnosis .testCont .bottonArea .nextBTN{
	display:inline-block;
	padding:12px 20px;
	background:#1c223e;
	cursor:pointer;
}


.diagnosis .testCont .bottonArea .nextBTN .text{
	display:inline-block;
	font-size:16px;
	color:#fff;
	vertical-align:middle;
}

.diagnosis .testCont .bottonArea .nextBTN .arrow{
	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
	width:8px;
}