.survey_wrap {margin:auto; padding:60px 0 300px;}

.sub_ul {}
.sub_ul>li {width:100%; position:relative;}
.sub_ul>li + li {margin-top:15px;}
.s_tit { padding:20px 0 20px 20px; font-size:19px; color:#333333; background-image:url(/img/ico_sub_tit.png); background-size:16px auto; background-repeat:no-repeat; background-position: 0 center;}
.s_cont { width:100%; position:relative;}
.s_img {width:100%; text-align:center; position:relative; margin:10px 0;}
.s_img img {max-width:100%; height:auto;}
.s_tit + .s_cont {width:calc(100% - 20px); margin:15px 0 0 20px;}
.s_cont.full {width:100%; margin-left:0;}
.sub_ul>li + li .s_tit {margin-top:30px;}

.survey_type_list {}
.survey_type_list>li {}
.survey_type_list>li + li{margin-top:15px;}
.survey_type_list>li .type_tit{position:relative;font-size:17px; padding:10px 0; border-bottom:1px solid #e8e8e8;}
.survey_type_list>li .type_tit .survey_btn {position:absolute;top:0;right:0;}
.survey_type_list>li .type_cont{}

#surv_wrap {width:100%; margin:auto; position:relative; padding-bottom:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#surv_wrap .content {padding:30px; border: 1px solid #b8dae6; margin-bottom:42px; background-color:rgba(184, 216, 255, 0.3); font-size:19px;}
#surv_wrap .btn_wrap {position:absolute; bottom:0; width:calc(100% - 60px); margin:10px 30px;}
#surv_wrap .btn_wrap ul {text-align:center}
#surv_wrap .btn_wrap ul li {display:inline-block;*display:inline;zoom:1;}
#surv_wrap .btn_wrap ul li a{font-size: 17px; margin: auto; padding: 15px 25px; color:#fff; text-align: center; height: 32px; background: #347ab8; border-radius: 15px;}
/**/
/*/*¼³¹®³»¿ë ÀÓ½ÃÀúÀå*/*/
/*#surv_wrap .btn_wrap .a_btn{font-size: 17px; margin: auto; padding: 15px 25px; color:#fff; text-align: center; height: 32px; background: #696969; border-radius: 15px;}*/
/**/
/*/*¼³¹®³»¿ë Ãë¼Ò*/*/
/*#surv_wrap .btn_wrap .b_btn{font-size: 17px; margin: auto; padding: 15px 25px; color:#696969; text-align: center; height: 32px; background: #fff; border-radius: 15px;}*/
/**/
/*/*¼³¹®³»¿ë Ãâ·ÂÇϱâ*/*/
/*#surv_wrap .btn_wrap .c_btn{font-size: 17px; margin: auto; padding: 15px 25px; color:#fff; text-align: center; height: 32px; background: #696969; border-radius: 15px;}*/
/**/
/*/*¼³¹®³»¿ë ¼³¹®Á¦Ãâ*/*/
/*#surv_wrap .btn_wrap .d_btn{font-size: 17px; margin: auto; padding: 15px 25px; color:#fff; text-align: center; height: 32px; background: #347ab8; border-radius: 15px;}*/

.surv_list {padding:30px 20px;}
.surv_list dl{}
.surv_list dt {margin-bottom:10px;}
.surv_list dt p{font-size:17px; font-weight:bold;}
.surv_list dt .memo{font-size:17px; margin-top:20px; padding-left: 10px;}
.surv_list dd {padding-left: 10px;}
.surv_list dd + dt {margin-top:20px;}
.surv_list dd ul {}
.surv_list dd ul li{font-size: 17px; display:inline-block; *display:inline; margin-right: 20px;	width:30%;}
.surv_list dd ul li label{ min-height:40px; line-height:40px; display:inline-block; *display:inline; }
.surv_list dd ul li input[type="text"] {border:1px solid transparent;}
.surv_list dd ul li.full{width:100%; margin:0;}
.surv_list dd ul li.full label {width:calc(100% - 40px);}
.surv_list dd ul li.full textarea {width:100%;height:100px; resize: none; padding: 0 10px;}

#surv_wrap input[type="text"],
#surv_wrap textarea {border:1px solid #cecece;}
#surv_wrap input[type="checkbox"] { box-sizing: border-box; opacity: 0; position: absolute; z-index: -1; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#surv_wrap label.check{ padding: 10px 0; cursor: pointer; box-sizing: border-box;}
#surv_wrap label.check + label.check{ margin-left: 10px;}
#surv_wrap label.check>input[type="checkbox"]{box-sizing:border-box; padding:0; opacity:0; position: absolute; z-index: -1;}
#surv_wrap label.check>input[type="checkbox"] + i ,
#surv_wrap label.check>input[type="checkbox"] + input[type="hidden"] + i{
	background-image: url(./image/checkbox_square_off.png); background-repeat: no-repeat; display: inline-block; height: 26px; width: 26px; margin-right: 5px; vertical-align: -6px; z-index: 1; background-size:24px auto; border:1px solid transparent; box-sizing:border-box; 
}
#surv_wrap label.check>input[type="checkbox"]:checked + i ,
#surv_wrap label.check>input[type="checkbox"]:checked + input[type="hidden"] + i { background-image: url(./image/checkbox_square_on.png);}

#surv_wrap input[type="radio"] { box-sizing: border-box; opacity: 0; position: absolute; z-index: -1; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#surv_wrap label.radio{ padding: 10px 0; cursor: pointer; box-sizing: border-box;}
#surv_wrap label.radio + label.radio{ margin-left: 10px;}
#surv_wrap label.radio>input[type="radio"]{ box-sizing:border-box; padding:0; opacity:0; position: absolute; z-index: -1;}
#surv_wrap label.radio>input[type="radio"] + i { 
	background-image: url(./image/radio_off.png); background-repeat: no-repeat; display: inline-block; height: 26px; width: 26px; margin-right: 5px; vertical-align: -6px; z-index: 1; background-size:24px auto; border:1px solid transparent; box-sizing:border-box; 
}
#surv_wrap label.radio>input[type="radio"]:checked + i { background-image: url(./image/radio_on.png);}

