/* checkup common */
	body {
		counter-reset: section;
	}
	.checkup_module {
		padding: 0 1rem 3rem;
		margin: 0 auto;
		background: #fff;
		font-size: 0;
	}
/* checkup common end */

/* tab_btn_box */
	.checkup_module .tab_btn_box {
		
		margin-bottom: 2rem;
	}
	.checkup_module .tab_btn a{
		text-align:center;
		font-size:1rem;
		background:#bbb;
		color:#fff;
		padding:0.8rem 1.2rem;
		font-weight:700;
		margin-right:1px;
		border-radius:4px;
	}
	.checkup_module .tab_btn.sel a{
		background:#42A5F5;
	}
/* tab_btn_box end */

/* checkup_box */
	.checkup_box {
		display: none;
	}
	.checkup_box.on {
		display: block;
	}
/* checkup_box end */

/* test_module */
	.test_module {
		width: 100%;
	}

	/* category */
	.test_module .checker_box {
		width: 4rem;
	}

	/* test_list */
	.test_module .test_list_box {
	}
	.test_module .test_list {
		display: table;
		table-layout: fixed;
		width: 100%;
		font-size: 0;
	}
	.test_module .answer_box .ipt {
		text-align: center;
		text-align-last: center;
		width: 100%;
		height: 2.4rem;
		line-height: 2.4rem;
		background: #26A69A;
		color: #fff;
		font-size: 1rem;
	}
		/*
		.test_module .test_list:nth-child(odd) .answer_box .ipt {
			background:#42A5F5;
		}*/
	.test_module .answer_box .icn {
		position: absolute;
		pointer-events: none;
		right: 10px;
		width: 1.25rem;
		height: 1.25rem;
		line-height: 1.25rem;
		text-align: center;
	}
	.test_module .answer_box .icn .fa {
		color: #fff;
		font-size: 1.25rem;
	}
	.test_module .test_info_box {
		
		padding: 3% 0;
	}
	.test_module .test_btn_box {
		
		text-align: center;
		font-size: 0;
	}
	.test_module .test_btn {
		
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 8rem;
		margin: 0 0.4rem;
		padding:0.8rem 0;
		background: #FF4081;
		/*border: 2px solid #F48FB1;*/
		border-radius: 4px;
		color: #fff;
		font-size: 1.2rem;
		font-weight: 700;
		cursor:pointer;
	}
	.test_module .test_btn.result {
		background:#42A5F5;
	}

	/* model 1 */
	.test_module .test_list_box.m1 .test_list {
		margin-bottom: 2.4rem;
	}
	.test_module .test_list_box.m1 .question_box {
		
		padding: 1rem 0.8rem;
		background: #efefef;
		border-top: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
	}
	.test_module .test_list_box.m1 .answer_box {
		/*border-bottom: 1px solid #d5d5d5;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;*/
	}
	.test_module .test_list_box.m1 .answer_box .checker {
		
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 50%;
		line-height: 3rem;
		background: #bbb;
		border-right: 1px solid #fff;
	}
	.test_module .test_list_box.m1 .answer_box .checker:last-child {
		border-right: none;
	}
	.test_module .test_list_box.m1 .answer_box .checker .txt {
		color: #fff;
		font-size: 1.25rem;
		font-weight: 700;
	}
	.test_module .test_list_box.m1 .answer_box .checker.on {
		background: #f4829b;
	}

	/* model 2 */
	.test_module .test_list_box.m2 .test_list {
		padding: 1rem 0;
		border-bottom: 1px solid #ddd;
	}
	.test_module .test_list_box.m2 .question_box {
		
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 4rem);
		line-height: 1.4rem;
		font-size: 1rem;
	}
	.test_module .test_list_box.m2 .answer_box {
		
		display: inline-block;
		vertical-align: middle;
	}
	
	/* index_box */
	.index_box {
		
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
		line-height: 4rem;
		background: #cccccc;
		border-top: 2px solid #408ced;
		font-size: 0;
	}
	.index_box .index {
		
		display: table-cell;
		vertical-align: middle;
		word-break: keep-all;
		color: #fff;
		font-size: 1.25rem;
	}
	.index_box .index:nth-child(1) {
		background: #a2c7f2;
	}
	.index_box .index:nth-child(2) {
		background: #88b8f0;
	}

	/* test_list_itm */
	.test_module .test_list_itm {
		
		display: table-cell;
		vertical-align: middle;
	}
	.test_list_itm.num {
		text-align: center;
		width: 2.4rem;
		color: #FF4081;
		font-size: 1.2rem;
		font-weight: 700;
	}
	.test_list_itm.num:before {
		counter-increment: section;
		content: counter(section) ".";
	}
	.test_list_itm.info_box {
		text-align: left;
		word-break:keep-all;
		line-height: 1.4rem;
		padding: 0 0.4rem;
		color: #666;
		font-size: 1.2rem;
	}
	.test_list_itm.info_box .info {
		
		text-transform: uppercase;
		padding: 1rem 0;
	}
	.test_list_itm.qna_box {}
	.test_list_itm.qna_box .qna {
		
	}
	.test_list_itm.qna_box .checker_box {
		
		display: inline-block;
		vertical-align: middle;
	}
	.test_list_itm.qna_box .checker_box .checker {
		
		text-align: center;
		cursor: pointer;
		padding: 1rem 0;
		font-size: 1rem;
	}
	.test_list_itm.qna_box .checker_box .checker .fa {
		opacity: 0;
		color: #e48697;
		font-size: 1rem;
	}
	.test_list_itm.qna_box .checker_box .checker.on .fa {
		opacity: 1;
	}
	
	/* test_data_input_box */
	.test_data_input_box {
		
		display: none;
		padding: 0.5rem 1rem;
		background: #fff;
		border: 1px solid #ccc;
		width:90%;
		max-width:700px;
		border-radius:4px;
	}
	.test_data_input_box.on {
		display: block;
	}
	.test_data_input_box .close {
		
		text-align: right;
		font-size: 0;
	}
	.test_data_input_box .close .close_btn {
		
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		width: 2rem;
		height: 2rem;
	}
	.test_data_input_box .close .close_btn:before {
		content: "";
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 0;
		height: 3px;
		width: 100%;
		background: #7AADEE;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.test_data_input_box .close .close_btn:after {
		content: "";
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 0;
		height: 3px;
		width: 100%;
		background: #7AADEE;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.test_data_input_box .board_module {
		
		font-size:0;
	}
	.test_data_input_box .board_module .info_tit {
		
		text-align: center;
		word-break: keep-all;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		margin-bottom: 1rem;
		color: #232323;
		font-size: 1.25rem;
	}
	.test_data_input_box .board_module .info_tit em:nth-child(1) {
		display: block;
	}
	.test_data_input_box .board_module .width_inner{
		
		/*max-width: 480px;*/
		padding: 1rem 0 0;
		margin: 0 auto;
	}
	.test_data_input_box .board_module .form_box {
		
		border-bottom:1px dashed #bbb;
		padding:0.8rem 0 1.2rem;
	}
	.test_data_input_box .board_module .form_box.no_border {
		border-bottom: none;
	}
	.test_data_input_box .board_module .form {
		
		font-size:0;
	}
	.test_data_input_box .board_module .form.w50 {
		display: inline-block;
		vertical-align: middle;
		width: 49%;
	}
	.test_data_input_box .board_module .form_spt {
		display: inline-block;
		vertical-align: middle;
		width: 2%;
	}
	/* form content */
		.test_data_input_box .form_box .form > .tit{
			
			display:inline-block;
			vertical-align:middle;
			text-align:left;
			font-size:14px;
			width:90px;
			padding:0 4px 0 12px;
			line-height:32px;
		}
		.test_data_input_box .form_box .form > .tit.w100{
			width:100%;
		}
		.test_data_input_box .form_box .form > .tit:before {
			content:"";
			display:block;
			position:absolute;
			width:4px;
			height:4px;
			background:#7AADEE;
			left:0;
			top:50%;
			transform:translate(0,-50%);
			-ms-transform:translate(0,-50%);
			-moz-transform:translate(0,-50%);
			-webkit-transform:translate(0,-50%);
		}
		.test_data_input_box .form_box .form > .ctn{
			display:inline-block;
			vertical-align:middle;
			text-align:left;
			width:calc(100% - 90px);
		}
		.test_data_input_box .form_box .form > .ctn.w100{
			width:100%;
		}
		.test_data_input_box .form_box .form > .ctn .info{
			font-size:16px;
			color:#4ea534;
			font-weight:700;
		}
	/* form content end */

	/* sub info */
		.test_data_input_box .form_box .form .inner_form{
			margin:0.5rem 0 0 100px;
			text-align:left;
		}
		.test_data_input_box .form_box .form .inner_form.info{
			font-size:14px;
			color: dodgeblue;
		}
		.test_data_input_box .form_box .form .inner_form.info:empty{
			display:none;
		}
		.test_data_input_box .form_box .form .inner_form .tit{
			
			display:inline-block;
			vertical-align:middle;
			text-align:left;
			width:80px;
			font-size:12px;
		}
		.test_data_input_box .form_box .inner_form .ctn{
			width:calc(100% - 80px);
			font-size:12px;
		}
	/* sub info end */

	/* input and select */
		.test_data_input_box .ipt {
			width:100%;
			height:32px;
			line-height:30px;
			border:1px solid #ddd;
		}
		.test_data_input_box .ipt:focus {
			border: 1px solid #7AADEE; /* main color */
		}
		.test_data_input_box .ipt.spt2 {
			width:46%;
		}
		@media screen and (min-width: 480px) {
			.test_data_input_box .ipt.spt2 {
				width:47.5%;
			}	
		}
		.test_data_input_box .ipt.spt3 {
			width:28%;
		}
		@media screen and (min-width: 480px) {
			.test_data_input_box .ipt.spt3 {
				width:30%;
			}	
		}
		.test_data_input_box .ipt_spt {
			display:inline-block;
			vertical-align:top;
			text-align:center;
			width:8%;
			font-size:14px;
			line-height:32px;
		}
		@media screen and (min-width: 480px) {
			.test_data_input_box .ipt_spt {
				width:5%;
			}	
		}
		.test_data_input_box .ipt.disable[readonly] {
			background:#eee;
		}
		.test_data_input_box .ipt.disable[readonly]:focus {
			border: 1px solid #ddd;
		}
	/* input and select end */

	/* textarea documnet */
		.test_data_input_box .ipt.document {
			height: 120px;
			padding: 12px 12px;
			margin:0 0;
			font-size:1rem;
			line-height:1.6rem;
		}
		@media screen and (min-width: 0px) and (max-width: 359px){
			.test_data_input_box .form_box .ipt.document {
				height:80px;
			}	
		}
		@media screen and (min-width: 360px) and (max-width: 479px) {
			.test_data_input_box .form_box .ipt.document {
				height:100px;
			}	
		}
		.test_data_input_box .ipt.document:focus {
			border:1px solid #ddd;
		}
		.test_data_input_box .ipt.editor {
			width:100%;
			height: 280px;
			padding:0 0;
			margin:0 0;
			line-height:initial;
			/*visibility: hidden; 
			display: none;*/
		}
		.test_data_input_box .ipt.editor:focus {
			border:1px solid #ddd;
		}
	/* textarea documnet end */

	.test_data_input_box .board_module .submit {
		display: block;
		
		margin: 1rem auto 0;
		width: 100%;
		max-width: 300px;
		line-height: 3rem;
		background: #7AADEE;
		color: #fff;
		font-weight: 700;
		font-size: 1.25rem;
		letter-spacing: 2px;
		border-radius: 4px;
		box-shadow: 4px 4px 0px #ccc;
	}

