@charset "UTF-8";
/* 환자안전 현장지원 만족도 조사 */

/* 참여페이지 */
.m_poll_contents_page{
    background:#f8f8f8 url(../../images/mobile/img_satisfaction_survey_m1.png) no-repeat center center;
    background-size:cover;}

.m_poll_contents_page .personal_information{
    padding: 0 5.5555% 20px 5.5555%;
    position: relative;
    top:-34px;
    left:6px;
    font-size: 14px;
}
.m_poll_contents_page .personal_information strong{
    display: block;
    position: relative;
    
}
.m_poll_contents_page .personal_information strong::before{
    content:'';
    width: 3px;
    height: 3px;
    display: inline-block;
    vertical-align: 3px;
    background: #000;
    margin-right:4px;
    position: absolute;
    top:10px;
    left:-6px;
    
}

@media (max-width: 830px){
    .m_poll_contents_page{
        background:#f8f8f8 url(../../images/mobile/img_satisfaction_survey_m1.png) no-repeat center 0;
        background-size:contain;
    }
}
.m_poll_contents_page .c_main_title {margin-top:80px; text-align:center; font-size:22px; font-weight: 600;}
.m_poll_contents_page .c_sub_title {margin-top:25px;font-size:18px; text-align:center; font-weight: 400;}
.m_poll_contents_page .c_text-area{margin:0 5.5555%; padding: 15px; background: #fff; min-height:230px; max-height:240px; overflow-x: hidden; overflow-y: auto; margin-top: 25px;}
.m_poll_contents_page .c_text-area p{font-size:16px; margin-top:32px;}
.m_poll_contents_page .c_text-area p:nth-child(1){margin-top:0;}
.m_poll_contents_page .c_text-area p>strong{color:#9b694d;}
.m_poll_contents_page .btn_wrap { margin:35px 0 60px auto;padding:0 5.5555%;}


.m_poll_contents_page_input{
    padding:0 20px !important;
}

@media (max-width: 830px){
    .m_poll_contents_page_input{
        background:#fff  url(../../images/mobile/img_satisfaction_survey_m2.png) no-repeat center 0;
        background-size:contain;
    }
}

.m_poll_contents_page_input .c_main_title {margin-top:29px; font-size:22px; font-weight: 600;}
.m_poll_contents_page_input .c_sub_title {margin:2px 0 15px 0;font-size:16px; font-weight: 400;}
.m_poll_contents_page_input .poll_info_area {padding-bottom:12px;  border-bottom:  1px solid #8e9091;;}
.m_poll_contents_page_input .poll_info_area .info_text {font-weight: 400;}
.m_poll_contents_page_input .poll_info_area .info_text .text_power{color:#ec012a;}
.m_poll_contents_page_input .important-text{margin-top:24px; font-size:14px;}
.m_poll_contents_page_input .poll_info_area .btn-area{text-align: right; font-size: 0;margin-top:14px; margin-bottom:3px;}
.m_poll_contents_page_input .poll_info_area .btn-area a:first-child{margin-left:0 !important;}
.m_poll_contents_page_input .poll_info_area .btn-area button:first-child{margin-left:0 !important;}
.m_poll_contents_page_input .poll_info_area .btn-area a,
.m_poll_contents_page_input .poll_info_area .btn-area button{width:75px; height:44px; line-height: 44px; text-align: center; margin-left:5px !important; display: inline-block;vertical-align:middle;}
.m_poll_contents_page_input .poll_info_area .btn-area .basic{font-size:16px;color:#000; border: 1px solid #dbdbdb;}
.m_poll_contents_page_input .poll_info_area .btn-area .point{font-size:16px;color:#fff; background: #eb0029;border: 1px solid #eb0029;}
.m_poll_contents_page_input .current-num{padding-top:4px; text-align: right;}
.m_poll_contents_page_input .current-num .bold-text{font-weight: 500;}
.m_poll.content_box .poll_contents_question {position: relative;}
.m_poll.content_box .question_area .num {width:30px; height:30px; background-color:#9b694d; position: absolute; top:0; left:0; text-align: center; color:#fff;padding-top: 3px;font-weight: normal;}
.m_poll.content_box .question_area .num + p{font-size:16px; font-weight: 500;padding:3px 0 0 39px;white-space: pre-wrap;}
.m_poll.content_box .poll_contents_question{margin-top:40px;}
.m_poll.content_box .poll_contents_question:first-child{margin-top:12px;}
.m_poll.content_box .poll_answer_list{margin-top:25px;}
.m_poll.content_box .poll_answer_list li{margin-top:10px;}
.m_poll.content_box .poll_answer_list li:first-child{margin-top:0;}

.m_poll.content_box .poll_answer_list.col-3 {width: 536px;}
.m_poll.content_box .poll_answer_list.col-3 li {display: inline-block; width: 160px; margin-top: 20px;}

.m_poll.content_box .poll_contents_question .img_area{width:100%; margin:0 auto; margin-top:25px; text-align: center;}
.m_poll.content_box .poll_contents_question .img_area img{width:100%;}
.poll_contents_question .small_question {display: block;}
.poll_contents_question .ml1{margin-left:10px;}
.poll_contents_question .file-text{vertical-align: inherit;}
.poll_contents_question .text_area input[type=text]{margin-top:15px;}
.poll_contents_question .text_area input[type=text]:first-child{margin-top:24px;}
.poll_contents_question .poll_btn_download {display: inline-block;
    padding: 0 15px;
    min-width: 80px;
    height: 30px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #dbdbdb;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.poll_contents_question .minus80{width:calc(100% - 90px); margin-right:5px;}
.poll_contents_question.readonly .minus80{width:100%;}
.poll_contents_question.readonly .form_list_short .minus80{width:50%; margin-top:10px;}
.poll_contents_question .find_text_area{margin-top:15px;}
.poll_contents_question .find_text_area:nth-child(1){margin-top:25px;}
.poll_contents_question .find_text_area .form_list_short{width:50%; }
.poll_contents_question .down_text_readonly{padding:15px 5px; background: #fafafa; border:1px solid #dfdfdf; margin-top:25px;}
.poll_contents_question .down_text_readonly a.down{margin-top:8px;padding-bottom:4px;color:#9b694e; border-bottom: 1px solid #9b694e; display: inline-block;}

.text_area .file_box_wrap {margin-top:10px;}
.poll_contents_question .file_box_wrap .align_list + .align_list {width:calc(100% - 50px);}
.poll_contents_question .align_list .fileDrop{width:100%;}
.poll_contents_question .align_list .td_tit{padding-top: 4px; font-size:14px; color:#8e8f91;}
.m_poll_contents_page_input .btn_wrap{margin-bottom:62px; text-align: left;}
.m_poll_contents_page_input .btn_wrap [class^='btn_'] + [class^='btn_'] {margin-left:2%;}
.m_poll_contents_page_input .btn_wrap a,
.m_poll_contents_page_input .btn_wrap button{ vertical-align: middle;}

.m_poll input[type=radio]:not(:checked):disabled+label {
    background: url("/images/common/off_ico_radio.png") no-repeat;
    background-size: 20px;
}

.m_poll input[type=checkbox]:not(:checked):disabled+label {
    background: url("/images/common/ico_checkbox_off.png") no-repeat;
    background-size: 20px;
}

.m_poll_contents_page_input .info_text{word-break: keep-all;}