.right_btn {width:100%; position:absolute;top:0;right:0;text-align:right;}
.excel_btn {display:inline-block; *diplay:inline; min-width:78px; height:39px; line-height:39px; padding: 0 30px 0 10px; color:#333333; background-image: url(/img/excel_down_btn.png); background-repeat:no-repeat; background-color:#d3d3d3; background-position:calc(100% - 10px) center;  border:1px solid #d3d3d3; font-size:17px; text-align:center; border-radius: 16px;}
.arrow_btn { background-color:#003f98; background-image: url(/img/arrow_btn.png); background-repeat: no-repeat;background-position: calc(100% - 10px) 10px; background-size: 20px auto; border:2px solid #003f98; border-radius:8px;color:#fff; font-size:15px; display:inline-block; cursor: pointer; *display:inline; zoom:1; text-align:center; vertical-align:middle;padding:6px 40px 6px 10px; box-sizing: border-box;}

.survey_btn_wrap {width:100%; text-align:center;}
.survey_btn_wrap .btn{width:100%; text-align:center;}

@media print {
  .noprint { display:none; }
}

.survey_tab_wrap {margin-top: 50px;}
.survey_tab_btn {overflow:hidden;}
.survey_tab_btn>li {float:left; width:32%;}
.survey_tab_btn>li>a {display:inline-block; padding:10px 20px; text-align:center; border:1px solid #e8e8e8;font-size:17px; width:100%;}
.survey_tab_btn>li>a.open {background-color:#347ab8; color:#fff;}
.survey_tab {}
.survey_tab>li{display:none;}
.survey_tab>li.open{display:block;}

.scale_result {margin-top:30px; padding:30px; overflow:hidden; border: 1px solid #b8dae6; margin-bottom:42px; background-color:rgba(184, 216, 255, 0.3)}
.scale_result p{font-size:19px;}
.scale_result p.tit{font-weight:500;}
.scale_result p.memo{margin-top:20px;}

.click_link a{padding: 10px; color: #003973; border-radius: 10px; border: 1px solid #003973;}
.click_link.type2 a{width:100%; display:block;}
.click_link a:hover{color: #fff; background: #003973; transition: 0.2s;}

.result2_box .vendorListHeading {
    padding: 5px;
    text-align: center;
    background-color: #F2F2F2;
    -webkit-print-color-adjust: exact;
}
.result2_box table, th, td {
    border-collapse: collapse;
}
.result2_box th {
    padding: 5px;
    text-align: center;
}
.result2_box b, strong {
    font-weight: bold;
}
.result2_box .radio-inline, .checkbox-inline {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.result2_box label {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
.result2_box .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.result2_box input[type="radio"], input[type="checkbox"] {
    margin-top: 1px \9;
    line-height: normal;
}