@charset "utf-8";
.result .list_block.case1 li::after,.bar::after,.research_box.img .research_listbox ul li:after,.research_box.img .result .list_block::after
{clear:both;display:inline-block;visibility:hidden;content:""}
.research{width:619px}
.research .box{padding:9px 16px 26px 0px}

.research_box{float:left;width:619px}
.research_titbox{min-height:13px;padding:15px 15px 14px;background:#f3f3f3}
.research_titbox h4{position:relative;font-size:14px;color:#d31900;font-weight:normal;padding-left:19px}
.research_titbox h4::before{content:"Q.";position:absolute;left:0;top:0;margin-right:4px;font-weight:bold}
.research .count{color:#555;margin:6px 0 0 21px}
.research_listbox{overflow-y:auto;overflow-x:hidden;max-height:296px}
.research.out .research_listbox,.research.out .result{max-height:100%}
.research_listbox ul{overflow:hidden;width:599px;font-size:12px;color:#555}
.research.out .research_listbox ul{width:603px}
.research_listbox ul li{margin:14px 0 0 16px}
.research_listbox ul li,.result ol li{overflow:hidden;float:left;white-space:nowrap}
.pop_wrap .research .btn_box{padding:22px 0 22px}
.research .btn_box img{max-width:100%}
.research .radiobox,.research .checkbox{line-height:16px}
.research .radiobox input + .checkmark,
.research .radiobox input:checked + .checkmark,
.research .radiobox input[type="radio"],
.research .checkbox input[type="checkbox"],
.research .checkbox input + .checkmark,
.research .checkbox input:checked + .checkmark{top:1px}/* 181127 수정 */
.research .checkbox{padding-left:23px}

/*결과*/
.research .cate_txt > .num{padding-right:3px}
.research .cate_txt{line-height:16px}
.research .result{overflow-y:auto;overflow-x:hidden;max-height:342px}/* 181127 수정 */
.research .result ol{width:578px;font-size:12px;color:#555}
.research.out .result ol{width:582px}
.research .result ol::after{clear:both;display:block;visibility:hidden;content:""}
.research .result ol li{margin-top:14px;overflow:hidden}
/*텍스트형 리서치 결과*/
.research .list .result.box{padding:9px 18px 26px 19px}
.result_box .bar,.result_bar{height:12px;border-radius:50px}
.result_box .bar{overflow:hidden;float:left;width:200px;background:#ccc}
.result_bar{overflow:hidden;max-width:100%;background:#999}
.result ol:first-child li:first-child .result_bar{background:#525eaa}
.result ol:first-child li:first-child .result_num{color:#3c4790}
.research .result_box{position:relative;width:285px}
.result_num{position:absolute;right:8px;top:0;display:inline-block;min-width:81px;color:#555;text-align:right;letter-spacing:-0.05em}

/*이미지형 리서치 */
.imgbox{width:108px;height:108px;border:1px #ddd solid;margin:8px 0 0 23px;background:#f3f3f3}
.imgbox img{width:108px;height:108px}

/*이미지형 결과*/
.img .result ol{width:597px}
.research.out .img .result ol{width:603px}
.img .result ol li{margin-left:16px}
.result .imgbox{margin-left:0}
.research_box.img .list_block .cate_txt{float:none}
.research_box.img .result .list_block.case1{overflow:hidden}
.research_box.img .result .list_block.case1 li{float:left;width:278px}
.research_box.img ol .result_box{margin:11px 0 0 0}

/*1줄*/
.case1 .cate_txt,.research_listbox .case1 li{float:left;width:276px}
.case1 .result_box{float:left;margin-left:10px}
/*2줄*/
.case2 .cate_txt, .case2 .cate_txt .result_box,.research_listbox .case2 li,.result .case2 li{float:none;white-space:normal}
.case2 .result_box{margin-top:8px}