@charset "utf-8";
/* CSS Document */

/************** QR 코드 설문조사 ********/

.qrCodeSurveyWrap {margin-top:70px;}
.qrCodeSurveyWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}



/*코멘트*/
.subHealingPlus_CommentWrap {width:100%; border:1px solid #dddddd; position: relative; background-color:#fff;}
.subHealingPlus_CommentWrap .callBox {width:100%;}
.subHealingPlus_CommentWrap .callBox:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.subHealingPlus_CommentWrap .callBox .qrImgBox {float:left;}
.subHealingPlus_CommentWrap .callBox .inforMation {float:left; padding-top:30px;}

.subHealingPlus_CommentWrap .callBox {padding:4px 10px 5px 77px; border-bottom:1px solid #ddd; font-size:17px; color:#444;}
.subHealingPlus_CommentWrap .callBox p {font-size:14px;}
.subHealingPlus_CommentWrap .conBox {width:100%; padding:30px 34px 18px;}
.subHealingPlus_CommentWrap .leftQBox {width:40px; float:left; font-size:54px; font-weight:500; color:#cccccc; line-height:0.8;}
.subHealingPlus_CommentWrap .rightConBox {width:calc(100% - 40px); float:left; padding-left:20px;}
.subHealingPlus_CommentWrap .rightConBox .question01 {font-size:17px; color:#333; padding-bottom:16px; border-bottom:1px dashed #999999; font-weight:500; margin-bottom:17px;}
.subHealingPlus_CommentWrap .rightConBox .question01 span {font-size:15px;font-weight:400;}
.subHealingPlus_CommentWrap .rightConBox .answer01 {margin-bottom:18px;}
.subHealingPlus_CommentWrap .rightConBox .answer01 label {font-size:14px; font-weight:500; color:#666; margin-left:50px; display: inline-block;}
.subHealingPlus_CommentWrap .rightConBox .answer01 label:first-of-type {margin-left:0px;}

.subHealingPlus_CommentWrap .rightConBox .commentBox h5 {font-size:16px; font-weight:500; color:#444; margin-bottom:15px;}
.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .textareaBox {width:85%; float:left; padding-right:13px;}
.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .textareaBox .textAreaHealing {width:100%; height:60px;}
.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox {width:15%; float:left;}
.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox .btnHealingUpload {width:100%; height:60px; background-color:#aaa; font-weight:500; color:#fff; font-size:15px; text-align:center;}
.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox .btnHealingUpload:hover {background:#105baa}

.btnSurResultBox {width:100%; text-align:right; padding:10px 34px 10px;}
.btnSurResultBox .index_01 {float:left; font-size:14px; margin-top:5px;}
.btnSurResultBox .btnSurResult {min-width:142.5px; text-align:center; padding:7px 5px; border:1px solid #ddd; color:#444;}

.btn_resultView {background-color:#efefef; padding:6px 5px; font-size:13px; font-weight:500; width: 15%;}
.subHealingPlus_CommentWrap .resultParagrah p {font-size:14px; width: 85%; float: left; margin-top: 8px; }





/* 만족도 결과 */
div#researchRusult {position: absolute;left: 54%;top: 20%;width: 400px;height: auto;background: #ffffff;overflow: hidden;border: 1px solid #acc3da;padding: 20px;}
div#researchRusult h4 {float: left;margin: 24px 0 8px 0px;padding: 0 0 7px 0px;width: 100%;font-size: 17px;font-weight: 500;letter-spacing: -1px;color: #005baa;line-height: 190%;margin-bottom: 19px;border-bottom: 1px solid #eee;text-align:  center;}
div#researchRusult h4 span {font-weight: 400;font-size: 0.85em;letter-spacing: -0.5px;}

.pointBtn {position: absolute;right: 44px;top: 13px;font-weight: bold;margin: 0;padding: 0;}
 .pointBtn a {color: #aaa;text-decoration: underline;font-size: 12px;font-weight:  500;}
#pointView {position: absolute;left: 18px;top: 49px;padding: 28px 25px 15px;width: 360px;background: #fafafa;z-index: 10000;box-shadow: 0px 1px 3px rgba(120,120,120,0.3);}
#pointView p.Pagepoint {border-bottom: 1px dotted #ddd;margin-bottom: 5px;font-size: 14px;/* font-weight: 500; */color: #666;padding-bottom: 13px;line-height:  1.4;}
#pointView p.btn_close02 {clear: both; width: 45px; margin: 0 auto;}
ul.graph li {clear: both;height: 19px;/* width: 386px; */margin: 0 0 13px 0;overflow: hidden;}
ul.graph li div {float: left;/* width: 386px; */}
ul.graph li div dl dt {float: left; width: 79px; font-weight: bold; padding: 2px 0 0 0; color: #5c616f;}
ul.graph li div dl dd {float: left;width: 270px;margin-left: 68px;}
div#researchRusult p.btn_close {position: absolute;right: 0;top: 6px;padding: 5px;margin: 0;}
.ALink {text-decoration: none;color: #444;margin-right: 10px;font-size: 14px;font-weight: 500;/* background-color: #ddd; */}
.listNone{display: none;}
.closeImg{width: 20px; height: 20px;}

/* 그래프 */
ul.graph {float: left; width: 330px;}
.hGraph ul {margin: 0 0px 0 12px;padding: 1px 0 0 0;/* border: 1px solid #ddd; */border-top: 0;border-right: 0;font-size: 11px;font-family: Tahoma, Geneva, sans-serif;list-style: none;}
.hGraph li {position: relative; margin: 10px 0; white-space: nowrap; vertical-align: top;}
.hGraph .gTerm {position: absolute;width: 45px;top: 0;left: 1px;line-height: 20px;text-align: left;color: #767676;font-weight: 500;font-size: 12px;}
.hGraph .gBar {position: relative;display: inline-block;height: 20px;/* border: 1px solid #ccc; */border-left: 0;background: #005baa;color: #fff;padding: 2px 0 0 5px;font-size: 10px;}




@media all and (max-width:910px){
	
	.qrCodeSurveyWrap {margin: 30px 0 0px;}
	.qrCodeSurveyWrap:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
	
	
	.subHealingPlus_CommentWrap .callBox .qrImgBox {float:none; width:100%; text-align:center;}
	.subHealingPlus_CommentWrap .callBox .inforMation {padding-top:0px;}


	.subHealingPlus_CommentWrap {width:100%; border:1px solid #dddddd; position: relative;}
	.subHealingPlus_CommentWrap .callBox {padding:10px 9px 10px 31px; border-bottom:1px solid #ddd; font-size:14px; color:#444;}
	.subHealingPlus_CommentWrap .callBox p {font-size:13px;}
	.subHealingPlus_CommentWrap .conBox {width:100%; padding:24px 17px 18px;}
	.subHealingPlus_CommentWrap .leftQBox {width:16px; float:left; font-size:35px; font-weight:500; color:#cccccc; line-height:0.8;}
	.subHealingPlus_CommentWrap .rightConBox {width:calc(100% - 16px); float:left; padding-left:20px;}
	.subHealingPlus_CommentWrap .rightConBox .question01 {font-size:14px;}
	.subHealingPlus_CommentWrap .rightConBox .question01 span {font-size:13px;}
	.subHealingPlus_CommentWrap .rightConBox .answer01 {margin-bottom:18px;}
	.subHealingPlus_CommentWrap .rightConBox .answer01 label {font-size:12px;/* padding-left:5px; */width: 50%; display:  block;float: left;margin-left: 0;margin-bottom: 10px;}
	.subHealingPlus_CommentWrap .rightConBox .answer01 label:first-of-type {padding-left:0px;}
	
	.subHealingPlus_CommentWrap .rightConBox .commentBox h5 {font-size:16px; font-weight:500; color:#444; margin-bottom:15px;}
	.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .textareaBox {width:80%; float:left; padding-right:13px;}
	.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .textareaBox .textAreaHealing {width:100%; height:60px;}
	.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox {width:20%; float:left;}
	.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox .btnHealingUpload {font-size:12px; text-align:center;}
	.subHealingPlus_CommentWrap .rightConBox .commentBox .formBox .btnBox .btnHealingUpload:hover {background:#105baa}
	
	.subHealingPlus_CommentWrap .resultParagrah p {font-size:12px;display:inline-block; width:80%;}
	.btn_resultView {width:20%; font-size:12px;}

	.btnSurResultBox {width:100%; text-align:center; padding:10px 5px 5px; }
	.btnSurResultBox .index_01 {float:none; width:100%; font-size:13px; margin:5px 0 10px;}
	.btnSurResultBox .btnSurResult {min-width:100%; text-align:center; padding:7px 5px; background-color:#eee; color:#444;}


	/* 만족도 결과 */
	div#researchRusult {left: -1%;top: 10%;width: 350px;}
	#pointView {width: 320px;}

	#pointView p.Pagepoint {}
	#pointView p.Pagepoint br {display:none}


}