/* 설문조사 */
.survey { width:100%; border-bottom:2px solid #9a3f7f; }
.survey tr th { border:1px solid #9a3f7f; background:url('../images/table_title.png') center left repeat-x; padding:6px; color:#fff; }
.survey tr td { padding:6px; text-align:center; }

.survey-questions { width:100%; border-bottom:2px solid #9a3f7f; border-top:2px solid #9a3f7f;}
.survey-questions tr th { background:#efefef; font-size:10pt; color:#333; padding:6px; }
.survey-questions tr td { padding:6px; font-size:10pt; color:#333; line-height:16pt;}

.survey-col-num { width:10%; }

.survey-a-centre { text-align:center; }

.survey-control { padding:6px; text-align:right; }

.survey-comments-div { padding:6px; background:#fefefe; border:1px solid #ccc; }
.survey-comments { width:100%; }
.survey-comments tr th { border-bottom:1px solid #efefef; text-align:left; font-weight:normal; color:#333; padding:6px; }
.survey-comments tr th span { color:#ccc; font-size:9px; }
.survey-comments tr td { padding:6px; }
.survey-edittext { width:100%; height:65px; box-sizing: border-box;}
.survey-submit-place { width:10%; }

.survey-info { width:100%; border-top:2px solid #9a3f7f; margin-bottom:10px; }
.survey-info tr th { text-align:left; color:#9a3f7f; padding:6px; }
.survey-info tr td { color:#333; padding:6px; }

.survey-response { width:400px; }

#survey {padding: 30px 0;}
#survey .list_title {position: relative;}
#survey .list_title li {height: 53px; box-sizing: border-box; padding:17px 150px 17px 450px; background: #f9f9f9; border-bottom:1px solid #dedede; border-top: 2px solid #2282a5; font-weight:bold; text-align:center;}
#survey .list_title li.numb {position:absolute; left:0; top:0; width:50px; text-align:center; padding:17px 0;}
#survey .list_title li.subject {position:absolute; left: 50px; top:0; width: 390px; text-align:center; padding:17px 0; letter-spacing: 0em;}
#survey .list_title li.join {position:absolute; right:70px; top:0; width: 60px; text-align:center; padding:17px 0;}
#survey .list_title li.ongoing {position:absolute; right:0; top:0; width:70px; text-align:center; padding:17px 0;}


#survey .list_view{position: relative;}
#survey .list_view li {height: 47px; position: relative; border-bottom: 1px solid #dedede;}
#survey .list_view li span, #survey .list_view li p{line-height:100%;position:absolute; top:0; line-height:47px; text-align:center;  font-size:14px;}
#survey .list_view li .date{width: 100%; box-sizing: border-box; padding:0 150px 0 450px; height:47px; line-height:47px; color:#252525; font-size:15px; z-index: -9;}
#survey .list_view li .num{width: 50px; left: 0;}
#survey .list_view li .title{width: 390px; left: 50px;}
#survey .list_view li .title a{display: inline-block; width: 57px; height: 23px; margin-left: 3px; background: #e0f2f9; border-radius: 5px; font-size: 12px; color: #1986af; line-height: 23px; text-align: center;}
#survey .list_view li .ongoing{width: 70px; right: 0px;}
#survey .list_view li .join{width: 60px; right: 70px;}

#survey .no_survey .list_view li{height: 47px; line-height: 47px; color: #252525; font-size: 16px; text-align: center;}

	

.survey_result p.title {font-weight:bold; color:#7c4c9e; padding:10px; position:relative; border:1px solid #ccc; background-color:#f5f5f5; font-size:1.4em;}
.survey_result p.sub_text {text-align:justify; padding:20px; border-bottom:1px dashed #ccc;}
.survey_result dt {padding:5px 20px; border:1px solid #ccc; background-color:#f8f8f8; border-radius:5px; margin:10px 0;}
.survey_result dd {padding:5px 10px}
.survey_result dd li {padding:15px 0 15px 520px; position:relative; font-weight:bold; border-bottom:1px solid #efefef;}
.survey_result dd li p {position:absolute; left:0; top:12px; width:490px; padding:5px; text-align:right;}
.survey_result dd li.sv_01 p {background:url('/img/sub/bg_sv_01.gif') 0 0 no-repeat; background-size:5% 100%;}
.survey_result dd li.sv_02 p {background:url('/img/sub/bg_sv_02.gif') 0 0 no-repeat; background-size:60% 100%;}
.survey_result dd li.sv_03 p {background:url('/img/sub/bg_sv_03.gif') 0 0 no-repeat; background-size:15% 100%;}
.survey_result dd li.sv_04 p {background:url('/img/sub/bg_sv_04.gif') 0 0 no-repeat; background-size:100% 100%;}
.survey_result dd li.sv_05 p {background:url('/img/sub/bg_sv_05.gif') 0 0 no-repeat; background-size:20% 100%;}
.survey_result dd li.sv_06 p {background:url('/img/sub/bg_sv_06.gif') 0 0 no-repeat; background-size:20% 100%;}
.survey_result dd li.sv_07 p {background:url('/img/sub/bg_sv_07.gif') 0 0 no-repeat; background-size:20% 100%;}
.survey_result dd li.sv_08 p {background:url('/img/sub/bg_sv_08.gif') 0 0 no-repeat; background-size:20% 100%;}
.survey_result dd li p span {font-weight:normal;}
.survey_result dd p.total {padding:10px 0 5px 5px; text-align:right; font-size:0.9em; color:#999;}

.survey_particip{padding: 37px 0 79px;}
.survey_particip .title{height: 53px; padding-left: 20px; box-sizing: border-box; background: #f9f9f9; border-top: 2px solid #2c95bb; border-bottom: 1px solid #dedede; font-size: 17px; color: #333; line-height: 49px;}
.survey_particip .title + ul{height: 35px; border-bottom: 1px solid #dedede; box-sizing: border-box; padding-left: 10px; line-height: 33px;}
.survey_particip .title + ul li{float: left; padding: 0 10px; font-size: 15px; color: #666; position: relative;}
.survey_particip .title + ul li + li::before{content: ''; display: block; width: 1px; height: 10px; background: #c8c8c8; position: absolute; left: 0; top: 11px;}
.survey_particip .title + ul li span{font-weight: 600;}
.survey_particip p.sub_text {text-align:justify; margin-bottom: 29px;  padding:20px; border-bottom:1px solid #dedede; line-height: 1.5;}
.survey_particip dl + dl{margin-top: 21px;}
.survey_particip dt {padding: 15px 10px; background-color:#4692ae; border-top-left-radius:5px; border-top-right-radius:5px; margin:  0 36px; font-size: 16px; color: #fff; text-align: left; line-height: 1.5;}
.survey_particip dd {margin: 0 36px; border: 1px solid #4692ae; border-top: 0;}
.survey_particip dd li {padding:15px 10px; border-bottom:1px solid #efefef; line-height: 1.5;}
.survey_particip dd li input[type=text] {width:500px; background-color:#f8f8f8; border:1px solid #ccc; border-radius:5px; padding:5px; margin-left:10px;}
.survey_particip div.btn {padding:20px 10px 0 10px; text-align:right;}
.survey_particip div.btn span {padding:0 3px;}

.survey_particip .btn_wrap{margin-top: 32px; padding-top: 10px; border-top: 1px solid #48545d;}
.survey_particip .btn{float: left; width: 78px; height: 44px; background: #e7e7e7; font-size: 15px; color: #333; text-align: center; line-height: 44px;}
.survey_particip .btn + .btn{margin-left: 12px;}
.survey_particip .btn_write{float: left; width: 110px; height: 44px; background: #e6f2f7; font-size: 15px; color: #2c95bb; text-align: center; line-height: 44px;}
.survey_particip .btn.list{float: right;}

@media screen and (max-width: 900px){
	#survey .list_title{height: 53px;}
	#survey .list_title .date, #survey .list_view li .date, #survey .list_title li.numb, #survey .list_view li .num{display: none;}
	#survey .list_title li.subject, #survey .list_view li .title{width: 70%; left: 0; font-size: 14px; letter-spacing: -0.05em; font-weight: 400;}
	#survey .list_title li.join, #survey .list_view li .join{width: 15%; left: 70%; font-size: 14px; letter-spacing: -0.05em; font-weight: 400;}
	#survey .list_title li.ongoing, #survey .list_view li .ongoing{width: 15%; right: 0; font-size: 14px; letter-spacing: -0.05em; font-weight: 400;}
}