/* test_result_box */
	.test_result_box_outter {
		position:fixed;
		top:-10%;
		bottom:-10%;
		left:-10%;
		right:-10%;
		background:rgba(0,0,0,0.6);
		z-index:1200;
		display: none;
	}
		.test_result_box_outter.on {
			display:block;
		}
	.test_result_box {
		position:absolute;
		background: #fff;
		border: 2px solid #26A69A;
		border-radius: 8px;
		padding: 1rem;
		width:80%;
		max-width:700px;
	}
	.test_result_box.on {
		display: block;
	}
	.test_result_box .close {
		text-align:right;
		font-size:0;
	}
	.test_result_box .close .close_btn{
		display:inline-block;
		vertical-align:top;
		cursor:pointer;
		width:2rem;
		height:2rem;
	}
	.test_result_box .close .close_btn:before{
		content:"";
		position:absolute;
		display:inline-block;
		top:50%;
		left:0;
		margin-top:-1.5px;
		height:3px;
		width:100%;
		background:#FF4081;
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	.test_result_box .close .close_btn:after{
		content:"";
		position:absolute;
		display:inline-block;
		top:50%;
		left:0;
		margin-top:-1.5px;
		height:3px;
		width:100%;
		background:#FF4081;
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	.test_result_box .result_tit {
		
		text-align: center;
		padding: 8px 0;
		color: #f4829b;
		font-size: 0;
	}
	.test_result_box .result_tit .icn {
		
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.5rem;
	}
	.test_result_box .result_tit .icn .fa {
		color: #00897B;
		font-size: 2rem;
	}
	.test_result_box .result_tit .txt {
		
		display: inline-block;
		vertical-align: middle;
		color: #777;
		font-size: 2rem;
		font-weight: 700;
	}
	.test_result_box .solution_info {
		
		text-align: center;
		padding: 1rem 0 0;
	}
	.test_result_box .solution_info .score{
		display: inline-block;
		vertical-align: top;
		font-size: 1.25rem;
		color: #fff;
		padding: 1rem 1.5rem;
		background: #00897B;
		box-shadow: 4px 4px 0 0 #80CBC4;
	}
	.test_result_box .solution_info .score em{
		font-weight:700;
	}
	.test_result_box .solution_info .txt{
		
		/*text-align: justify;
		word-break: keep-all;
        hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;*/
		line-height: 1.6em;
		padding: 1.5rem 2rem 0;
		color: #444;
		font-size: 1rem;
		text-align:left;
	}
	.test_result_box .solution_info .txt em {
		display: block;
		text-align: center;
		/*margin: 0 0 1.5rem;*/
		color: #039BE5;
		font-size: 1.25rem;
		font-weight: 700;
		margin:0 0 1.2rem;
	}
	.test_result_box .explain {
		
		text-align: center;
		line-height: 1.4em;
		padding: 0 0 1rem;
		color: #232323;
		font-size: 1rem;
	}
/* test_result_box end */