html, body{
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust : none;
	-moz-text-size-adjust : none;
	-o-text-size-adjust : none;
}
html {position: relative; height: 100%; font-size:14px; line-height: 1.6em; -webkit-tap-highlight-color: rgba(0,0,0,.2); tap-highlight-color: rgba(0,0,0,.2); /*direction: rtl;*/}
body {
	background: #f0f0f0;
	height: 100%;
	padding: 0;
	font-family: 'Noto Sans KR',malgun gothic,'맑은 고딕','돋움',Arial,sans-serif;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.6em;
	color: #3c3c3c;
	letter-spacing: -0.02em;
}

/*기본 글자색 변경*/
.fontcolor_black{color:#000;}
.fontcolor_black a,
.fontcolor_black a:hover,
.fontcolor_black a:focus{color:#000;}
.fontcolor_black .form-control{color:#000;}

a,a:hover,a:focus{color:#3c3c3c; text-decoration: none; }
h1,h2,h3,h4,h5,h6{font-weight:900; margin:0; padding:0;}
ul,li,ol{list-style: none; margin:0; padding:0;}
p{line-height:1.6em; margin-top:5px; margin-bottom:5px;}
label{font-weight:300;}

button, input, select, table, textarea{outline:none;}
input[type="text"]{border:1px solid #c8c8c8; height: 34px;}
button{outline:none !important;}
button:active{outline:none; /*filter: brightness(90%); -webkit-filter: brightness(90%); -moz-filter: brightness(90%);*/}
/*.label{padding:5px 5px; display:inline-block; vertical-align: top;}*/

fieldset{display: block; margin:20px 0; border-bottom:1px solid #dcdcdc;}
legend{font-size:1.2rem; border:none; color:inherit; margin:0; padding:10px 8px; font-weight: 700; background-color: #dcdcdc; border-top:1px solid #646464;}


/*텍스트 글줄 바꾸기*/
.txt_break_m:after{content: "\A"; white-space: pre;}/*모바일에서 텍스트 줄바꿈*/


/*기본 텍스트 스타일*/
h2{font-size:1.5rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
h3{font-size:1.3rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
h4{font-size:1.15rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
h5{font-size:1.07rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
.p2{font-size:1.4rem; line-height: 1.6em; margin:10px 0;}
.p3{font-size:1.2rem; line-height: 1.6em; margin:10px 0;}
p, .p4{font-size:1rem; line-height: 1.6em; margin:10px 0;}
.p5{font-size:0.93rem; line-height: 1.6em; margin:10px 0;}
ul{margin:10px 0;}
li{font-size:1rem; margin:5px 0; text-indent: -0.6em; padding-left:0.6em; line-height: 1.5em;}
li::before{content:"\b7\a0"; font-weight: 700; }



/*버튼 스타일*/
.btnsty01{background:#ca2d35; border:1px solid #ca2d35; border-radius: 0; font-size:1em; color:#fff; outline:none; -webkit-box-shadow:none; box-shadow:none;
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty01:hover, .btnsty01:focus{background:#DC3F47; border-color:#DC3F47; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.btnsty01:active{background:#b32a31; border-color:#b32a31; -webkit-box-shadow:none; box-shadow:none;}

.btnsty02{background:#6e6e6e; border:1px solid #6e6e6e; border-radius: 0; font-size:1em; color:#fff; outline:none; -webkit-box-shadow:none; box-shadow:none; 
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty02:hover, .btnsty02:focus{background:#787878; border-color:#787878; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.btnsty02:active{background:#5a5a5a; border-color:#5a5a5a; -webkit-box-shadow:none; box-shadow:none;}

.btnsty03{background:#8c8c8c; border:1px solid #8c8c8c; border-radius: 0; font-size:1em; color:#fff; outline:none; -webkit-box-shadow:none; box-shadow:none; 
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty03:hover, .btnsty03:focus{background:#969696; border-color:#969696; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.btnsty03:active{background:#828282; border-color:#828282; -webkit-box-shadow:none; box-shadow:none;}

.btnsty04{background:#505050; border:1px solid #505050; border-radius: 0; font-size:1em; color:#fff; outline:none; -webkit-box-shadow:none; box-shadow:none; 
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty04:hover, .btnsty04:focus{background:#5a5a5a; border-color:#5a5a5a; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.btnsty04:active{background:#464646; border-color:#464646; -webkit-box-shadow:none; box-shadow:none;}

.btnsty05{background:transparent; border:1px solid #6e6e6e; border-radius: 0; font-size:1em; color:#3c3c3c; outline:none; -webkit-box-shadow:none; box-shadow:none; 
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty05:hover, .btnsty05:focus{background:#f0f0f0; border-color:#6e6e6e; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.btnsty05:active{background:#dcdcdc; border-color:#6e6e6e; -webkit-box-shadow:none; box-shadow:none;}

.btnsty06{background:transparent; border:1px solid #6e6e6e; border-radius: 0; font-size:1em; font-weight: 700; color:#3c3c3c; outline:none; -webkit-box-shadow:none; box-shadow:none; 
	-webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.btnsty06:hover, .btnsty06:focus{background:#f0f0f0; border-color:#6e6e6e; -webkit-box-shadow:none; box-shadow:none;}
.btnsty06:active{background:#dcdcdc; border-color:#6e6e6e; -webkit-box-shadow:none; box-shadow:none;}

.prev_btn img,
.next_btn img{width:20px;}

.inline_btnbox{display:inline-block; vertical-align: middle;}
.inline_btn{display:inline-block; height: 34px; margin:5px 0;}


/*인풋 스타일*/
.form-control{border-radius:0; font-size:1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:0; -webkit-appearance:none; -moz-appearance: none; appearance: none; resize:none; outline: none; border:none; box-sizing: border-box; background: #fff; height:30px; color:#3c3c3c; vertical-align: middle;}
.form-control:focus{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.form-control::-ms-expand { display: none;}

.fctrl03{border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance:none; -moz-appearance: none; appearance: none; resize:none; outline: none; box-sizing: border-box; background: #fff; height:30px; color:#3c3c3c; border:1px solid #c8c8c8;}
.fctrl03:focus{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #ca2d35;}
.fctrl03:disabled{background-color:#ebebeb;}

.inptxtbox{width:100%; overflow: hidden; padding:5px; display:block;}
.inptxtbox select{background:url("/Ver2/images/selectbtn.png") no-repeat 100% 50%; background-size:20px;}
textarea.form-control{width:100%; resize:none; height:180px; }

.fileup_box{position:relative;}
.fileup_box label{display: inline-block; margin-top:5px; margin-bottom:5px; padding: .5em .75em; vertical-align: middle; cursor: pointer; background:#6e6e6e; border:1px solid #6e6e6e; border-radius: .25em; font-size:1em; font-weight: 700; line-height: 1.2em; color:#fff; outline:none; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out; transition: background 0.1s ease-out, color 0.1s ease-out, border 0.1s ease-out;}
.fileup_box label:hover, .fileup_box label:focus{background:#787878; border-color:#787878; color:#fff; -webkit-box-shadow:none; box-shadow:none;}
.fileup_box label:active{background:#5a5a5a; border-color:#5a5a5a; -webkit-box-shadow:none; box-shadow:none;}

.fileup_inp{position: absolute; top:0; left:0; -webkit-appearance:none; -moz-appearance: none; appearance: none; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.fileup_view{ /*display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; overflow-y: auto; grid-gap: 2px;*/ border: 1px solid #dcdcdc; margin-top:5px; margin-bottom:5px; background-color: #dcdcdc; overflow: hidden;}
.fileup_view .fileup_info{padding:5px;}
.fileup_view .fileup_item{position: relative; /*aspect-ratio: 1; overflow: hidden;*/ width:50%; padding-bottom:50%; float:left; border:1px solid #fff;}
.fileup_view .fileup_item img{position:absolute; top:0; left:0; object-position:center; object-fit:contain; width:100%; height:100%;}
.fileup_view .remove_item{position:absolute; top:5px; right:5px; width:26px; height: 26px; padding:0; -webkit-appearance:none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,.5); border:none; border-radius:20px;}

.remove_item:before, .remove_item:after {position: absolute; top:5px; left:12px; content:' '; height: 16px; width: 2px; background-color: #000; background-color: #fff;} 
.remove_item:before {transform: rotate(45deg);} 
.remove_item:after {transform: rotate(-45deg);}


/*파일 1개씩 올리기*/
.fileup_row{display: flex; align-items: center; border-bottom:1px solid #dcdcdc;}
/*.fileup_row:last-child{border-bottom:0;}*/
.fileup_row .fileup_tit{flex-basis: 20%; text-align: center;}
.fileup_row .fileup_cont{flex-basis: 80%; border-left:1px solid #dcdcdc; padding:5px;}
.fileup_row .fileup_nminfo{display: inline-block; vertical-align: middle; margin-left:3px;}
.fileup_row .fileup_view{background-color:transparent; border:none;}
.fileup_row .fileup_btn{border-radius: 0.25em; width:184px; height: 32px; margin:5px 0; display: block; vertical-align: middle;}


.inplist{margin-top:20px; margin-bottom:20px;}
.inplist:before, .inplist:after{display:table; content: "";}
.inplist:after{clear:both;}
.inplist .lbl{margin:0 3px 0 0; display:inline-block; font-weight: 700;}
.fctrl_box{display:inline-block;}
.fctrl02{background:#fff; border:1px solid #c8c8c8; display: inline-block; height:34px; padding:5px 3px; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); margin:5px 0; }
.fctrl02.focused{border:1px solid #ca2d35;}

.inp_inblock{display:inline-block;}
.inp_block{display:block;}

.inp_col3_box{display:table; width: 100%;}
.inp_col3_box .fctrl_box{display:table-cell;}
.inp_col3_box .inp_space{display:table-cell; padding-left:3px; padding-right:3px; vertical-align: middle; text-align: center;}


select.form-control{background:#fff url("/Ver2/images/selectbtn.png") no-repeat 100% 50%; background-size:20px; padding:5px 30px 5px 3px}



/*///////////////////// 상단바 영역 ////////////////////*/

#brandbar{background:#fff; border-bottom: 1px solid #dcdcdc; width:100%;}
.brandbox{display:table; width:100%; margin: 0 auto;}
.brandbox .brandinbox{display:table-row;}
.brandbox .brlogobox{display:table-cell; vertical-align: middle; padding:5px 0 5px 10px; /*width:30%;*/ height:40px; line-height: 1.2em;}
.brandbox .brlogobox .logoimg{height:30px;}
.brandbox .brlogobox h1{font-size:0.9rem; display: none; padding:0 10px; line-height: 1.2em;}

/*상단바-진행바*/
.utilbox{display:table-cell; width:70%; height: 40px; text-align: right; vertical-align: middle; padding-right:10px;}
.brandbox .progbox{display:inline-block; width:50%; max-width: 300px; vertical-align: middle;}
.brandbox .progbox .progress_inbox{padding:0 5px;}
.brandbox .progbox .progress{height:8px; margin:0; border-radius: 0; background-color: #d2d2d2; box-shadow:0 0 0 rgba(0,0,0,0);}
.brandbox .progbox .progress-bar{background-color: #ca2d35;}

.brandbox .brtitbox h1{display: none; padding:0 10px; font-size:0.93rem; line-height: 1.2em; vertical-align: middle;}


/*상단바-폰트 사이즈 조절 버튼*/
.fontctrlbox{display:inline-block; font-size:0; vertical-align: middle;}
.fontctrlbox button{display: inline-block; width:34px; height: 34px; border:1px solid #dcdcdc; background-color: #fff; border-radius: 0; padding:0; vertical-align: top; margin:0;}
.fontctrlbox button+button{border-left:1px solid #fff;}
.fontctrlbox button img{width:100%;}

/*오류 버튼*/
.errbtnbox{display: inline-block; width: 34px; height: 34px; vertical-align: middle;}
.errbtnbox button{width: 34px; height: 34px; padding:0; border:1px solid #dcdcdc;}

/*조사 타이틀 바*/
#titlebar{width:100%;}
#titlebar .brtitbox {width:100%; background:#fff; border-bottom:1px solid #dcdcdc; padding:7px 10px;}
#titlebar .brtitbox h1{font-size:0.9rem; line-height: 1.2em; width:100%; text-align: center;}


/*메인 설명 페이지*/
#contwrap.maininfowrap{max-width: 920px;}
.maininfobox .maininfo_banner{background:url("/Ver2/images/main_banner.png") no-repeat; background-size: cover; color:#fff; padding:25px;}
.maininfobox .maininfo_banner h4{font-size:1.4rem; line-height: 1.4em; font-weight: 700; margin:0;}
.maininfobox .maininfo_banner p{font-size:1rem; line-height: 1.5em; font-weight: 300; margin:5px 0 0;}

.maininfobox .maininfo_content{padding:0 15px;}
.maininfobox h3{font-size:1.5rem; line-height: 1.4em; margin:20px 0 15px;}
.maininfobox h4{font-size:1.2rem; line-height: 1.4em; margin:15px 0 5px;}
.maininfobox h5{font-size:1.1rem; line-height: 1.4em; margin:15px 0 5px;}
.maininfobox p{font-size:1rem; margin:5px 0;}

.maininfobox .maininfo_imgbox{width:100%; overflow: hidden; /*margin-left:10px;*/}
.maininfobox .maininfo_imgbox dl{display:inline-block; margin:0; padding:10px; width:49%; border:1px solid #dcdcdc; float:left;}
.maininfobox .maininfo_imgbox dl+dl{margin-left:2%;}
.maininfobox .maininfo_imgbox dt{font-weight:300;}
.maininfobox .maininfo_imgbox dd{display:block; margin-top:7px;}
.maininfobox .maininfo_imgbox dd input{width:90px; border:1px solid #b4b4b4; border-radius: 0; height: 34px; padding:5px 8px; outline:none; -webkit-appearance: none;}

.maininfo_imgbox02{width:100%; overflow: hidden; border:1px solid #dcdcdc;/* margin-left:10px;*/}
.maininfo_imgbox02 img{height: 36px;}


.maininfobox .maininfo_infobox{width:100%; border:1px solid #dcdcdc; display:table; margin:15px 0;}
.maininfobox .maininfo_infobox .imgbox{display:table-cell; width:60px; padding:10px 0 10px 10px; border:none; vertical-align: top;}
.maininfobox .maininfo_infobox img{width:60px; border:none;}
.maininfobox .maininfo_infobox .txtbox{display:table-cell; padding:10px; vertical-align: top;}
.maininfobox .maininfo_infobox h4{margin:7px 0;}
.maininfobox .maininfo_infobox p{}


/*메인 내용 중 아이콘*/
.maininfobox .maininfo_infobox svg{width:60px; border:none;}

.maininfo_infobox .ico_mastersample .cls-1,
.maininfo_infobox .ico_mastersample .cls-2,
.maininfo_infobox .ico_mastersample .cls-3{fill:none; stroke-width:2.5px;}
.maininfo_infobox .ico_mastersample .cls-1{stroke:#c8c8c8;}
.maininfo_infobox .ico_mastersample .cls-2{stroke:#6e6e6e;}
.maininfo_infobox .ico_mastersample .cls-2,
.maininfo_infobox .ico_mastersample .cls-3{stroke-miterlimit:10;}
.maininfo_infobox .ico_mastersample .cls-3{stroke:#ca2d35;}

.maininfo_infobox .ico_alert .cls-1,
.maininfo_infobox .ico_alert .cls-2,
.maininfo_infobox .ico_alert .cls-3{fill:none; stroke-width:2.5px;}
.maininfo_infobox .ico_alert .cls-1{stroke:#c8c8c8;}
.maininfo_infobox .ico_alert .cls-2{stroke:#6e6e6e;}
.maininfo_infobox .ico_alert .cls-2,
.maininfo_infobox .ico_alert .cls-3{stroke-miterlimit:10;}
.maininfo_infobox .ico_alert .cls-3{stroke:#ca2d35;}



/*브라우저 지원종료 - 다운로드*/
.brdownbox{text-align:center; margin:10px 0;}
.brdownbox .brdown_list{width:45%; min-width: 140px; max-width: 160px; display:inline-block; border: 1px solid #dcdcdc; margin:10px 3px; text-align: center; padding:15px 5px; vertical-align: top;}
.brdownbox .brdown_list img{width:50px;}
.brdownbox .brdown_list p{font-weight: 700;}
.brdownbox .brdown_list .br_downbtn{font-weight: 700; color:#fff;}


/*기본 틀 레이아웃*/
#contwrap{max-width:1170px; width:100%; margin:5px auto 0; padding-left:15px; padding-right:15px;}
.contentbox{background: #fff; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; /*padding-bottom:20px;*/}
.contentbox+.contentbox{margin-top:20px;}
.questionbox, .fixed_theadbox, .answerbox, .explanationbox{padding:15px; width:100%;}
/*.explanationbox{padding-top:0;}*/
.fullwidth_m{margin-left:-15px; margin-right:-15px;}


/*질문란*/
.questionbox{border-bottom:1px solid #dcdcdc; font-size:1.07rem; line-height: 1.6em;}
.questionbox .ques_main{}
.questionbox .ques_main .ques_numbox{display: inline; margin:5px 0; font-size:1.07rem;}
.questionbox .ques_main .ques_txtbox{display: inline; margin:5px 0; font-size:1.07rem;}
.questionbox .ques_main .ques_txt{display: inline; margin:0; font-size:1.07rem;}
.questionbox .ques_main .ques_sub_txt{margin:20px 0 0 0; font-size:1.07rem;}
.questionbox .ques_main .ques_add_txt{margin:10px 0 0 0; font-size:1rem; color:#a0a0a0;}


/*응답 영역 내 서브 질문*/
.sub_question{font-size:1.07rem; margin:20px 0;}


/*테이블 상단 고정용*/
.contentbox .fixed_theadbox{position: fixed; top:0; z-index:1030; margin-top:0; padding-top:0; padding-bottom: 0; width:100%;}
.contentbox .fixed_theadbox .inplist{margin-top:0; margin-bottom:0; padding-top:0; padding-bottom: 0; display:none;}

/*테이블*/
/*.tblbox{margin-top:10px; }*/
.tblsty01{width:100%;}
.tblsty01 th, .tblsty01 td{border:1px solid #dcdcdc; font-size:0.95rem; line-height: 1.4em; padding:2px; height: 38px;}
.tblsty01 th{background-color: #646464; font-weight: 300; border: 1px solid #b4b4b4; text-align: center; color:#fff; line-height: 1.3em; word-break: break-all; word-wrap:break-word;}
.tblsty01 td{padding:5px;}
.tblsty01 th:first-child,
.tblsty01 td:first-child{border-left:none;}
.tblsty01 th:last-child,
.tblsty01 td:last-child{border-right:none;}
.tblsty01 p{font-size:0.95rem; line-height: 1.4em; margin:5px 0;}

.tblsty01 .th_question{background-color: #f5f5f5; border-left-color:#dcdcdc; border-right-color:#dcdcdc; border-bottom-color:#dcdcdc;}
.tblsty01 .th_add01{background-color: #dcdcdc; color: #3c3c3c; }
.tblsty01 .th_add02{background-color: #966363; color: #fff; }

/*.tblsty01 .td_add01{background-color: #f0f0f0;}*/
.tblsty01 .td_add02{background-color: #FFF1F1;}

.tr_even tr:nth-child(even){background-color: #f5f5f5;}
.tr_even tr:nth-child(even) .td_add02{background-color: #f8e0e0;}

.td_even td:nth-child(even){background-color: #f5f5f5;}
.td_even td:nth-child(even) .td_add02{background-color: #f8e0e0;}

.tblsty01 .tr_total{background-color: #e6e6e6;}
.tblsty01 .td_total{background-color: #e6e6e6;}

.td_part{background-color:#fff;}


.tbl_xs_font th, .tbl_xs_font td{font-size:0.85rem;}
.tbl_border_no, .tbl_border_no th, .tbl_border_no td{border:none;}

/*테이블 헤드 척도-그라데이션 옵션*/
.tblsty01 .th_step5_1{background-color: rgba(160,160,160,1);}
.tblsty01 .th_step5_2{background-color: rgba(130,130,130,1);}
.tblsty01 .th_step5_3{background-color: rgba(100,100,100,1);}
.tblsty01 .th_step5_4{background-color: rgba(70,70,70,1);}
.tblsty01 .th_step5_5{background-color: rgba(40,40,40,1);}


/*테이블 헤드 척도-그라데이션 옵션*/
.tblsty01 .th_step7_1{background-color: rgba(160,160,160,1);}
.tblsty01 .th_step7_2{background-color: rgba(140,140,140,1);}
.tblsty01 .th_step7_3{background-color: rgba(120,120,120,1);}
.tblsty01 .th_step7_4{background-color: rgba(100,100,100,1);}
.tblsty01 .th_step7_5{background-color: rgba(80,80,80,1);}
.tblsty01 .th_step7_6{background-color: rgba(60,60,60,1);}
.tblsty01 .th_step7_7{background-color: rgba(40,40,40,1);}



/*클릭 기능 테스트용 css - 테스트 시 활성화*/
/*.inpchk{margin-left:20px!important;} 
.sub_inpchk{margin-left:20px!important;} */


/*라디오, 체크박스 기본 형태 없애기 - 테스트 시 주석 처리*/
.inpchk{opacity:0; outline: 0; -webkit-appearance:none; display: none;} 
.sub_inpchk{opacity:0; outline: 0; -webkit-appearance:none; display: none;} 


/*체크박스에 input 추가*/
.defaultlist_sty .fctrl_box{padding:5px;}
.defaultlist_sty .fctrl02{margin:0;}


/*라디오버튼+순위+이미지*/
.radio_sty{
	position:relative; display:block; margin:5px 0; border:1px solid #dcdcdc; border-radius: 8px; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}
.radio_sty .ranktxt{display:table-cell; width:34px; border-right:1px solid #dcdcdc; text-align: center; vertical-align: middle; color:#ca2d35;}

.radio_sty .check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/radio4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.radio_sty .check_pack .inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.radio_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.radio_sty .check_pack .checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/radio4x_on.png") no-repeat 0 0; background-size:20px;}

.radio_sty .imgbox{border-left:none; border-right:none; border-bottom:none; border-top:1px solid #dcdcdc;}
.radio_sty .imgbox img{border:none;}
.with_content{border-radius: 0;}/*이미지 자료 포함 시*/

.radio_sty:hover{background-color: #ebebeb;}
.radio_sty.checked{background-color:#ffe2e2; border-color: #e8bbbb;}



/*체크박스+순위+이미지*/
.checkbox_sty{
	position:relative; display:block; margin:5px 0; border:1px solid #dcdcdc; border-radius: 8px; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}
.checkbox_sty .ranktxt{display:table-cell; width:34px; border-right:1px solid #dcdcdc; text-align: center; vertical-align: middle; color:#ca2d35;}

.checkbox_sty .check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/checkbox4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.checkbox_sty .check_pack .inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.checkbox_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.checkbox_sty .check_pack .checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/checkbox4x_on.png") no-repeat 0 0; background-size:20px;}

.checkbox_sty .imgbox{border-left:none; border-right:none; border-bottom:none; border-top:1px solid #dcdcdc;}
.checkbox_sty .imgbox img{border:none;}
.with_content{border-radius: 0;}/*이미지 자료 포함 시*/

.checkbox_sty:hover{background-color: #ebebeb;}
.checkbox_sty.checked{background-color:#ffe2e2; border-color: #e8bbbb;}

/*기본 체크 리스트 disabled*/
.check_disabled{background-color: #ebebeb;}
.check_disabled .check_pack{/*background:url("/Ver2/images/checkbox4x.png") no-repeat 7px 7px;*/ color:#a0a0a0;}
.check_disabled.checked .check_pack .checkedimg{background:url("/Ver2/images/checkbox4x_on_disabled.png") no-repeat 7px 7px;}


/*테이블 내 라디오, 체크박스 있을 경우 - tr, td*/
.tr_chk{-webkit-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out;}
.td_chk{padding:0 !important;}




/*테이블 내 라디오 버튼-텍스트 없이 라디오버튼만*/
.radio_tdfull_sty{
	position:relative; display:block; width:100%; height:100%; margin:0; padding:5px; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}
.radio_tdfull_sty .check_pack{display:block; position: relative; width:100%; min-width: 20px; height:100%; margin:0; vertical-align: top; text-align: center; background:url("/Ver2/images/radio4x.png") no-repeat center; background-size:20px;}
.radio_tdfull_sty .check_pack .inpchkbox{position: absolute; top:0; left:0; width:100%; z-index: 9; line-height: 1em;}
.radio_tdfull_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.radio_tdfull_sty .check_pack .checkedimg{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; opacity:0; z-index: 10; background:url("/Ver2/images/radio4x_on.png") no-repeat center; background-size:20px;}

.radio_tdfull_sty:hover{background-color: #ebebeb;}
.radio_tdfull_sty.checked{background-color:#ffe2e2; border-color: #e8bbbb;}




/*테이블 내 체크박스-텍스트 없이 체크박스만*/
.checkbox_tdfull_sty{
	position:relative; display:block; width:100%; height:100%; margin:0; padding:0; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}
.checkbox_tdfull_sty .check_pack{display:block; position: relative; width:100%; height:100%; margin:0; vertical-align: top; text-align: center; background:url("/Ver2/images/checkbox4x.png") no-repeat center; background-size:20px;}
.checkbox_tdfull_sty .check_pack .inpchkbox{position: absolute; top:0; left:0; width:100%; z-index: 9; line-height: 1em;}
.checkbox_tdfull_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.checkbox_tdfull_sty .check_pack .checkedimg{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; opacity:0; z-index: 10; background:url("/Ver2/images/checkbox4x_on.png") no-repeat center; background-size:20px;}

.checkbox_tdfull_sty:hover{background-color: #ebebeb;}
.checkbox_tdfull_sty.checked{background-color:#ffe2e2; border-color: #e8bbbb;}




/*테이블 내 라디오- 체크 시 tr 전체 배경 변경*/
.radio_td_sty{
	position:relative; display:inline-block; margin:5px 0; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}

.radio_td_sty .check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/radio4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.radio_td_sty .check_pack .inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.radio_td_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.radio_td_sty .check_pack .checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/radio4x_on.png") no-repeat 0 0; background-size:20px;}

.radio_td_sty:hover{background-color: #ebebeb;}
.tr_checked{background-color:#ffe2e2 !important; /*border-color: #e8bbbb;*/}/*tr 전체에 스타일 추가*/
.tr_checked .radio_td_sty:hover{background-color: transparent;}


/*테이블 내 체크박스- 체크 시 tr 전체 배경 변경*/
.checkbox_td_sty{
	position:relative; display:inline-block; margin:5px 0; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}

.checkbox_td_sty .check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/checkbox4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.checkbox_td_sty .check_pack .inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.checkbox_td_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.checkbox_td_sty .check_pack .checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/checkbox4x_on.png") no-repeat 0 0; background-size:20px;}

.checkbox_td_sty:hover{background-color: #ebebeb;}
.tr_checked{background-color:#ffe2e2 !important; /*border-color: #e8bbbb;*/}/*tr 전체에 스타일 추가*/
.tr_checked .checkbox_td_sty:hover{background-color: transparent;}


/*테이블 내 라디오, 체크박스-disabled*/
.td_chk .check_disabled .check_pack{background:url("/Ver2/images/checkimg_disabled.png") center no-repeat; background-size:20px;}

.td_chk .check_disabled.checked{background-color:#dcdcdc !important;}

.radio_tdfull_sty.check_disabled.checked .check_pack .checkedimg{background:url("/Ver2/images/radio4x_on_disabled.png") center no-repeat; background-size:20px;}
.checkbox_tdfull_sty.check_disabled.checked .check_pack .checkedimg{background:url("/Ver2/images/checkbox4x_on_disabled.png") center no-repeat; background-size:20px;}





/*척도 문항*/
.scale_box{position:relative; /*padding:0 24px;*/ margin-top:5px; margin-bottom:5px;}

.scale_box .scale_box_in{display:block; position:relative; top:0; left:0; overflow: hidden;}
.scale_box .scale_box_in .scale_indi{float:left; width:20%; display:inline-block; margin:5px 0; text-align: center; position: relative;}
.scale_box .scale_box_in .scale_indi+.scale_indi:after{content:""; display:block; width:100%; height: 6px; position: absolute; top:12px; left:-50%; margin-top:-3px; background: #dcdcdc; z-index: 1;}
.scale_box .scale_box_in .scale_in{width:100%; max-width:110px; margin:0 auto;}

.scale_box .scale_box_in .scale_txt{width:100%; display: inline-block; font-size:0.85rem; line-height: 1.2em; margin-top:5px; padding:0 2px;}
.scale_box .scale_box_in .scale_txt .pointtxt{ display:inline-block; margin-top:3px; width:100%;}
.scale_box .scale_box_in .scale_txt .pointtxt.boltxt{font-weight:700;}
.scale_box .inplist{margin-top:20px; margin-bottom:0;}


/*테이블 척도 문항*/
.scale_box2{margin-left:-5.3%; margin-right:-5.3%; padding-left:40px; padding-right:40px;}
.scale_box2 table{width:100%;}
.scale_box2 table td{text-align: center;}
/*.scale_box2.scale7 td{width:14.285%;}*/
/*.radio_sty2{}
.radio_sty2:before{""}
.radio_sty2{} display: none;*/


.radio_sty2{vertical-align:middle; display: inline; }
.radio_sty2:before{ content:" "; background:url("/Ver2/images/radio4x.png") center no-repeat; display: inline-block; width:20px; height:20px; background-size: 20px; vertical-align: middle;}
.radio_sty2:hover:before{ content:""; background:url("/Ver2/images/radio4x_on.png") center no-repeat; background-size: 20px; }
.radio_sty2 input[type=radio] {width:10px; height: 10px; margin:0; vertical-align: middle; display:none;}

.radio_sty2 .radio_txt{vertical-align: middle;  padding-inline-start: 1rem; margin-inline-start:1rem;
  padding-inline-end: 2.5rem;}



/*척도 문항-라디오버튼*/
.radio_scale_sty{
	position:relative; display:inline-block; width:24px; height:24px; margin:0; padding:0; border-radius: 20px; background-color:#dcdcdc; z-index: 2; vertical-align: top; cursor: pointer;
	-webkit-transition: background-color 0.2s ease-out; 
	transition: background-color 0.2s ease-out;
}
.radio_scale_sty .check_pack{width:100%; height:100%;}
.radio_scale_sty .check_pack .inpchkbox{position:relative; top:0; left:0; width:100%; line-height: 1em; z-index: 9; vertical-align: top;}
.radio_scale_sty .check_pack .inpchkbox .inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.radio_scale_sty .check_pack .checkedimg{position: absolute; top:0; left:0; display:inline-block; width:100%; height:100%; opacity:0; z-index: 10;}

.radio_scale_sty.checked{background-color:#ca2d35;}
.radio_scale_sty .checkedimg{background:url("/Ver2/images/checkimg02_on.png") center no-repeat; background-size:18px 14px; z-index: 10;}



/*7점 척도*/
/*.scale7 .scale_box_in .scale_indi{width:14.285%;}*/

/*10점 척도*/
/*.scale10 .scale_box_in .scale_indi{width:10%;}*/


/*이미지 박스*/
.imgbox{max-width: 100%; display: block; text-align: center;}
.imgbox img{max-width:100%; border:1px solid #dcdcdc;}
 

/*비디오 박스*/
.videobox{width:100%; margin:0 auto;}
.videobox .video_frame{background-color:#000; width:100%;}
.videobox .video_frame video{width:100%; display: block;}
.videobox .video_infotxt{text-align: center; margin:10px 0;}


/*하위 선택(서브 체크 리스트) 라디오버튼, 체크박스 영역*/
.sub_inplist{/*margin-top:-5px;*/ border:1px solid #dcdcdc; /*background-color: #f0f0f0;*/}
.sub_inplist>label{margin:0; /*padding-left:20px;*/ border-radius: 0; border:none; cursor: pointer;}
.sub_inplist>label+label{border-top:1px solid #dcdcdc;}
.check_withsub .checkbox_sty{border-radius: 0; display:block; border:1px solid #dcdcdc;}
.check_withsub .radio_sty{border-radius: 0; display:block; border:1px solid #dcdcdc;}
.check_withsub .inpchktxt{font-weight:700;}
.check_withsub .imgbox{border-top:0; border-bottom:1px solid #dcdcdc;}
.check_withsub>label .ranktxt{/*position:absolute; top:0; left:0; display: inline-block;*/ /*background-color:#404040; color:#fff;*/ font-weight: 700;}


/*하위 선택(서브 체크 리스트) 라디오버튼*/
.radio_sub_sty{
	position:relative; display:block; margin:5px 0; border:1px solid #dcdcdc; border-radius: 8px; cursor: pointer; padding-left:22px;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}

.radio_sub_sty .sub_check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/radio4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.radio_sub_sty .sub_check_pack .sub_inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.radio_sub_sty .sub_check_pack .sub_inpchkbox .sub_inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.radio_sub_sty .sub_check_pack .sub_inpchktxt{font-size:0.93rem;}
.radio_sub_sty .sub_check_pack .sub_checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/radio4x_on.png") no-repeat 0 0; background-size:20px;}

.radio_sub_sty.checked{background-color:#ffe2e2;}



/*하위선택(서브 체크 리스트) 체크박스*/
.checkbox_sub_sty{
	position:relative; display:block; margin:5px 0; border:1px solid #dcdcdc; border-radius: 8px; cursor: pointer;
	-webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out; 
	transition: border 0.2s ease-out, background-color 0.2s ease-out;
}
.checkbox_sub_sty .sub_ranktxt{display:table-cell; width:34px; border-right:1px solid #dcdcdc; text-align: center; vertical-align: middle; font-size:0.93rem;}
.checkbox_sub_sty .sub_padding{display:table-cell; width:22px;}
.checkbox_sub_sty .sub_ranktxt + .sub_padding{display:none; width:0px;}

.checkbox_sub_sty .sub_check_pack{display:table-cell; position: relative; line-height: 1.45em; font-size:1rem; font-weight: 300; margin:0; vertical-align: top; background:url("/Ver2/images/checkbox4x.png") no-repeat 7px 7px; background-size:20px; padding:7px 7px 7px 33px;}
.checkbox_sub_sty .sub_check_pack .sub_inpchkbox{position: absolute; top:7px; left:7px; z-index: 9; vertical-align: top; line-height: 1em;}
.checkbox_sub_sty .sub_check_pack .sub_inpchkbox .sub_inpchk{margin:0; width:20px; height:20px; /*opacity:0; outline: 0; -webkit-appearance:none;*/}
.checkbox_sub_sty .sub_check_pack .sub_checkedimg{display:inline-block; width:20px; height:20px; position: absolute; top:7px; left:7px; opacity:0; z-index: 10; background:url("/Ver2/images/checkbox4x_on.png") no-repeat 0 0; background-size:20px;}

.checkbox_sub_sty.checked{background-color:#ffe2e2;}


.sub_inplist label.check_disabled{background-color:#ebebeb; color:#a0a0a0;} 
.check_disabled .sub_check_pack{color:#a0a0a0;}




/*체크 박스-SVG변경*/
.checkbtn{position: relative; display:inline-block; cursor: pointer; vertical-align: top;}

.checkbtn input.inpchk{position: relative; z-index: 1;}
.checkbtn svg{position:relative; z-index: 1; display: inline; vertical-align: top;}
.checkbtn .checktxt{position:relative; z-index: 1; display: inline; vertical-align: top; line-height: 1.5em;}
.checkbtn .checkbtn_bg{display:none; vertical-align: top; -webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out;}
.checkbtn .imgbox{position:relative; z-index: 1; display: block; vertical-align: top; text-align: center; /*text-indent: 0; padding-inline-start:0; padding:0;*/ margin:0 auto;}
.checkbtn .imgbox img{border:none;}
.checkbtn .ranktxt{position:relative; z-index: 1; display: inline; vertical-align: top; line-height: 1.5em; color:#ca2d35; font-weight: 700;}
.checkbtn .ranktxt .rank_w{display: inline-block; text-align: center; text-indent: 0;}

.checkbtn svg .checkbg{fill:transparent; stroke-width:1.5px; stroke:#b4b4b4; -webkit-transition: fill 0.2s ease-out, stroke 0.2s ease-out; transition: fill 0.2s ease-out, stroke 0.2s ease-out;}
.checkbtn svg .checkimg{fill:none; stroke:transparent; stroke-width:2px; stroke-miterlimit:10; stroke-dashoffset: 0; stroke-dasharray: 60;}

/*체크박스 - 리스트 스타일 추가(배경 스타일)*/
.checkbtn_lists{margin-left:-5px; margin-right:-5px; font-size:0; /*margin-top:20px; margin-bottom:20px;*/}
.checkbtn_list{display:inline-block; padding:0 5px; margin:4px 0; font-size:1rem; vertical-align: top;}
.checkbtn_list .checkbtn{display:inline-block; width:100%; margin:0; padding:6px; padding-inline-start: 30px; text-indent:-24px; vertical-align: top; /*direction: rtl;*/}
.checkbtn_list.no_padding_start .checkbtn{padding-inline-start: 6px; text-indent:0;}
.checkbtn_list .checkbtn .checkbtn_bg{display: block; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 0; /*background-color: #fff;*/ border:1px solid #dcdcdc; border-radius:6px; }
.checkbtn_list .checkbtn:hover .checkbtn_bg{background-color: #ebebeb;}
.checkbtn_list .checkbtn input:checked ~ .checkbtn_bg{content:""; background-color: #ffe2e2; border:1px solid #e8bbbb;}

.checkbtn_list.inp_block{display:block;}



/*체크박스 - 표*/
.td_chk .checkbtn_list{margin:0; padding:0; display: table; width:100%; height: 100%;}
.td_chk .checkbtn_list .checkbtn{margin:0; padding:0; padding:10px 5px; padding-inline-start:29px; text-indent: -24px; display: table-cell;}
.td_chk .checkbtn_list.no_padding_start .checkbtn{padding-inline-start: 6px; text-indent:0;}
.td_chk .checkbtn_list .checkbtn .checkbtn_bg{display: block; width:100%; height: 100%; border:0; border-radius:0;}
.td_chk .checkbtn_list .checkbtn input:checked ~ .checkbtn_bg{border:0;}

.td_chk .checkbtn_list.center_check .checkbtn{text-align: center; vertical-align: middle;}

@-moz-document url-prefix() {
	table .td_chk{height:100%;}
}

.tblsty01 th .checkbtn_list, .tblsty01 td .checkbtn_list{font-size:0.95rem;}
.tbl_xs_font th .checkbtn_list, .tbl_xs_font td .checkbtn_list{font-size:0.85rem;} 


/*체크박스 - 척도 문항*/
.scale_lists{position:relative; margin-top:5px; margin-bottom:5px;}
.scale_lists .scale_lists_in{display:block; position:relative; top:0; left:0; overflow: hidden;}
.scale_lists + .inplist{margin-top:20px; margin-bottom:0;}
.scale_lists + .checkbtn_lists{margin-top:20px;}
.scale_lists .scale_list{float:left; width:20%; display:inline-block; margin:5px 0; text-align: center; position: relative;}
.scale_lists .scale_list+.scale_list:after{content:""; display:block; width:100%; height: 4px; position: absolute; top:11px; left:-50%; margin-top:-3px; background: #dcdcdc; z-index: 0;}
.scale_lists .scale_txt{width:100%; display: inline-block; font-size:0.85rem; line-height: 1.2em; margin-top:5px; margin-bottom:0; padding:0 2px;}
.scale_lists .scale_txt span{display:inline-block; margin-top:3px; width:100%; font-weight: 700;}

.scale_lists .scale_list .checkbtn{z-index: 1;}
.scale_list .checkbtn svg .checkbg{fill:#dcdcdc; stroke-width:1.5px; stroke:#dcdcdc;}


/*체크 박스 - 체크된 상태*/
.checkbtn input:checked ~ svg .checkbg{fill:#ca2d35; stroke:#ca2d35; /*animation: colorfill 0.3s ease-out alternate 1;*/}
.checkbtn input:checked ~ svg .checkimg{stroke:#fff; animation: dash 0.3s ease-out alternate 1;}
.checkbtn .inpchk:disabled ~ .checkbtn_bg{background-color: #ebebeb !important; border:1px solid #dcdcdc;}

@keyframes dash {
  from { stroke-dashoffset: 70; }
  to { stroke-dashoffset: 0; }
}


/*svg+체크박스*/
.checkbtn_list .fctrl03{position: relative; z-index: 1; display: inline; height:24px;  margin:-2px 3px; padding:0 3px;}
/*.checkbtn_list .fctrl_box{display: inline; position: relative; z-index: 1; height:28px; margin:-5px 5px;}
.checkbtn_list .fctrl_box .fctrl02{display: inline-block; height: 28px; padding:5px; margin:0;}*/


/*SVG용 체크박스 추가*/
.checkbtn_list.no_border_mb .checkbtn .checkbtn_bg{border:none; border-radius:0;}
.checkbtn_list.no_border_mb .checkbtn:hover .checkbtn_bg{border:none; border-radius:0;}
.checkbtn_list.no_border_mb .checkbtn input:checked ~ .checkbtn_bg{border:none; border-radius:0;}


/*별점*/
.starbtn{margin:0; padding:0; cursor: pointer; display: inline;}
.starbtn svg .star_rating_img{fill:transparent; stroke:#b4b4b4; stroke-width:1px; stroke-miterlimit:10;}

.starbtn.hover svg .star_rating_img, 
.starbtn:hover svg .star_rating_img{fill:#dcdcdc;}

.starbtn.fill svg .star_rating_img, 
.starbtn input:checked ~ svg .star_rating_img{fill:#ca2d35; stroke:#ca2d35; /*animation: colorfill 0.3s ease-out alternate 1;*/}

.starrate_lists .checkbtn_lists{margin-top:10px;}



/*방향*/
.tbl_direc{position: relative; display:inline-block; width:87%; height: 13px; background: url("/Ver2/images/tbl_direc_bar.png") repeat-x center; background-size: 8px 1px;}
.tbl_direc:before{content:""; display: inline-block; width:8px; height: 100%; position: absolute; top:0; left:-6px; background: url("/Ver2/images/tbl_direc.png") no-repeat center; background-size: 8px 13px;}
.tbl_direc:after{content:""; display: inline-block; width:8px; height: 100%; position: absolute; top:0; right:-6px; background: url("/Ver2/images/tbl_direc.png") no-repeat center; background-size: 8px 13px; transform: rotate(180deg);}

.div_direc{position: relative; display:block; width:100%; height: 13px; background: url("/Ver2/images/div_direc_bar.png") repeat-x center; background-size: 8px 1px; margin:5px auto;}
.div_direc:before{content:""; display: inline-block; width:8px; height: 100%; position: absolute; top:0; left:-4px; background: url("/Ver2/images/div_direc.png") no-repeat center; background-size: 8px 13px;}
.div_direc:after{content:""; display: inline-block; width:8px; height: 100%; position: absolute; top:0; right:-4px; background: url("/Ver2/images/div_direc.png") no-repeat center; background-size: 8px 13px; transform: rotate(180deg);}

.scale2 .div_direc{width:50%;}
.scale3 .div_direc{width:66.666%;}
.scale4 .div_direc{width:75%;}
.scale5 .div_direc{width:80%;}
.scale6 .div_direc{width:83.333%;}
.scale7 .div_direc{width:85.714%;}
.scale8 .div_direc{width:87.5%;}
.scale9 .div_direc{width:88.888%;}
.scale10 .div_direc{width:90%;}
.scale11 .div_direc{width:90.909%;}
.scale12 .div_direc{width:91.666%;}
.scale13 .div_direc{width:92.307%;}
.scale14 .div_direc{width:92.857%;}
.scale15 .div_direc{width:93.333%;}


/*라디오, 체크박스 리스트 해당없음 표시 옵션*/
.list_colordown{color:#a0a0a0;}
.list_distancing{margin-top:30px;}



/*조사 종료*/
/*.endimg{text-align: center; margin-top:20px; margin-bottom:20px;}
.endimg .endimgbox{width:80px; height: 80px; margin:0 auto;}
.endimg p{ width:100%; font-size:1.15rem; line-height: 1.5em; margin-top:10px; font-weight: 700;}

.endimgbox.end_complete{background:url("/Ver2/images/end_complete.png") no-repeat 0 0; background-size:100%;}
.endimgbox.end_match{background:url("/Ver2/images/end_match.png") no-repeat 0 0; background-size:100%;}
.endimgbox.end_number{background:url("/Ver2/images/end_number.png") no-repeat 0 0; background-size:100%;}
.endimgbox.end_period{background:url("/Ver2/images/end_period.png") no-repeat 0 0; background-size:100%;}*/

.endimg{text-align: center; margin-top:20px; margin-bottom:20px;}
.endimg .endimgbox{width:120px; height: 120px; margin:0 auto;}
.endimg .endimgbox svg{width:100%;}
.endimg p{ width:100%; font-size:1.15rem; line-height: 1.5em; margin-top:10px; font-weight: 700;}


.end_complete svg .cls-1{fill:#c8c8c8;}
.end_complete svg .cls-2,
.end_complete svg .cls-3{fill:none; stroke-miterlimit:10; stroke-width:2px;}
.end_complete svg .cls-2{stroke:#6e6e6e;}							
.end_complete svg .cls-3{stroke:#ca2d35;}							

.end_match svg .cls-1{fill:#c8c8c8;}
.end_match svg .cls-2,
.end_match svg .cls-3{fill:none; stroke-miterlimit:10; stroke-width:2px;}
.end_match svg .cls-2{stroke:#6e6e6e;}
.end_match svg .cls-3{stroke:#ca2d35;}

.end_number svg .cls-1{fill:#c8c8c8;}
.end_number svg .cls-2,
.end_number svg .cls-3,
.end_number svg .cls-4{fill:none; stroke-width:2px;}
.end_number svg .cls-2,
.end_number svg .cls-4{stroke:#ca2d35;}
.end_number svg .cls-2,
.end_number svg .cls-3{stroke-miterlimit:10;}
.end_number svg .cls-3{stroke:#6e6e6e;}

.end_period svg .cls-1{fill:#c8c8c8;}
.end_period svg .cls-2,
.end_period svg .cls-3{fill:none; stroke-miterlimit:10; stroke-width:2px;}
.end_period svg .cls-2{stroke:#6e6e6e;}
.end_period svg .cls-3{stroke:#ca2d35;}
.end_period svg .cls-4{fill:#6e6e6e;}



/*설명 영역*/
.explanationbox{}
.sect_tit{font-size:1.15rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
.sect_txt{font-size:1rem; line-height: 1.6em; margin:10px 0;}

.infobox{margin:20px 0; padding:10px 15px; background-color: #f5f5f5; font-size:1rem; border:1px solid #dcdcdc; word-break: break-all; word-wrap:break-word;}
.infobox .info_tit{font-size:1.07rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
.infobox .info_txt{margin:10px 0; line-height: 1.6em;}

.infobox .info_listbox{margin:10px 0;}
.infobox .info_listbox li{margin:5px 0; text-indent: -0.6em; padding-left:0.6em; line-height: 1.5em;}
.infobox .info_listbox li::before{content:"\b7\a0"; font-weight: 700; }

.infobox .info_alert{color:#8c8c8c; margin:5px 0; line-height: 1.6em;}
.infobox .imgbox{margin:20px 0;}
.infobox .imgbox img{border:1px solid #dcdcdc;}
.infobox button{margin-top:10px; margin-bottom:10px;}


.infobox_w{margin:20px 0; padding:10px 15px; background-color: #fff; font-size:1rem; border:1px solid #dcdcdc;}
.infobox_w .info_tit{font-size:1.07rem; font-weight: 700; line-height: 1.5em; margin:10px 0;}
.infobox_w .info_txt{margin:10px 0; line-height: 1.6em;}

.infobox_w .info_listbox{margin:10px 0;}
.infobox_w .info_listbox li{margin:5px 0; text-indent: -0.6em; padding-left:0.6em; line-height: 1.5em;}
.infobox_w .info_listbox li::before{content:"\b7\a0"; font-weight: 700; }

.infobox_w .info_alert{color:#8c8c8c; margin:5px 0; line-height: 1.6em;}
.infobox_w .imgbox{margin:20px 0;}
.infobox_w .imgbox img{border:1px solid #dcdcdc;}
.infobox_w button{margin-top:10px; margin-bottom:10px;}




/*지급방법 선택*/
.pay_sltbox{margin-top:18px; margin-bottom: 18px;}
.pay_sltbox p{text-align:center; margin:18px 0; line-height: 1.5em;}

.pay_slt_btnbox{margin:18px 0; margin:0 auto; text-align: center;}
.pay_sltbtn{width:45%; margin:0 5px; text-align: center; padding:12px 0; font-weight: 700;}
.pay_sltbtn img{margin:0 auto; width:60px; display:block; }
.pay_sltbtn span{margin-top:3px; display:inline-block; width:100%; }



/*경고창*/
.bodycover{overflow: hidden;}
.notipop{position:fixed; top:0; left:0; z-index: 2000; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; overflow-y: auto; font-size:1rem;}
.notipopon{display:block;}
.notipop .notipopcont{width:90%; max-width:335px; margin:100px auto 40px; background: #fff; padding:5px 15px 0;}
.notipop .notipopcont .notipoptxt{padding:0 6px;}
.notipop .notipopcont h3{font-size:1.2em; margin:15px 0; text-align: center;}
.notipop .notipopcont p{margin:12px 0;}
.notipop .notipopcont ul, .notipop .notipopcont ol{margin:12px 0;}
.notipop .notipopcont li+li{margin-top:4px; text-indent: -8px; padding-left:8px;}
.notipop .notipopcont li:before{content:"\b7\a0"; font-weight: 700;}
.notipop .notipopcont .imgbox{padding-top:20px; padding-bottom:20px;}

.notipop .notipopcont .alert_botbtnbox{margin:20px -15px 0; overflow: hidden;}
.notipop .notipopcont .alert_botbtnbox button{background: #f0f0f0; max-width:none; font-size:1.05rem; height:44px; padding:0; width:100%; border-top:1px solid #d2d2d2; border-right:none; border-bottom:none; border-left:none; 
	-webkit-transition: background 0.1s ease-out; transition: background 0.1s ease-out;}
.notipop .notipopcont .alert_botbtnbox button:hover{background:#fafafa;}
.notipop .notipopcont .alert_botbtnbox button:active{background:#e6e6e6;}

.notipop .notipopcont .botbtnone{float:left; width:100%;}
.notipop .notipopcont .botbtntwo{float:left; width:50%;}
.notipop .notipopcont .botbtntwo+.botbtntwo{border-left:1px solid #d2d2d2;}
.notipop .notipopcont .posi_btn{font-weight: 700;}



/*체크박스 단 구분*/
.check_col_mb_1{width:100%; display:inline-block; padding:5px; float: left;}
.check_col_mb_1 label{margin:0;}

.check_col_mb_2{width:50%; display:inline-block; padding:5px; float: left;}
.check_col_mb_2 label{margin:0;}

.check_col_mb_3{width:33.33%; display:inline-block; padding:5px; float: left;}
.check_col_mb_3 label{margin:0;}

.check_col_mb_4{width:25%; display:inline-block; padding:5px; float: left;}
.check_col_mb_4 label{margin:0;}


/*SVG용 체크박스 단 구분*/
.col_mb_1{width:100%; padding:1px 5px;}
.col_mb_2{width:50%; padding:1px 5px;}
.col_mb_3{width:33.33%; padding:1px 5px;}
.col_mb_4{width:25%; padding:1px 5px;}




/*테이블 셀 가로 폭*/
.wd_1{width:1%;}
.wd_2{width:2%;}
.wd_3{width:3%;}
.wd_4{width:4%;}
.wd_5{width:5%;}
.wd_6{width:6%;}
.wd_7{width:7%;}
.wd_8{width:8%;}
.wd_9{width:9%;}
.wd_10{width:10%;}
.wd_11{width:11%;}
.wd_12{width:12%;}
.wd_13{width:13%;}
.wd_14{width:14%;}
.wd_15{width:15%;}
.wd_16{width:16%;}
.wd_17{width:17%;}
.wd_18{width:18%;}
.wd_19{width:19%;}
.wd_20{width:20%;}
.wd_21{width:21%;}
.wd_22{width:22%;}
.wd_23{width:23%;}
.wd_24{width:24%;}
.wd_25{width:25%;}
.wd_26{width:26%;}
.wd_27{width:27%;}
.wd_28{width:28%;}
.wd_29{width:29%;}
.wd_30{width:30%;}
.wd_31{width:31%;}
.wd_32{width:32%;}
.wd_33{width:33%;}
.wd_34{width:34%;}
.wd_35{width:35%;}
.wd_36{width:36%;}
.wd_37{width:37%;}
.wd_38{width:38%;}
.wd_39{width:39%;}
.wd_40{width:40%;}
.wd_41{width:41%;}
.wd_42{width:42%;}
.wd_43{width:43%;}
.wd_44{width:44%;}
.wd_45{width:45%;}
.wd_46{width:46%;}
.wd_47{width:47%;}
.wd_48{width:48%;}
.wd_49{width:49%;}
.wd_50{width:50%;}
.wd_51{width:51%;}
.wd_52{width:52%;}
.wd_53{width:53%;}
.wd_54{width:54%;}
.wd_55{width:55%;}
.wd_56{width:56%;}
.wd_57{width:57%;}
.wd_58{width:58%;}
.wd_59{width:59%;}
.wd_60{width:60%;}
.wd_61{width:61%;}
.wd_62{width:62%;}
.wd_63{width:63%;}
.wd_64{width:64%;}
.wd_65{width:65%;}
.wd_66{width:66%;}
.wd_67{width:67%;}
.wd_68{width:68%;}
.wd_69{width:69%;}
.wd_70{width:70%;}
.wd_71{width:71%;}
.wd_72{width:72%;}
.wd_73{width:73%;}
.wd_74{width:74%;}
.wd_75{width:75%;}
.wd_76{width:76%;}
.wd_77{width:77%;}
.wd_78{width:78%;}
.wd_79{width:79%;}
.wd_80{width:80%;}
.wd_81{width:81%;}
.wd_82{width:82%;}
.wd_83{width:83%;}
.wd_84{width:84%;}
.wd_85{width:85%;}
.wd_86{width:86%;}
.wd_87{width:87%;}
.wd_88{width:88%;}
.wd_89{width:89%;}
.wd_90{width:90%;}
.wd_91{width:91%;}
.wd_92{width:92%;}
.wd_93{width:93%;}
.wd_94{width:94%;}
.wd_95{width:95%;}
.wd_96{width:96%;}
.wd_97{width:97%;}
.wd_98{width:98%;}
.wd_99{width:99%;}
.wd_100{width:100%;}


/*마진*/
.pad_l_5{padding-left:5px;}
.pad_l_10{padding-left:10px;}

/* IE9 이하를 위한 css */
.placeholder {
  color: #a0a0a0;
}

/* placeholder 스타일 지정 */
input::placeholder {
  color: #a0a0a0;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder {
  color: #a0a0a0;
}
/* IE */
input:-ms-input-placeholder {
  color: #a0a0a0;
}
/* Firefox */
input:-mos-input-placeholder {
  color: #a0a0a0;
}

textarea::placeholder {
  color: #a0a0a0;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
textarea::-webkit-input-placeholder {
  color: #a0a0a0;
}
textarea:-ms-input-placeholder {
  color: #a0a0a0;
}
textarea:-mos-input-placeholder {
  color: #a0a0a0;
}



/*추가 하단 버튼 영역*/
.botbtnbox02{overflow: hidden; margin-top:5px; text-align: right; padding:0 15px;}
.botbtnbox02 button{margin:5px 0 5px 5px; font-size:0.93rem;}
.botbtnbox02 .fontctrlbox{margin:5px 0 5px 5px;}
.botbtnbox02 .fontctrlbox button{margin:0;}


/*페이지 이동 버튼 영역*/
.botbtnarea .txtbox{margin-top:20px; padding:0 15px; text-align: center;}
.botbtnbox{text-align: center; margin:15px auto; padding:0 10px; overflow: hidden; width:100%; max-width: 280px; font-size:0rem;}
.botbtnbox .botbtnone{/*float:left;*/ display:inline-block; width:100%; margin:5px 0; padding:0 5px;}
.botbtnbox .botbtntwo{/*float:left;*/ display:inline-block; width:50%; margin:5px 0; padding:0 5px;}
.botbtnbox button{padding:10px; width:100%; font-size:1.2rem; font-weight: 700; }
.botbtnbox .botbtnfirst button,
.botbtnbox .botbtnlast button{padding:4px 10px;}
.botbtnbox .first_btn img,
.botbtnbox .last_btn img{width:40px;}


/*태블릿용 버튼 영역*/
#top_navbar{width:100%; margin:0 auto; padding-left:15px; padding-right:15px;}
.tablet_btnbox{background-color:#fff; border-bottom:1px solid #dcdcdc;}
.botbtnbox_tablet{text-align: center; /*margin-top:20px; margin-bottom:20px;*/ padding:0 15px; overflow: hidden; margin-left:auto; margin-right:auto;}
.botbtnbox_tablet .botbtnfirst,
.botbtnbox_tablet .botbtnlast{width:42px; margin-top:10px;}
.botbtnbox_tablet .botbtnfirst{float:left;}
.botbtnbox_tablet .botbtnlast{float:right;}
.botbtnbox_tablet .botbtnone{/*float:left;*/ display: inline-block; width:100%; margin:10px 0; padding:0 5px; max-width: 200px;}
.botbtnbox_tablet .botbtntwo{/*float:left;*/ display: inline-block; width:30%; margin:10px 0; padding:0 5px; max-width: 120px;}
.botbtnbox_tablet button{padding:0; width:100%; height: 36px; font-size:1.2rem; font-weight: 700; line-height: 0; }
.botbtnbox_tablet .first_btn{width:42px; height:36px;}
.botbtnbox_tablet .last_btn{width:42px; height:36px;}
.botbtnbox_tablet .first_btn img,
.botbtnbox_tablet .last_btn img{width:100%;}


/*footer영역*/
#footer{position:relative; font-size:0.75rem; color:#a0a0a0; text-align: center; padding-top:50px; padding-bottom:50px;}
#footer p{margin-bottom:0; display: inline-block; width:100%; font-size:0.75rem;}


/*개별*/
.boltxt01{font-weight:700;}
.boltxt02{font-weight:700; color:#ca2d35;}

.boltxt_brown{font-weight:700; color:#a5521b;}
.boltxt_orange{font-weight:700; color:#f7901e;}
.boltxt_coral{font-weight:700; color:#fe6f61;}
.boltxt_red{font-weight:700; color:#ca2d35;}
.boltxt_pink{font-weight:700; color:#dd3c8c;}
.boltxt_purple{font-weight:700; color:#8449b9;}
.boltxt_blue{font-weight:700; color:#3755b5;}
.boltxt_mint{font-weight:700; color:#3bb29e;}
.boltxt_green{font-weight:700; color:#409a42;}
.boltxt_olive{font-weight:700; color:#8c8200;}

.alerttxt{color:#e22323; font-weight: 300;}
.lefttxt{text-align: left;}
.righttxt{text-align: right;}
.centertxt{text-align: center;}
.break_line{border-top:1px solid #dcdcdc; margin-top:25px; margin-bottom:25px;}
.break_block{display:block!important; clear: both;}
.valign_top{vertical-align: top;}



/*표 모바일 변경*/
.mb_tblsty_on thead{display:none;}
.mb_tblsty_on tr{display:table; width:100%;}
.mb_tblsty_on tr+tr{margin-top:20px;}
.mb_tblsty_on .mb_tblrow{display:table-row;}
.mb_tblsty_on .mb_tblrow th{width:30%; vertical-align: middle;}
.mb_tblsty_on .mb_tblrow td{vertical-align: middle;}


/*넘버 표시*/
.nummark{position: fixed; top:44px; right:5px; z-index: 1040; }

/*range*/
.range_td_left, .range_td_right{font-size:0.85rem;}
.range_td_left{text-align:left;}
.range_td_right{text-align:right;}
input[type=range] {
	-webkit-appearance: none;
	margin: 12px 0;
	width: 100%;
}
input[type=range]:focus {
  	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	background: #dcdcdc;
	border:1px solid #aaaaaa;
	border-radius: 10px;
	box-shadow: inset 0 0 3px rgba(0,0,0,.2);	
}
input[type=range]::-webkit-slider-thumb {
	border: 1px solid #3c3c3c;
	height: 36px;
	width: 16px;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -14px;
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: #dcdcdc;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	background: #dcdcdc;
	border:1px solid #aaaaaa;
	border-radius: 10px;
	box-shadow: inset 0 0 3px rgba(0,0,0,.2);
}
input[type=range]::-moz-range-thumb {
	border: 1px solid #3c3c3c;
	height: 36px;
	width: 16px;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
	margin-top: -14px;
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
input[type=range]::-ms-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: #dcdcdc;
	border: 0.2px solid #aaaaaa;
	border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #dcdcdc;
  border: 0.2px solid #aaaaaa;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: 1px solid #3c3c3c;
  height: 36px;
  width: 16px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #dcdcdc;
}
input[type=range]:focus::-ms-fill-upper {
  background: #dcdcdc;
}