@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%}

.wrap_all{max-width: 700px;margin: 0 auto;}
.wrap_all > img{width: 100%;display: block;}
.wrap{max-width: 700px;margin: 0 auto;background-color: #d7f5f3;padding: 20px;}
.survey_wrap{padding-bottom: 50px;margin-bottom: 20px;;padding: 40px;width: 100%;margin: auto;}
section{padding: 20px 20px 30px}
section h3{margin-bottom: 16px;font-size: 16px}
section h3 span{font-size: 13px;color: #b63f80;display: block;margin-top: 8px;font-weight: 500}
section h3 .no_block{display: inline;}
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: #ebedef;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: #175fcd;border: 1px solid #175fcd; color: #fff;line-height: 38px;display: block;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
button.submit_btn:hover{background-color: #fff;color: #175fcd;}
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: #175fcd;color:#fff;border: 1px solid #175fcd;}

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{font-size: 15px;border: 1px solid #ddd;border-top: none;padding: 10px;line-height: 22px;}
.agree-wrap h3.tit{width: 100%;color: #fff;background: #175fcd;font-size: 18px;text-align: center;padding: 4px;}
.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: #175fcd;margin-top: 4px;font-size: 13px;}
.agree-wrap .chk p.i_txt span{font-weight: 600;color: #175fcd;}

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{padding-top: 6px;}
ul.hint_box li{font-size: 13px;color: #616161;margin-bottom: 8px;display: flex;align-items: center;}
ul.hint_box li span.n_box{width: 103px; display: inline-block;margin-right: 12px;color: #094cb1;line-height: 26px;font-weight: bold;font-size: 14px;}
ul.hint_box li.btn_bx{display: flex;align-items: center;}
ul.hint_box li.btn_bx2{align-items: flex-start;}
ul.hint_box button.hint_btn{font-size: 13px;padding: 2px 12px;border-radius: 5px;background-color: #fff;border: 1px solid #175fcd;color: #175fcd;cursor: pointer;}
ul.hint_box button.hint_btn:hover{background-color: #175fcd;color: #fff;}

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

/* 2023.10.27 김보림 추가 */
td button.num {margin-right: 0;}
.done td button.num {margin-right: 6px;}
button.num{font-family: auto;padding: 0 0 1px 0;margin-top: 1px;width:17px;height:17px;border-radius:50%;border:1px solid #555;font-size:12px;align-items:center;justify-content:center;margin-right:6px;background-color:#FFF;cursor: pointer;}
button.num.select{background: #175fcd;color:#fff;border: 1px solid #175fcd;cursor: pointer;}

section.sec01 > button.num {margin-bottom: 11px;}
section.sec01 > button.num:last-child {margin-bottom: 0;}

ul.hint_notice span{font-size: 10px;color: #757575;margin-bottom: 8px;display: flex;align-items: center;}

.answer_wrap label{cursor:pointer;}