/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input {margin: 0;padding: 0;border: 0;font-size:15px;font: inherit; vertical-align: middle; font-family: /*'Noto Sans KR',*/ 'Noto Sans', sans-serif;position:relative;font-weight:400;white-space:normal;word-break:keep-all;}
textarea {margin:0;padding:0;border:0;font-size:15px;vertical-align:baseline;font-family:/*'Noto Sans KR',*/ 'Noto Sans', sans-serif;position:relative;font-weight:400;word-break:keep-all;resize:none;border:1px #b3b3b3 solid;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
table {border-spacing:0;}

strong{font-weight:700;vertical-align: baseline;}

input[type=radio]:checked:after {
    content: '';
    background: url(../images/form-radio-checked.png) 0 50% no-repeat;
}
input[type=radio]:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px #b7b7b7 solid;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -1px;
    left: -1px;
}

input[type=checkbox], input[type=radio] {
    height: auto;
    width: 20px;
    height: 22px;
    border: 1px #b3b3b3 solid;
}

.survey-wrap{max-width:800px;}
.survey-wrap .survey-title{min-height:81px;padding:10px 10px 0;text-align:center;font-size:20px;line-height:36px;color:#fff;font-weight:bold;background:url(../images/survey-bg.jpg) no-repeat 0 0;}
.survey-wrap .survey-page{font-size: 16px;line-height: 16px;font-weight: bold;padding: 15px;}
.survey-contents{padding:27px 10px;}
.survey-contents .survey-period{text-align:right;margin:0 0 14px 0;}
.survey-contents .survey-period span{display:inline-block;padding:6px 20px 10px;color:#fff;font-size:16px;font-weight:bold;text-align:center;background:#013c8c;border-radius:20px;}
.survey-contents .survey-box{margin:0 0 37px 0;border:4px solid #e1e1e1;background:#f7f7f7;padding:16px 10px;}
.survey-contents .survey-box p{font-size:16px;line-height:24px;letter-spacing:-1px;word-spacing:-1px}
.survey-contents .survey-box p.text{margin:10px 0 0 0;font-weight:bold;text-align:right;color:#010101;}
.survey-part .ques{margin:0 0 8px 0;padding:5px 15px;font-size:16px;line-height:16px;font-weight:bold;color:#000;background:#d2d2d2;text-align:left;}
.survey-part .ques2{margin:0 0 8px 0;padding:5px 15px;font-size:16px;line-height:16px;font-weight:bold;color:#000;text-align:left;}
.survey-part .answer{margin:0 0 0 0;}
.survey-part .answer ol.pl5 li{width:100%;}
.survey-part .answer ol.pl5{width:100%;text-align: left;padding-left: 5px;font-size:16px;line-height:16px;}
.survey-part .answer ol.pl25 li{width:95%;padding: 2px 0 2px 0;}
.survey-part .answer ol.pl25{width:95%;text-align: left;padding-left: 25px;font-size:16px;line-height:16px;}
.survey-part .answer.bg{padding:10px 15px;background:#f7f7f7;}
.survey-part .answer ol.survey-list li{position:relative;font-size:15px;line-height:20px;padding:0 0 0 20px;}
.survey-part .answer ol.survey-list li:after{content:"";position:absolute;top:5px;left:0;width:7px;height:7px;border-radius:7px;background:#f7f7f7;border:3px solid #003b8b;}
.survey-part .answer .etc-text{padding:0 0 10px 14px;font-size:14px;color:#000;font-weight:bold;}
.survey-part .answer textarea{border:1px solid #eee;padding:10px;width:calc(100% - 22px);height:124px;}
.survey-part-reg{padding: 5px 15px;font-size:16px;line-height:16px;color:#000;background:#cad8ee;text-align:left;}
.survey-part-reg .txt-tit{list-style-type: none;padding-left: 24px;}
.survey-part-reg .txt-tit::before{content: '◇ ';margin:0 3px 0 -24px;}
.survey-part-reg .txt-sub{padding-left:24px;}
.survey-table table{width:100%;}
.survey-table table caption{display:none;}
.survey-table th{border:1px solid #d2d2d2;padding:8px;background:#505050;font-size:14px;font-weight:bold;color:#fff;text-align:center;}
.survey-table td{border:1px solid #d2d2d2;font-size:14px;color:#000;vertical-align:middle;text-align: center;}
.pad14 td{padding:14px;}
.survey-table td.txt{text-align: left;}
.survey-table td input{vertical-align:middle;}
.survey-table td ol li{display:inline-block;margin:3px 0;}
.survey-table td ol.wid25 li{width:100%;}
.survey-table td ol.wid33 li{width:100%;}
.survey-table td ol.wid50 li{width:100%;}
.survey-table td strong{font-weight:700;}
.survey-btn{text-align:center;margin:20px 0;}
.survey-btn input{cursor:pointer}

.survey-part-reg table caption {display: none;}
.survey-part-reg table{margin-top:5px;margin-bottom:5px;}
.survey-part-reg table th{border: 1px solid #000000;padding: 8px;font-size: 14px;font-weight: bold;text-align: center;}
.survey-part-reg table td {border: 1px solid #000000;padding: 14px;font-size: 14px;vertical-align: middle;text-align: center;}

.survey-info table caption {display: none;}
.survey-info table{margin-top:5px;margin-bottom:5px;}
.survey-info table th{border: 1px solid #000000;padding: 8px;font-size: 14px;font-weight: bold;text-align: center;}
.survey-info table td {border: 1px solid #000000;padding: 14px;font-size: 14px;vertical-align: middle;text-align: center;}

@media all and (min-width:640px){
	.survey-wrap .survey-title{padding:15px 0 15px 0;font-size:35px}
	.survey-contents .survey-box{padding:16px 20px;}
	.survey-contents{padding:27px 38px;}
	.survey-table td ol li{display:block;margin:3px 0;}
	.survey-table td ol.wid25 li{width:24%;}
	.survey-table td ol.wid33 li{width:32%;}
	.survey-table td ol.wid50 li{width:100%;}
}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.btn {cursor:pointer;}
.mytable {border-collapse:collapse;}
.mytable th, .mytable td {border:1px solid black;}
textarea{resize: none;}

.index {counter-reset: index;list-style-type: none;}
.index_item {list-style-type: none;padding-left: 24px;}
.index_item::before {counter-increment: index;content: counters(index, '.')  '. ';margin:0 3px 0 -24px;}