@font-face { font-family: 'Noto Sans KR'; src: url(../font/NotoSansKR-Regular.otf) format('opentype'); }

*{margin: 0;padding: 0;box-sizing: border-box;letter-spacing: -0.04em;word-break: keep-all;font-family: 'Noto Sans KR', sans-serif;outline: none;color: #333}
ol, ul, li{list-style: none}
body{font-size: 14px;}
img{border: none;}
a{text-decoration: none;color: inherit;}
table{border-collapse: collapse;width: 100%}
.flex{display: flex;align-items: center;}
input[type='radio'] {
  flex-shrink:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
  width: 13px;
  height: 13px;
  border: 1px solid #ccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
input[type='radio']:checked {
  background-color: var(--point-color);
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px var(--point-color); 
}

:root{
  --point-color: #2e52ca;
  --sub-color: #dfe6ff;
}


/* ********************** */

.wrap_all{max-width: 700px;margin: 0 auto;}
.wrap_all > img{width: 100%;display: block;}
.wrap{max-width: 700px;margin: 0 auto;}
.survey_wrap{padding-bottom: 50px;margin-bottom: 20px;;padding: 40px;width: 100%;margin: auto;}
h2.title{background: #e3dff9;color: #000;padding: 12px 25px;margin: 0 0 10px 0;font-size: 18px}
h2.title:last-of-type{margin-top: 30px}
section{padding: 20px}
section h3{margin-bottom: 15px;font-size: 15px}
section h3 span{font-size: 14px;color: #ff0e0e;display: block;margin-top: 8px;font-weight: 500}
section h3 .no_block{display: inline;color: #6a53ec;}
section input{margin-left: 10px;}
section > p.notice{color: #ff0e0e;margin-bottom: 15px}

.tb_wr{border-radius: 10px;overflow: hidden;border: 1px solid #ddd;;}
table tr th,
table tr td{text-align: center;padding: 16px 25px;background: #fff;border-bottom: 1px solid #ddd;}
table tr:last-child th, table tr:last-child td{border-bottom: 0;}
table tr td input{margin: 0}
table tr th{font-weight: 600;border-right: 1px solid #ddd;}
table tbody tr td:first-child{text-align: left;font-weight: 500;}
.answer_wrap{text-align: left;}
.answer_wrap label{margin-left: 5px;}

section textarea{width: 100%;height: 180px;resize: none}
.btn-wrap{margin-top: 60px;display: flex;align-items: center;justify-content: center;}
button.submit_btn{cursor: pointer; width: 120px;height: 40px;border-radius: 5px; background: var(--point-color);color: #fff;line-height: 40px;border: none;display: block;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
button.cancel_btn{background-color: #bbb;margin-left: 20px;}

.check_limit2{display: flex;flex-wrap:wrap;}
.check_limit2 p{min-width: 42%;margin-bottom: 15px}
.chk_wrap form{display: flex;flex-wrap: wrap;}
.chk_wrap p{width: 25%;margin-bottom: 15px}

section.sec01 > p {margin-bottom: 11px;}
.answer{display:flex;align-items:center;margin-bottom:6px;}
td .answer{justify-content: center;}
td span.num {margin-right: 0;}
.done td span.num {margin-right: 6px;}
button.num{cursor:pointer; font-family: auto;padding: 0 0 1px 0;margin-top: 1px;width:18px;height:18px;border-radius:50%;border:1px solid #555;font-size:12px;display:flex;align-items:center;justify-content:center;margin-right:6px;}
button.num.select{ cursor:pointer; background: var(--point-color);color:#fff;border: 1px solid var(--point-color);}

section.sec01 > span.num {margin-bottom: 11px;}
section.sec01 > span.num:last-child {margin-bottom: 0;}
td label {justify-content: center;}


.notice-wr { padding: 0  0 15px 15px; margin-bottom: 20px;font-weight: 600;}
.notice-wr h2 {position: relative; font-size: 18px;font-weight: 800;color: #d40b0b;margin-bottom: 3px;;}
.notice-wr h2::after{
  position: absolute;
  content: '';
  left: -10px;
  top: 6px;
  width: 4px;
  height: 16px;
  background: #d40b0b;
  display: inline-block;
  margin-right: 5px;
}
.notice-wr p{font-size: 15px;}
.notice-txt{border-bottom: 1px dotted #444;padding: 25px 15px;margin-bottom: 20px;}
.notice-txt > li{font-weight: 400;font-size: 15px;}
.notice-txt > li:not(:last-child){padding-bottom: 10px;}
.notice-txt > li.marker{padding-left: 5px;}
.notice-txt > li.marker::marker{content: '·';}

.agree-wrap{padding: 20px 25px;background-color: #eaf1ff;margin:0 20px;}
.agree-wrap p{padding-bottom: 20px;font-size: 15px;text-align: center;}
.agree-wrap .chk{text-align: center;}
.agree-wrap .chk .lb_agree{margin-right: 15px;}

span.point_bold{font-weight: bold;}
span.point_blue{color: #2567e1;}
span.txt_center{text-align: center;display:block;font-size: 23px;line-height: 33px;}
span.yellow{background-color: #fffd758a;}

.info-wrap{font-size: 17px;padding: 46px 29px 29px 29px;word-break:keep-all;line-height: 32px;border-bottom: 2px dotted #d3d1d1;}
.info-wrap p.p_first{color: #6a6a6a;font-size: 15px;}

.radius-box{background-color: #fff;border-radius: 20px;overflow: hidden;}
p.p_bottom{font-size: 16px;line-height: 26px;margin-top: 11px;color: #6a6a6a;}

.write-bx{
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  resize: none;
  width: 100%;
  height: 95px;
  padding: 10px;
  font-size: 15px;
  color: #000;
}
.write-bx::placeholder{color: #cecece;}

.etc-answer{display: flex;align-items: center;justify-content: flex-start;}
.etc-answer label{margin-right: 5px;}
.etc-input{margin: 0 5px;max-width: 70px;height: 20px;border: none;}

.flow-txt{
  display: flex;
  align-items: center;
  padding-left: 5px;
  color: #6a53ec;
  font-weight: 600;
  white-space: nowrap;
}
.fw-400{font-weight: 400;}
.bold{font-weight: bold;}
.mt-10{margin-top: 10px;}
.final-bx{padding-bottom: 20px;}

.top-info{
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  background-color: #eeeeee;
  padding: 12px 4px;
  margin-bottom: 15px;
  border-radius: 10px;
  color: #4e4e4e;
}

ul.hint_box{width: 100%; background-color: #f9f9f9;padding: 4px 8px;margin: 10px 0 20px;border: 1px solid #eee;border-radius: 5px;}
.final-bx ul.hint_box{margin-bottom: 0;}
ul.hint_box li{font-size: 15px;color: #616161;display: flex;align-items: flex-start;line-height: 26px;}
ul.hint_box li .n_box{display: inline-block;width: 47px;margin-right: 12px;color: var(--point-color);line-height: 26px;font-size: 15px;}
ul.hint_box li span.bold{font-weight: bold;}
ul.hint_box p{width: calc(100% - 47px); color: #444;}
ul.hint_box button.hint_btn{font-size: 13px;text-align: left; padding: 2px 12px;border-radius: 5px;background-color: #fff;border: 1px solid #013aae;color: #013aae;cursor: pointer;}
ul.hint_box button.hint_btn:hover{background-color: #013aae;color: #fff;}
ul.hint_box button.hint_btn span.bold{font-weight: bold;color: #013aae;}
ul.hint_box button.hint_btn:hover span.bold{color: #fff;}
ul.hint_box li .n_box span{color: #3c68ff;}

.agree-wrap{background-color: #fff;margin:0 20px;display: flex;flex-direction: column;align-items: center;}
.agree-wrap .txt{width: 100%; font-size: 15px;line-height: 22px;text-align: center;border-radius: 10px;}
.agree-wrap h3.tit{width: 100%;color: #373737; font-size: 18px;text-align: center;margin-bottom: 10px;}
.agree-wrap .chk{margin-top: 20px;width: 100%;}
.agree-wrap .chk .lb_agree{margin-right: 31px;}
.agree-wrap .chk .answer_input{border: 0;width: 100%;height: 25px;}
.agree-wrap .chk p.i_txt{margin-bottom: 6px;text-align: right;color: #013aae;margin-top: 4px;font-size: 13px;}
.agree-wrap .chk p.i_txt span{font-weight: 600;color: #013aae;}
.agree-wrap .bold{font-weight: bold;}
.agree-wrap span.point{color: #ff3100;}