@charset "utf-8";


.wrap {width: 700px; margin: 0px auto; box-sizing: border-box; }

/*tit*/
h1 {background: url(../images/tit_bg.png) center; width: 100%; height: 153px;}

/*.quizBox*/
.quizBox {padding: 0 76px; letter-spacing: -1px; background: url(../images/bg.png) no-repeat;}

/*box*/
.quizBox .txt {margin: 40px 0 30px;}
.quizBox .txt .tBox {border: 2px solid #26bfd7; font-size: 14px; padding: 20px 24px;}
.quizBox .txt .subTxt {font-size: 12px; padding: 10px 30px; color: #e80208;}

/*quiz*/
.quizBox ul li.qList {padding-left: 30px; margin-bottom: 45px;}
.quizBox ul li h2 {color: #26bfd7; font-weight: 600; font-size: 12px; margin-bottom: 6px;}
.quizBox ul li .quiz {font-size: 14px; margin-bottom: 10px; position: relative;}
.quizBox ul li .quiz::before {content: ""; position: absolute; width: 16px; height: 15px; background: url(../images/icon_q.png) no-repeat ; left: -22px; top: 3px;}
.quizBox ul li .answer {display: flex; justify-content: space-between; font-size: 10px; margin-bottom: 10px;}
.quizBox ul li .answer button p {width: 18px; height: 18px; border-radius: 50%; letter-spacing: -1px; border: 1px solid #000; line-height: 1; display: inline-block;}
.quizBox ul li .answer button.on p {background: #26bfd7; border: 1px solid #26bfd7; color: #fff;}
.quizBox ul li .answer button.on {color: #26bfd7; font-weight: 600;}
.quizBox ul li .hint {font-size: 12px; color: #000000;}
.quizBox ul li .hint .bold2 {font-weight: 600; font-size: 13px;}




/*psnl*/
.psnl {padding: 0 30px; margin-bottom: 50px;}
.psnl h3 {font-size: 14px; font-weight: 600; color: #26bfd7; margin-bottom: 10px;}
.psnl .tCont {font-size: 12px; margin-bottom: 10px;}
.psnl table {font-size: 12px;}
.psnl table th {background: #26bfd7; color: #fff; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
.psnl table td { height:39px; padding: 11px; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}

table input[type="text"] { width: 300px; border: 1px solid #fff; padding: 2px 5px; border-bottom: 1px solid #bfbfbf; box-sizing: border-box;}
table input[type="radio"] { margin-right: 3px; }
table input[type="radio"]~input[type="radio"]{margin-left:15px;}