@charset "UTF-8";

/* ① ② ③ ④ ⑤ 
⑥	⑦	⑧	⑨	⑩ 
⑪	⑫	⑬	⑭
*/

*{-webkit-text-size-adjust:none;}

div{padding : 5px 5px 5px 5px;}

table{
	width:-webkit-fill-available;
	table-layout: fixed;
	word-break:break-all;
	height: auto;
	border: 1px solid #d9d9d9;
	border-collapse: collapse; 
	font-size : 15pt;
}

th{
	border : 1px solid #d9d9d9;
	padding : 3px 3px 3px 3px;
	background-color : #eee;
}

td{
	border : 1px solid #d9d9d9;
	text-align: center;
	padding : 3px 3px 6px 3px;
}

label{
	display: flex;
	align-items:center;
	min-height: 5vh;
}

td > label{
	justify-content : center;
}

select{
	height: 30px;
	width: -webkit-fill-available
}

select:disabled {
	pointer-events : none;
	background-color : #eee;
	color : #555;
	opacity : 1;
}

.boxMain{
	border : 1px #d9d9d9 solid;
	padding : 3px 3px 3px 3px;
}
/* 인사말 */
/* .firstDiv{
	margin-bottom: 30px;
	border-bottom: 1px #d9d9d9 solid;
	padding : 3px 3px 30px 3px;
} */

.firstDivTitle{
	text-align: center;
	font-size: 24pt;
	font-weight : bold;
	margin-bottom : 15px;
	margin-top : 70px;
}

.firstDivContent{
	font-size: 20pt;
	background-color : #f0f0f0;
	padding : 5px 5px 5px 5px;
}
/* 인사말 */

/* 질문,답변 div */
.category{
	border-bottom: 1px #d9d9d9 solid;
	margin-bottom: 5px;
}

.subHeaderIdx{
	display: inline-block;
	font-size : 20pt;
	font-weight: bold;
	background-color: #f4f4f4;
	margin-right: 8px;
}

.subHeaderTitle{
	display: inline-block;
	font-size : 20pt;
	font-weight: bold;
	background-color: #f4f4f4;
}
/* 질문, 답변 div */

/* 문제 */
.questionBox{
	margin-top : 20px;
	margin-bottom : 20px;
	border : 1px #d9d9d9 solid;
}

.question{
	display:block;
	margin-bottom:5px;
	font-size : 17pt;
	border : 1px #d9d9d9 solid;
}

.questionIdx{
	float: left;
	display: inline-block;
	background-color: #f4f4f4;
	font-weight: bold;
	bolder : 1px #d9d9d9 solid;
	margin-right: 5px;
}

.questionTitle{
	display: block;
	background-color: #f4f4f4;
	font-weight: bold;
	bolder : 1px #d9d9d9 solid;
}
/* 문제 */

/* 답변 */
.answerIdx{
	margin-left: 10px;
	font-size : 17pt;
}

.answerIdxInline{
	display : inline-block;
	font-size : 1rem;
}

.imgDiv{
	width: 62vw; 
	padding-left: 23vw; 
	display: flex; 
	justify-content:space-around;
	margin-top: -2vh;
}
/* 답변 */

/* 끝인사 */
.lastDiv {
	margin-top: 5px;
	font-size: 22pt;
}

.boxDiv{
	border: 1px solid black;
	margin-top: 3vh;	
	margin-bottom: 3vh;
	margin-left: 0.5vw;	
	margin-right: 0.5vw;	
}

.flexDiv{
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

.flexItem{
	display:inline-flex;
	flex-grow: 1;
	align-items:center;
}

.endDiv{
	background-color: #f4f4f4;
	font-weight: bold;
	font-size: 17pt;
}
/* 끝인사 */

/* 페이지이동 */
.pageMove{
	display: flex;
	justify-content:space-between;
}

.nextDiv, .prevDiv{
	text-align: right;
	margin-top : 20px;
	margin-bottom: 20px;
}

.nextBtn, .prevBtn{
	background-color: transparent;
	width: 250px;
	height: 60px;
	font-size: 22pt;
	border: none;
	box-shadow: none;
}

.nextBtn:HOVER, .prevBtn:HOVER{
	background-color: #f0f0f0;
	width: 250px;
	height: 60px;
	font-size: 22pt;
	outline: none;
}

.nextBtn:ACTIVE, .prevBtn:ACTIVE{
	background-color: #f0f0f0;
	width: 250px;
	height: 60px;
	font-size: 22pt;	
	outline: none;

}

.nextBtn:FOCUS, .prevBtn:FOCUS{
	background-color: #f0f0f0;
	width: 250px;
	height: 60px;
	font-size: 22pt;
	outline: none;
}

.nextBtn:VISITED, .prevBtn:VISITED{
	background-color: #f0f0f0;
	width: 250px;
	height: 60px;
	font-size: 22pt;	
	outline: none;
}
/* 페이지이동 */

/* 완료 버튼 */
.completeDiv{
	text-align: right;
	margin-top : 20px;
	margin-bottom: 20px;
}

.completeBtn{
	background-color: #2264bb;
	color: #ffffff;
	width: 200px;
	height: 60px;
	font-size: 22pt;
}
/* 완료 버튼 */

/* input박스 */
.numInput{
	width : 50px;
	height : 26px;
	font-size: 17pt;
}

.textInput{
	height : 30px;
	font-size: 17pt;
	width : 200px;
}

input[type=checkbox]{
	transform : scale(1.5);
	position: relative;
	top: 3.5px;
	margin-right: 20px;
}

input[type=radio]{
	transform : scale(1.5);
	position: relative;
	top: 2.4px;
	margin-right: 20px;
}

.etcInput{
	width : -webkit-fill-available;
	height : 26px;
	font-size : 17px;
	padding : 1px;
	margin-top : 2px ;
}
/* input박스 */

.question_td {
	text-align: left;
}

.spanD2 {
	min-width: 130px;	
}

.imageBox {
	display: flex;
	justify-content: center;
}

.pageDiv {
	text-align: right;
	margin-top : 20px;
	margin-bottom: 20px;
	display: flex;
	padding: 20px;
}
.pageBox {
	width: 250px;
	height: 60px;
	font-size: 22pt;
	border: none;
	text-align: center;
}

/* 폰트사이즈 반응형 */
.trFontSize{
	font-size : 1rem; 
}