@font-face { font-family: 'Noto Sans KR'; src: url(../font/NotoSansKR-Regular.otf) format('opentype'); }
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

*{margin: 0;padding: 0;box-sizing: border-box;letter-spacing: -0.04em;word-break: keep-all;font-family: 'Pretendard', 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%}

.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 20px;width: 100%;margin: auto;}
section{padding: 20px 20px 50px}
section h3{margin-bottom: 25px;font-size: 17px;line-height: 28px;}
section h3 span{font-size: 13px;color: #b63f80;display: block;margin-top: 8px;font-weight: 500}
section h3 .no_block{display: inline;}
.q-tit{position: relative;margin-left: 15px;}
.q-tit::after{position: absolute;top: 0;left: -16px;font-size: 17px;line-height: 28px;}
.q-tit.tit-num01::after{content: '1.';}
.q-tit.tit-num02::after{content: '2.';}
.q-tit.tit-num03::after{content: '3.';}
.q-tit.tit-num04::after{content: '4.';}
.q-tit.tit-num05::after{content: '5.';}
section > label{margin-left: 5px}
section > label:after{content: "";display: block;margin: 10px 0}
section input{margin-left: 10px;}
section > p.notice{color: #b63f80;margin-bottom: 15px}
.final_section{padding-bottom: 78px;}

.tb_wr{border: 1px solid #ddd;}
table tr th,
table tr td{text-align: center;padding: 15px 20px;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{background: #fafafa;font-weight: 500;width: 12%;font-size: 15px;border-right: 1px solid #ddd;}
table tbody tr td:first-child{text-align: left;padding: 15px 10px;font-weight: 500;border-left: 1px solid #ddd;}
section.sec01 table tr th {width: 20%;}
.answer_wrap{text-align: left;}
.answer_wrap label{margin-left: 5px;}


.btn-wrap{margin-top: 60px;display: flex;align-items: center;justify-content: center;}
button.submit_btn{cursor: pointer; width: 120px;height: 40px; background: #09214f; border: 1px solid #09214f; color: #fff;line-height: 38px;display: block;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
button.submit_btn:hover{background-color: #fff;color: #09214f;}
button.cancel_btn{background-color: #bbb;margin-left: 20px;border: 1px solid #bbb;}
button.cancel_btn:hover{background-color: #Fff;color: #a1a1a1;}

section.sec01 > p {margin-bottom: 11px;font-size: 15px;}
.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;}
span.num{font-family: auto;display:block;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;}
span.num.select{background: #013aae;color:#fff;border: 1px solid #013aae;}

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

.agree-wrap{background-color: #fff;margin:0 20px;display: flex;flex-direction: column;align-items: center;}
.agree-wrap .txt{width: 100%; font-size: 15px;border: 1px solid #ddd;padding: 15px 10px;line-height: 22px;text-align: center;}
.agree-wrap h3.tit{width: 100%;color: #444; font-size: 18px;text-align: center;margin-bottom: 10px;}
.agree-wrap .chk{margin-top: 20px;width: 100%;}
.agree-wrap .chk > table tr td{padding: 5px 12px;}
.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;}

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: #ffdbca;font-weight: 600;}

.radius-box{background-color: #fff;border-radius: 20px;overflow: hidden;}

p.way_info{margin-bottom: 25px;font-size: 16px;line-height: 23px;padding-left: 20px;display: flex;}
p.way_info  span.point_blue{margin-right: 6px;}
ul.pd_info{margin-bottom: 76px;padding-left: 20px;font-size: 16px;}
ul.pd_info li .material-symbols-outlined{font-size: 18px;color: #ff7e3f;font-weight: 600;margin-right: 6px;vertical-align: middle;}
ul.pd_info li span.small_txt{font-size: 14px;margin-left: 4px;color: #444;}
ul.hint_box{width: 100%; padding-top: 40px;}
ul.hint_box li{font-size: 15px;color: #616161;margin-bottom: 4px;display: flex;align-items: flex-start;line-height: 26px;}
ul.hint_box li p{width: calc(100% - 70px);}
ul.hint_box li .n_box{width: 70px; display: inline-block;margin-right: 12px;color: #3c68ff;line-height: 26px;font-weight: bold;font-size: 15px;}
ul.hint_box li span.bold{font-weight: bold;}
ul.hint_box li.btn_bx{display: flex;align-items: flex-start;}
ul.hint_box li.btn_bx2{align-items: flex-start;}
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 .link{word-break: break-word;}
ul.hint_box .link:hover{color: #3c68ff;}

ul.hint_box li .n_box span{color: #3c68ff;}
.hash{font-weight: 400;}

span.underline{text-decoration: underline;text-underline-position : under;display: inline-block;color: #333;font-weight: 600;font-size: 15px;}

ul.view-bx{display: flex;align-items: center;justify-content: center;padding: 10px 20px;background-color: #f1f1f1;margin-bottom: 15px;}
ul.view-bx > li{display: flex;align-items: center;font-size: 16px;}
ul.view-bx > li:not(:last-child){margin-right: 15px;}
ul.view-bx span{display: inline-block;margin-right: 5px;}

.answer-btn{width: 70%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.answer-btn > li{ width: calc(100% / 2);}
.answer-btn > li:not(:last-child){margin-right: 12px;}
.answer-btn button{
  width: 100%;
  height: 43px;
  background-color: #eee;
  border: 1px solid #f1f1f1;
  font-size: 16px;
  line-height: 41px;
  color: #444;
  cursor: pointer;
}
.answer-btn button.select{
  background-color: #184aad;
  color: #fff;
  font-weight: 500;
}
span.bold{font-weight: bold;}
span.point{color: #2559d6;}

.top-info{
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  border: 1px solid #ddd;
  background-color: #fafafa;
  padding: 12px 4px;
  margin-bottom: 15px;
}