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

.switch-button-label {float: left;font-size:10pt;cursor: pointer;padding-top:3px;}
.switch-button-label.off {color: #adadad;}
.switch-button-label.on {color: #0088CC;font-weight:600}
.switch-button-background {float: left;position: relative;/*background:#ccc;border: 1px solid #aaa;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;*/	background: url(/images/msurvey/bg_switch.png) no-repeat;margin: 1px 10px;cursor: pointer;}
.switch-button-button {position: absolute;left: -1px;top:-1px;background: url(/images/msurvey/bg_switch_on.png) no-repeat;/*background: #66b3df;border: 1px solid #aaa;-webkit-border-radius:15px;-moz-border-radius:15px;
border-radius:15px;*/}
.switch-wrapper {display: inline-block; position: relative;top: 3px;}
.demo { padding:20px 0 0 0;}
	

.sample_sur_tit {position:relative}	
.sample_sur_tit > h3 {font-size:16px; font-weight:600; display:inline; color:#000}
.sample_sur_tit .switch { position:absolute; top:0; left:80px}
.sample_sur_tit ul.fold_sam li { float:left; width:48px;}
.sample_sur_tit ul.fold_sam li a {display:inline-block;width:48px; height:25px; line-height:25px; color:#000; text-align:center}
.sample_sur_tit ul.fold_sam li.on {background:url(/images/msurvey/bg_fold_on.png) no-repeat 3px 3px; color:#fff}
.sample_sur_tit ul.fold_sam li.on a {color:#fff}
.sample_sur_bx {position:relative;height:470px; border-top:1px dotted #000;border-bottom:1px dotted #000; background:url(/images/msurvey/bg_sample.png) no-repeat}
.bprev {width:30px; height:44px; background:url(/images/msurvey/btn_sam_pre.png) no-repeat; position:absolute; top:200px; left:20px;}
.bnext {width:30px; height:44px; background:url(/images/msurvey/btn_sam_next.png) no-repeat; position:absolute; top:200px; right:20px;}

/* 한줄 롤링 */
.cstore1Wrap {width:660px;overflow:hidden; margin:25px 0px 0 73px;}
.cstore1 {overflow:hidden;width:670px;height:400px; }
.cstore1 .prolist {width:2000px;height:400px;}
.cstore1 .prolist:after {content:""; display:block;float:none;clear:both;} 
.cstore1 .item {width:120px; height:190px; overflow:hidden; background:#fff;box-shadow:0 2px 2px 2px rgba(0,0,0,0.2);}
.cstore1 .pic {width:120px;height:125px;border-bottom:1px #888 solid;position:relative;border-radius:0px}
.cstore1 .pic:hover {border-color:#1399f3}
.cstore1 .pic img {width:120px;height:125px;border:0px #fff solid}
.cstore1 .subject {padding:7px 0;font-size:11px;text-align:center;letter-spacing:-1px;line-height:17px;}
.cstore1 .item .btns {text-align:center;}
.cstore1 .item .btns .btn_sample {display:inline-block;height:22px; line-height:22px; background:#797979;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#fff}
.cstore1 .item .btns .btn_copy {display:inline-block;height:22px; line-height:22px;background:#585858;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#fff}
/* 한줄 롤링 End */

.sample_wrap {width:660px;overflow:hidden; margin:25px 0px 0 76px;}
.sample_bx {overflow:hidden;width:660px;height:400px;}
.sample_bx .samlist {width:2000px;height:400px; }
.sample_bx .samlist:after {content:""; display:block;float:none;clear:both;} 
.sample_bx .item {width:120px; height:190px; overflow:hidden; background:#fff;box-shadow:0 2px 2px 2px rgba(0,0,0,0.2); float:left; margin:0 12px 12px 0}
.sample_bx .pic {width:120px;height:125px;border-bottom:1px #888 solid;position:relative;border-radius:0px}
.sample_bx .pic:hover {border-color:#1399f3}
.sample_bx .pic img {width:120px;height:125px;border:0px #fff solid}
.sample_bx .subject {padding:7px 0;font-size:11px;text-align:center;letter-spacing:-1px;line-height:17px;}
.sample_bx .item .btns {text-align:center;}
.sample_bx .item .btns .btn_view {display:inline-block;height:22px; line-height:22px; background:#797979;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#fff}
.sample_bx .item .btns .btn_copy {display:inline-block;height:22px; line-height:22px;background:#585858;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color:#fff}
.sam_pagination {overflow:hidden; text-align:center; margin-top:10px;}
.sam_pagination .sam_page {display:inline-block; padding:0 2px;}
.sam_pagination .sam_page a {display:inline-block;width:12px; height:12px;background:url(/images/msurvey/btn_sampage.png) no-repeat }
.sam_pagination .sam_page a.sel {background:url(/images/msurvey/btn_sampage_on.png) no-repeat}

/* 서베이 만들기 step1 */
.relative {position:relative;}
.make_tip { position:absolute; top:3px; right:5px}

/* 서베이 만들기 step2 */
.guide_survey {position:absolute; top:28px; right:0px; font-size:13px; overflow:hidden;}
.guide_survey a {display:block; padding:5px 5px 5px 28px;background:url(/images/common/bg_guide.png) no-repeat 0 2px; }
.guide_survey a:hover {font-weight:bold}

.tab_step {border-top:1px solid #dedede; border-bottom:1px solid #dedede; overflow:hidden; margin-top:20px;}
.tab_step:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
.tab_step > ul {padding:5px 0;height:65px;}
.tab_step > ul li {float:left; width:128px; height:65px; line-height:65px; padding-left:63px; font-size:16px; color:#000;}
.tab_step > ul li.sel {color:#fff}
.tab_step > ul li:first-child {width:155px;}

.bg_step_01 {background:url(/images/msurvey/bg_step_01.png) no-repeat 0 5px;}
.bg_step_02 {background:url(/images/msurvey/bg_step_02.png) no-repeat 0 5px;}
.bg_step_03 {background:url(/images/msurvey/bg_step_03.png) no-repeat 0 5px;}

.step2_bx {border:1px solid #bcbcbc; background:#f5f5f5}
.step2_bx .step2_question_bx { border:1px solid #d5d5d5; margin:10px; background:#fff; position:relative}
.step2_bx .step2_question_bx .move {position:absolute; top:-1px; left:-1px}
.step2_bx .step2_question_bx .move a {display:block}

.step2_bx .step2_question_bx .setting_button {width:130px;position:absolute; top:10px; right:10px; font-size:12px;}
.step2_bx .step2_question_bx .setting_button li {padding:3px 0}
.step2_bx .step2_question_bx .setting_button li a {display:inline-block; background:#535353; border:1px solid #353535;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; font-size:11px; letter-spacing:-0.5px; color:#fff; width:60px; text-align:center; padding:3px 0}
.step2_bx .step2_question_bx .setting_button li select {height:20px; line-height:20px; font-size:12px;}
.step2_bx .step2_question_bx .setting_button li input.set {width:25px; height:14px; line-height:14px}

.step2_bx .step2_question_bx .step2_question_area {width:560px; padding:20px 0 20px 35px; overflow:hidden}
.step2_question {position:relative; display:block; margin-bottom:10px;}
.step2_question .ques_num {position:absolute; top:0;left:0; width:20px; height:18px; line-height:18px; text-align:center;background:#80726e; border:1px solid #605450;color:#fff}
.step2_question .ques_txt { padding:0px 0 0 30px;font-size:14px; font-weight:600; line-height:23px; word-break: break-all; word-wrap: break-word;}

.step2_bx .step2_question_bx .step2_question_area .pic {display:block;padding-bottom:15px;margin-left:30px;}
.step2_bx .step2_question_bx .step2_question_area .vod {display:block; width:480px; height:270px; padding-bottom:15px; margin-left:30px;}
.step2_bx .step2_question_bx .step2_question_area .vod iframe {width:480px; height:270px;}

.step2_bx .step2_question_bx .step2_question_area .type_radio {margin-left:30px; font-size:13px; }
.step2_bx .step2_question_bx .step2_question_area .type_radio li {padding:5px 0; vertical-align:middle;color:#787878}
.step2_bx .step2_question_bx .step2_question_area .type_radio li select {height:20px; line-height:20px; margin-left:5px;}
.step2_bx .step2_question_bx .step2_question_area .type_radio li span {display:inline; margin-left:5px}
.step2_bx .step2_question_bx .step2_question_area .type_radio li span input.set {width:25px; height:14px; line-height:14px}
.step2_bx .step2_question_bx .step2_question_area .type_radio li input.etc_txt {width:150px; height:15px; line-height:15px; margin-left:5px;}

.step2_bx .step2_question_bx .step2_question_area .type_check {margin-left:30px; font-size:13px;}
.step2_bx .step2_question_bx .step2_question_area .type_check li {float:left; padding:5px 10px 5px 0;}

.step2_bx .step2_question_bx .step2_question_area ol {margin-left:30px; font-size:13px; color:#666; margin-bottom:10px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; }
.step2_bx .step2_question_bx .step2_question_area ol li {border-bottom:1px solid #ccc; padding:3px 10px 3px 10px;background:#f2f2f2; margin:1px 0; font-size:12px;}

.step2_bx .step2_question_bx .step2_question_area .type_score {margin-left:30px; font-size:13px; color:#666}
.step2_bx .step2_question_bx .step2_question_area .type_score > span {font-size:14px; font-weight:bold}

.step2_bx .step2_question_bx .step2_question_area .type_sum {margin-left:30px; font-size:13px; color:#666; width:400px;}
.step2_bx .step2_question_bx .step2_question_area .type_sum li {border:1px solid #ccc; padding:3px; margin-bottom:3px;}
.step2_bx .step2_question_bx .step2_question_area .type_sum li p {display:inline-block; border-left:1px solid #ccc; float:right; width:100px; text-align:right}

.step2_bx .step2_question_bx .step2_question_area .type_txt {border:1px solid #ccc; height:100px; padding:5px; line-height:23px;margin-left:30px; word-break: break-all; word-wrap: break-word;}
.step2_bx .step2_question_bx .step2_question_area .type_txt pre {display: block; height: 100px; word-break: break-all; word-wrap: break-word;}
.step2_bx .step2_question_bx .step2_question_area .type_star {margin-left:30px; font-size:13px;}
.step2_bx .step2_question_bx .step2_question_area .type_star li {float:left; background:url(/images/msurvey/icon_star.png) no-repeat; width:31px; height:30px; padding-right:10px;}

.step2_bx .add_btn_bx {text-align:center; padding:20px 0 30px 0}
.step2_bx .add_btn_bx input.btn_add_q {background:url(/images/msurvey/btn_add_q.png) no-repeat; width:237px; height:47px; line-height:47px; text-align:center; color:#fff; font-weight:bold; font-size:15px; border:0; padding-left:20px}

.search_survey {border:5px solid #d1cbc9; background:#f1eeed; font-size:13px; padding:15px 15px; position:relative}
.search_survey > dl {overflow:hidden; width:650px;}
.search_survey > dl:after{clear:both;display:table;content:"";line-height:0}
.search_survey > dl dt {float:left; width:100px; text-align:left; padding:8px 0 8px 10px; color:#736057; font-weight:bold; text-align:center}
.search_survey > dl dd {float:left; width:500px; text-align:left; padding:8px 0; border-bottom:1px dashed #b2aeac; color:#000;}
.search_survey > dl dd a.icon_day {display:inline-block; background:#4b4544; font-size:11px; letter-spacing:-0.5px; padding:5px 7px; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.search_survey > dl dd span {padding-right:15px}
.search_survey > dl dd:last-child {border:0}

/* 서베이 만들기 3단계 미리보기*/
.preview_bx {border:1px solid #d2d2d2; background:#f2f2f2; overflow:hidden; padding:20px 0}
.preview_bx .preview_area {margin:0 auto; width:660px; overflow:hidden}
.preview_bx .preview_area .pre_sms_bx {float:left;width:310px;}
.preview_bx .preview_area .pre_sms_bx p.tit {font-size:16px; font-weight:600; text-align:center; padding:10px 0;}
.preview_bx .preview_area .pre_sms_bx .pre_sms_cp {position:relative;width:310px;height:530px;background:url(/images/common/bg_preview_cp.png) no-repeat;}
.preview_bx .preview_area .pre_sms_bx .pre_sms_cp .pre_con_bx {position:absolute; top:78px; left:28px;width:248px; height:370px; background:#333;}
.preview_bx .preview_area .pre_sms_bx .pre_sms_cp .pre_con_bx .pre_message {width:210px;min-height:200px; line-height:18px; overflow:hidden;background:#ecde69; margin:10px 10px; padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px }
.preview_bx .preview_area .pre_sms_bx .pre_sms_cp .pre_con_bx .pre_message p.url {padding-top:10px; font-size:12px; text-align:left}

.preview_bx .preview_area .pre_sur_bx {float:right; width:310px;}
.preview_bx .preview_area .pre_sur_bx p.tit {font-size:16px; font-weight:600; text-align:center; padding:10px 0;}
.preview_bx .preview_area .pre_sur_bx .pre_sur_cp {position:relative;width:310px;height:530px;background:url(/images/common/bg_preview_cp.png) no-repeat;}
.preview_bx .preview_area .pre_sur_bx .pre_sur_cp .pre_con_bx {position:absolute;top:78px;left:28px;width:238px; height:360px; background:#fff; overflow-y:auto;padding:5px;}


/* 서베이 전송 */
.survey_send_bx {overflow:hidden; margin-top:30px;}
.survey_send_bx .cp_bx {width:245px; height:580px; float:left; background:url(/images/message/bg_cp_mms.png) no-repeat;}
.survey_send_bx .cp_bx .cp {width:209px;margin:55px 0 0 16px}
.survey_send_bx .cp_bx .cp .text {width:100%;overflow: hidden;height:300px;}
.survey_send_bx .cp_bx .cp .text > input {margin-bottom:6px;padding:0 3px;width:200px;height:30px;line-height:30px;font-size:12px;color:#000;font-family: gulim, '굴림';border:1px solid #d1d1d1;background:#fff}
.survey_send_bx .cp_bx .cp .text > textarea {padding:3px 3px;margin:0;width:96%;min-height:155px;line-height: 15px;font-size: 12px;color: #000;font-family: gulim, '굴림';background:transparent; border:0;overflow:hidden; overflow-y:auto;}
.survey_send_bx .cp_bx .cp .text .multy {position:relative;width:99%;height:255px;overflow-x:hidden;overflow-y:auto; border:0px solid #000}
.survey_send_bx .cp_bx .cp .text .multy .mms_img_preview img {width:98%; text-align:center;padding-bottom:1px}
.survey_send_bx .cp_bx .cp .text .multy .isSel {border:1px solid #008000} /* 문자에 추가한 이미지 선택했을때 */
.survey_send_bx .cp_bx .cp .text .multy .isUnSel {border:1px solid #FFFFFF} /* 문자에 추가한 이미지 선택을 해지했을떄 */
.survey_send_bx .cp_bx .cp .text .multy > textarea {padding:3px 3px;margin:0;width:96%;height:240px;resize:none;line-height:15px;font-size:12px;color: #000;font-family: gulim, '굴림';background:transparent;border:0;overflow:hidden;WORD-BREAK:break-all;}

/*
.survey_send_bx .cp_bx .cp .mms_img {overflow:hidden; margin-top:13px; position:relative; width:100%}
.survey_send_bx .cp_bx .cp .mms_img > div {width:58px; height:86px; border:1px solid #d3d3d3; background:#ececec url(/images/message/bg_mms_imgtxt.png) no-repeat 50% 35px; margin-left:15px;}
.survey_send_bx .cp_bx .cp .mms_img > ul { position:absolute; top:15px; right:15px}
.survey_send_bx .cp_bx .cp .mms_img > ul li {margin-bottom:3px;}
.survey_send_bx .cp_bx .cp .mms_img > ul li.btn_addimg label {display:block;width:80px;height:27px;line-height:27px;text-align:center;background:#504542;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff;cursor: pointer;}
.survey_send_bx .cp_bx .cp .mms_img > ul li.btn_addimg input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.survey_send_bx .cp_bx .cp .mms_img > ul li a.btn_edtimg {display:block;width:80px; background:#504542;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:6px 0; color:#fff;text-align:center}*/

.survey_send_bx .cp_bx .cp .mms_img {overflow:hidden; margin-top:10px; width:100%}
/*.mms_bx .cp_bx .cp .mms_img > div {width:58px; height:86px; border:1px solid #d3d3d3; background:#ececec url(/images/message/bg_mms_imgtxt.png) no-repeat 50% 35px; margin-left:15px;}*/
.survey_send_bx .cp_bx .cp .mms_img > ul {margin-left:5px}
.survey_send_bx .cp_bx .cp .mms_img > ul:after{clear:both;display:table;content:"";line-height:0}
.survey_send_bx .cp_bx .cp .mms_img > ul li {margin-bottom:3px; float:left}
.survey_send_bx .cp_bx .cp .mms_img > ul li.btn_addimg label {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;text-align:center;background:#504542 url(/images/message/bg_imgbtn_01.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;cursor: pointer;}
.survey_send_bx .cp_bx .cp .mms_img > ul li.btn_addimg input[type=file] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
/*.mms_bx .cp_bx .cp .mms_img > ul li input.btn_addimg {width:80px; background:#504542;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 0; color:#fff;border:0} */
.survey_send_bx .cp_bx .cp .mms_img > ul li a.btn_edtimg {display:block;width:81px;height:30px;line-height:30px;padding-left:18px;background:#504542 url(/images/message/bg_imgbtn_02.png) no-repeat 8px 5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; color:#fff;text-align:center; margin-left:2px}

.survey_send_bx .cp_bx .cp .byte {padding-right:10px;text-align: right; color:#e76700; font-weight:bold}
.survey_send_bx .cp_bx .cp .byte > input {position:relative;top:0px; padding:3px 3px 0 3px;width:30px;height: 25px;line-height: 25px;font-size: 12px;font-family: gulim, '굴림';font-weight:800;text-align:right;color:#e76700;border:0;background: transparent;}
.survey_send_bx .cp_bx .cp .byte > span {color:#000; font-weight:normal}
.survey_send_bx .cp_bx .cp .button {text-align:center;margin-top:5px;}
.survey_send_bx .cp_bx .cp .button a {display:inline-block;margin:0 1px;width:65px;height:25px;line-height:25px;font-size:12px;font-weight:800;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#fff; background:#74858e;}
.survey_send_bx .cp_bx .cp .button a:hover {background:#64727a}
.survey_send_bx .cp_bx .cp .call_num {margin:10px 0}
.survey_send_bx .cp_bx .cp .call_num > span {font-size:13px; padding:5px 10px 0 5px}
.survey_send_bx .cp_bx .cp .call_num > select {width:136px;padding:1px 2px;height:22px;font-size: 12px;color: #333;line-height: 22px;vertical-align: middle; border: 1px solid #ccc;cursor: pointer;}
.survey_send_bx .cp_bx .cp .call_num > p {margin-left:5px}
.survey_send_bx .cp_bx .cp .call_num > p input {width:98px;background:#565b5e; font-size:12px; letter-spacing:-1px;text-align:center; padding:7px 0 8px 0; color:#fff; margin:10px 1px 0 1px; border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.survey_send_bx .cp_bx .cp .call_num > input:hover {background:#000}

.survey_receive_bx {width:240px; float:left; margin:10px 0 0 15px;}
.survey_receive_bx .title {font-size:17px;color:#000;padding:0 0 10px 15px;font-weight:600;background:url(/images/common/icon_arrow.png) no-repeat 0 5px;}
.survey_receive_bx .send_bx {border:1px solid #d5d5d5; padding:10px;}

.survey_receive_bx .send_bx .regi_num {padding-bottom:10px;margin-top:5px; border-bottom:1px solid #dedede}
.survey_receive_bx .send_bx .regi_num li {padding-bottom:5px}
.survey_receive_bx .send_bx .regi_num input.add {background:#eae4da; border:1px solid #cdc2b8; height:25px; line-height:25px; color:#000; padding:0px 15px; font-size:11px; font-family:dotum;letter-spacing:-0.8px; font-weight:bold;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px }
.survey_receive_bx .send_bx .regi_num input.add:hover {background:#e3d9c7;}

.survey_receive_bx .send_bx .regi_num .regi_each input.each_info {width:70px;height:23px;line-height:23px; color:#818181 }
.survey_receive_bx .send_bx .regi_num .regi_each input.each_num {width:150px;height:20px;line-height:20px; border:1px solid #c4dde6; background:#e1f7ff}

.survey_receive_bx .send_bx .receive_bx {margin-top:5px; overflow:hidden; position:relative}
.survey_receive_bx .send_bx .receive_bx > p {margin-top:5px; font-size:14px;}
.survey_receive_bx .send_bx .receive_bx > p > span {color:#000}
.survey_receive_bx .send_bx .receive_bx > p > span > em {color:#1f99d5; font-weight:bold}
.survey_receive_bx .send_bx .receive_bx  p.btn_del { position:absolute; top:0px; right:0px}

.survey_receive_bx .send_bx .receive_bx .change_list {height:270px;margin-top:10px; background:#f1f1f1}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul {padding:7px 0;overflow:hidden; background:#7b7b7b;border:1px solid #bbb; padding-right:18px}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li {float:left;width:33.3333%;color:#fff;text-align:center;}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li:hover, 
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li > span:hover {color:#9ee9ff;cursor:pointer}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li > span {color:#fff}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li.c1 {width:20%}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li.c2 {width:60%;}
.survey_receive_bx .send_bx .receive_bx .change_list .ctop ul li.c3 {width:20%}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum {max-height:239px; overflow:hidden; border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada; background:#f2f2f2; overflow:hidden;overflow-y:auto}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol {clear:both;position:relative; overflow:hidden;}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li {float:left; width:15%; height:28px; line-height:28px; text-align:center; color:#7b7b7b; font-size:11px; vertical-align:middle; background:url(/images/message/line_excel.png) repeat-y top right; border-top:1px solid #fff;border-bottom:1px solid #ccc;white-space:nowrap; overflow:hidden;}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li:last-child {background:none}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li.c1 {width:20%}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li.c2 {width:60%; background:#f1fcff url(/images/message/line_excel.png) repeat-y top right;font-size:11px;}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li.c3 {width:20%}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li.c3 a {display:block; height:25px; line-height:25px; font-size:11px; font-family:Arial; font-weight:bold; color:#aaa}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li.c3 a:hover {color:#000}
.survey_receive_bx .send_bx .receive_bx .change_list .cnum ol li div {line-height:25px; font-size:11px; color:#000; cursor:default}
.survey_receive_bx .send_bx .sum {padding:15px 0 15px 5px; overflow:hidden; font-size:14px; letter-spacing:-0.5px}
.survey_receive_bx .send_bx .sum p {height:20px; background:url(/images/message/bg_totalcost.png) no-repeat; font-size:16px; padding:0 0 10px 25px}

.survey_bx {width:280px; float:left; margin:10px 0 0 15px; position:relative}
.survey_bx .title {font-size:17px;color:#000;padding:0 0 10px 15px;font-weight:600;background:url(/images/common/icon_arrow.png) no-repeat 0 5px;}
.survey_bx a.tip_posi {position:absolute; top:2px; right:100px;}
.survey_bx .btn_loadsurvey {position:absolute; top:0px; right:0}
.survey_bx .btn_loadsurvey a {display:block; background:#d7843a; border:1px solid #ab731a; width:95px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; letter-spacing:-0.5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.survey_bx .survey_con {border:1px solid #cdcdcd; height:345px; background:#f3f3f3;overflow: hidden;overflow-y: auto; padding:10px;}
.survey_bx .survey_end {border:1px solid #cdcdcd;}
.survey_bx .survey_end > dl > dt {background:#ddd;padding:10px;color:#000;font-weight:600;font-size:13px}
.survey_bx .survey_end > dl > dd {background:#eaeaea;padding:5px 10px ;}
.survey_bx .survey_end > dl > dd > ul li {padding:2px 0}
.survey_bx .survey_end > dl > dd > ul li input.set {height:15px;line-height:15px}

/* 전송- 서베이 내용 */
.send_surcon_bx {position:relative}
.send_surcon_bx .surcon_bx {padding:10px 0; overflow:hidden}
.surcon_bx {position:relative; display:block; margin-bottom:10px;}
.surcon_bx .ques_num {position:absolute; top:0;left:0; width:20px; height:18px; line-height:18px; text-align:center;background:#80726e; border:1px solid #605450;color:#fff}
.surcon_bx .ques_txt { padding:0px 0 0 30px;font-size:14px; font-weight:600; line-height:23px; word-break: break-all; word-wrap: break-word;}

.send_surcon_bx .surcon_bx .pic {display:block;padding-bottom:15px;margin-left:30px;}
.send_surcon_bx .surcon_bx .vod {display:block; width:100%; height:270px; padding-bottom:15px; margin-left:30px;}
.send_surcon_bx .surcon_bx .vod iframe {width:100%; height:270px;}

.send_surcon_bx .surcon_bx .type_radio {margin-left:30px; font-size:13px; }
.send_surcon_bx .surcon_bx .type_radio li {padding:5px 0; vertical-align:middle;color:#787878}
.send_surcon_bx .surcon_bx .type_radio li select {height:20px; line-height:20px; margin-left:5px;}
.send_surcon_bx .surcon_bx .type_radio li span {display:inline; margin-left:5px}
.send_surcon_bx .surcon_bx .type_radio li span input.set {width:25px; height:14px; line-height:14px}
.send_surcon_bx .surcon_bx .type_radio li input.etc_txt {width:150px; height:15px; line-height:15px; margin-left:5px;}

.send_surcon_bx .surcon_bx .type_check {margin-left:30px; font-size:13px;}
.send_surcon_bx .surcon_bx .type_check li {float:left; padding:5px 10px 5px 0;}

.send_surcon_bx .surcon_bx ol {margin-left:30px; font-size:13px; color:#666; margin-bottom:10px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; }
.send_surcon_bx .surcon_bx ol li {border-bottom:1px solid #ccc; padding:3px 10px 3px 10px;background:#f2f2f2; margin:1px 0; font-size:12px;}

.send_surcon_bx .surcon_bx .type_score {margin-left:30px; font-size:13px; color:#666}
.send_surcon_bx .surcon_bx .type_score > span {font-size:14px; font-weight:bold}

.send_surcon_bx .surcon_bx .type_sum {margin-left:30px; font-size:13px; color:#666;}
.send_surcon_bx .surcon_bx .type_sum li {border:1px solid #ccc; padding:3px; margin-bottom:3px;}
.send_surcon_bx .surcon_bx .type_sum li p {display:inline-block; border-left:1px solid #ccc; float:right; width:30%; text-align:right}

.send_surcon_bx .surcon_bx .type_txt {border:1px solid #ccc; height:100px; padding:5px; line-height:23px;margin-left:30px; word-break: break-all; word-wrap: break-word;}
.send_surcon_bx .surcon_bx .type_txt > pre {display: block; height: 100px; word-break: break-all; word-wrap: break-word;}
.send_surcon_bx .surcon_bx .type_star {margin-left:30px; font-size:13px;}
.send_surcon_bx .surcon_bx .type_star li {float:left; background:url(/images/msurvey/icon_star.png) no-repeat; width:31px; height:30px; padding-right:10px;}

/* 결과 리포트*/
#popup_report {background:#fff;border:3px solid #d0d0d0;box-shadow: 0 4px 4px 0px rgba(0,0,0,0.4); padding:5px 5px;}
#popup_report .title {background:#77635e; position:relative}
#popup_report .title h2 {padding:15px; color:#fff ; font-size:20px; font-weight:600; }
#popup_report .title h2 a {position:absolute; top:15px; right:20px; width:16px; height:16px; background:url(/images/common/pop_close_wh.png) no-repeat; text-indent:-999px; font-size:0; line-height:0}
#popup_report .result_overview {background:#f3f3f3; overflow:hidden}
#popup_report .result_overview .refer {padding:0 10px 5px 10px; clear:both; color:#ea0000; text-align:right}
#popup_report .result_overview .result_bx1 {width:40%; float:left;}
#popup_report .result_overview .result_bx1 .summury_bx {padding:10px;}
#popup_report .result_overview .result_bx1 .summury_bx > h3 { background:#e0e0e0; padding:10px; color:#000; font-size:16px; font-weight:600}
#popup_report .result_overview .result_bx1 .summury_bx a.refresh {display:inline-block;margin-left:5px;width:60px;height:18px;line-height:18px;background:#000;color:#fff;font-size:11px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#popup_report .result_overview .result_bx2 a.btn_down, 
#popup_report .result_overview .result_bx3 a.btn_down {position:absolute;top:18px;right:18px;background:url(/images/msurvey/btn_resultdown.png) no-repeat;width:90px;height:25px;text-align:center;line-height:25px;color:#fff;padding-left:20px;}

/* 도넛(모리스) 그래프 1 */
#graph {width:100%;height:150px;margin:0px auto 0 auto;}
.send_graph_bx > pre { display:none}


#popup_report .result_overview .result_bx2 {width:30%;float:left;position:relative}
#popup_report .result_overview .result_bx2 .send_graph_bx {border:1px solid #d5d5d5; background:#fff; margin:10px;padding:5px}
#popup_report .result_overview .result_bx2 .send_graph_bx h3 {font-size:13px; color:#000; padding:5px}
#popup_report .result_overview .result_bx2 .send_graph_bx .send_graph {height:150px;}

#popup_report .result_overview .result_bx3 {width:30%; float:left; position:relative}
#popup_report .result_overview .result_bx3 .join_graph_bx {border:1px solid #d5d5d5; background:#fff; margin:10px; padding:5px}
#popup_report .result_overview .result_bx3 .join_graph_bx h3 {font-size:13px; color:#000; padding:5px}
#popup_report .result_overview .result_bx3 .join_graph_bx .join_graph {height:150px;}

#trans_graph {width:150px; height:150px; margin:0 auto; }
#join_graph {width:150px; height:150px; margin:0 auto; }


#popup_report .result_itembx {background:#fff; overflow:hidden; margin-top:20px;}
#popup_report .result_itembx h3 {padding:10px; color:#000; font-size:16px; font-weight:600}
#popup_report .result_itembx .item_list {border:1px solid #c5c5c5; padding:5px; margin:0 10px 10px 10px; height:250px; overflow:hidden; overflow-y:auto;}
#popup_report .result_itembx .item_list .result_bx {margin:10px 10px 20px 10px;}
#popup_report .result_itembx .item_list .result_bx .item_resul_q {position:relative; display:block; margin-bottom:10px;}
#popup_report .result_itembx .item_list .result_bx .item_resul_q .ques_num {position:absolute; top:0;left:0; width:20px; height:18px; line-height:18px; text-align:center;background:#80726e; border:1px solid #605450;color:#fff}
#popup_report .result_itembx .item_list .result_bx .item_resul_q .ques_txt {padding:0px 0 0 30px;font-size:14px; font-weight:600; line-height:23px; word-break: break-all; word-wrap: break-word;}
#popup_report .result_itembx .item_list .result_bx .item_resul_a {background:#f3f3f3; padding:10px; overflow:hidden}
#popup_report .result_itembx .item_list .result_bx .item_resul_a .res_01 {width:48%; float:left; border:0px solid #000}
#popup_report .result_itembx .item_list .result_bx .item_resul_a .res_01 .result_txt {padding:5px 10px 0 0; font-weight:bold}
#popup_report .result_itembx .item_list .result_bx .item_resul_a .res_01 .result_txt span.total {float:right; font-weight:bold}

#popup_report .result_itembx .item_list .result_bx .item_resul_a .res_02 {width:48%; float:right;border:0px solid #000}
.bar_per {width:130px; height:15px; border:1px solid #d5d5d5; background:#fff}
.bar_per .bar_progress {background:#4387cc;height:15px;}
.tb_report td {padding:3px; border-bottom:1px solid #d5d5d5}

/* 팝업_문항추가 */
#popup_additem {background:#fff;border:3px solid #d0d0d0;box-shadow: 0 4px 4px 0px rgba(0,0,0,0.4); padding:5px 5px;}
#popup_additem .title {background:#535455; position:relative}
#popup_additem .title h2 {padding:15px; color:#fff ; font-size:20px; font-weight:600; }
#popup_additem .title h2 a {position:absolute; top:15px; right:20px; width:16px; height:16px; background:url(/images/common/pop_close_wh.png) no-repeat; text-indent:-999px; font-size:0; line-height:0}
#popup_additem .regi_qestion {background:#efefef; overflow:hidden}
#popup_additem .regi_qestion:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
#popup_additem .regi_qestion .item_q_01 {width:65%;float:left; padding:10px;}
#popup_additem .regi_qestion .item_q_01 > dl dt {color:#000; font-size:16px; font-weight:600; padding:5px 0 15px 0;}
#popup_additem .regi_qestion .item_q_01 > dl dt h3 {display:inline; color:#000; font-size:18px;font-weight:600; }
#popup_additem .regi_qestion .item_q_01 > dl dt > span {color:#666}
#popup_additem .regi_qestion .item_q_02 {width:30%;float:right;padding:10px; background:#dfdfdf; padding-left:15px;}
#popup_additem .regi_qestion .item_q_02 > p {padding:5px 0 10px 0;}
#popup_additem .regi_qestion .item_q_02 > ul li {font-size:14px; font-weight:600; color:#000; padding-bottom:5px;}

#popup_additem h3.tit {color:#000; font-size:18px;font-weight:600; padding:15px 0 10px 10px;}
#popup_additem .regi_answer {margin:10px; border:1px solid #c5c5c5; overflow:hidden; min-height:200px; background:url(/images/msurvey/bg_additem.png) repeat-y;}
#popup_additem .regi_answer:after {content: ""; visibility: hidden; display: block; height:0; clear: both;}
#popup_additem .regi_answer .answer_bx_01 {width:65%; float:left;}

#popup_additem .regi_answer .answer_bx_01 .item_style_01 {padding:15px 10px; overflow:hidden; position:relative;  height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_01 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_01 > ul {margin-top:10px}
#popup_additem .regi_answer .answer_bx_01 .item_style_01 > ul li {float:left; padding:5px 15px 5px 0}
#popup_additem .regi_answer .answer_bx_01 .item_style_01 > ul li.etc {clear:both; width:100%}

#popup_additem .regi_answer .answer_bx_01 .item_style_02 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_02 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_02 > ul {margin-top:10px}
#popup_additem .regi_answer .answer_bx_01 .item_style_02 > ul li {float:left; padding:5px 15px 5px 0}
#popup_additem .regi_answer .answer_bx_01 .item_style_02 > ul li.etc {clear:both; width:100%}

#popup_additem .regi_answer .answer_bx_01 .item_style_03 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank {width:48%; float:left;position:relative;}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank a.add_item {position:absolute; top:10px !important; right:15px !important;}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank > ul {margin-top:40px; overflow:hidden; border-right:1px solid #ccc}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank > ul li {float:left; width:45%; padding:5px 5px}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank li .rank_line {height:19px; border-bottom:1px solid #000; display:inline-block;margin:0 5px;}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank_num {width:48%; float:right;position:relative; }
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank_num > ul {margin-top:40px}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank_num > ul li {float:left; width:45%; padding:5px 5px}
#popup_additem .regi_answer .answer_bx_01 .item_style_03 .rank_num a.add_item {position:absolute; top:10px !important; right:15px !important;}

#popup_additem .regi_answer .answer_bx_01 .item_style_04 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_04 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_04 .item_score {padding-top:20px}

#popup_additem .regi_answer .answer_bx_01 .item_style_05 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum {margin-top:15px;}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum li {float:left; width:45%; margin:0 15px 8px 0;}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum li div.sum_perbx {border:1px solid #ccc; display:inline-block; width:90%}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum li div.total {background:#f0f0f0}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum li div.sum_perbx input.sum_per { border:0; width:75%}
#popup_additem .regi_answer .answer_bx_01 .item_style_05 .item_sum li div.sum_perbx p.per {float:right; height:24px; line-height:24px; display:inline-block;padding:0 10px 0 20px; border-left:1px solid #ccc;}

#popup_additem .regi_answer .answer_bx_01 .item_style_06 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_06 > p {font-size:13px}

#popup_additem .regi_answer .answer_bx_01 .item_style_07 {padding:15px 10px; overflow:hidden; position:relative; height:200px; overflow-y:auto;}
#popup_additem .regi_answer .answer_bx_01 .item_style_07 > p {font-size:13px}
#popup_additem .regi_answer .answer_bx_01 .item_style_07 ul.star {margin-top:15px}
#popup_additem .regi_answer .answer_bx_01 .item_style_07 ul.star li {float:left; background:url(/images/msurvey/icon_star.png) no-repeat; width:31px; height:30px; padding-right:10px;}


#popup_additem .regi_answer .answer_bx_02 {width:31%;float:right; background:#efefef;}
#popup_additem .regi_answer .answer_bx_02 dl {overflow:hidden; padding:15px 20px ;}
#popup_additem .regi_answer .answer_bx_02 dl dt {color:#000; font-size:16px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #d0d0d0}
#popup_additem .regi_answer .answer_bx_02 dl dd {padding-top:10px}
#popup_additem .regi_answer .answer_bx_02 dl dd > ul li {float:left; width:45%; padding:5px 0; font-size:14px;}

.item_del {display:inline-block;background:url(/images/msurvey/btn_item_del.png) no-repeat; width:21px; height:21px; vertical-align:middle; }
.add_item {display:block; height:20px; line-height:20px; background:#cdd4dc; border:1px solid #b2b9c2; position:absolute; top:10px; right:50px; color:#000; font-weight:600; text-align:center}

#screenshot{position:absolute; padding:5px;	display:none;}
	
.emphasis {font-size:25px; padding-bottom:8px; font-weight:600}
.emphasis_so {font-size:22px; color:#787878; padding-bottom:20px;}

.tip_yt {position:absolute; top:93px;right:130px;width:430px; height:321px;z-index:100;display:none}
.btn_addtip{cursor:pointer;}
#tip_0{display:none; position:absolute; right:190px; top:205px;}
#tip_1{display:none; position:absolute; right:80px; top:205px;}
#tip_2{display:none; position:absolute; right:190px; top:235px;}
#tip_3{display:none; position:absolute; right:80px; top:235px;}
#tip_4{display:none; position:absolute; right:190px; top:260px;}
#tip_5{display:none; position:absolute; right:80px; top:260px;}
#tip_6{display:none; position:absolute; right:190px; top:290px;}


/* 소개 */
.feature_bx {overflow:hidden; border:1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; margin-bottom:10px; padding:40px 0}
.feature_bx dt {padding:0px 10px 15px 20px; font-size:18px; color:#b88b4a; font-weight:600}
.feature_bx dt > span {width:40px; height:40px; display:inline-block;background:url(/images/msurvey/bg_circle_grey.png) no-repeat; line-height:40px; font-size:20px; font-weight:normal; letter-spacing:-0.8px; color:#fff; text-align:center; margin-right:10px;}
.feature_bx dd {padding:0 15px 0px 25px; font-size:14px; line-height:23px; width:60%}
.fea_01 {background:url(/images/msurvey/bg_venefit_01.png) no-repeat 500px 15px;}
.fea_02 {background:url(/images/msurvey/bg_venefit_02.png) no-repeat 480px 10px;}
.fea_03 {background:url(/images/msurvey/bg_venefit_03.png) no-repeat 460px 10px;}
.fea_04 {background:url(/images/msurvey/bg_venefit_04.png) no-repeat 500px 5px;}
.fea_05 {background:url(/images/msurvey/bg_venefit_05.png) no-repeat 580px  10px;}

.case_area {overflow:hidden}
.case_bx {width:245px; border:1px solid #ddd; float:left; margin-right:15px;}
.case_bx:last-child {margin-right:0}
.case_bx dt {padding:20px 0; text-align:center; font-weight:600; font-size:16px; line-height:25px;}
.case_bx dt img {padding-bottom:10px}
.case_bx dd {background:#eee url(/images/msurvey/bg_case.png) no-repeat top center; height:330px;}
.case_bx dd > ul {padding:20px 15px}
.case_bx dd > ul li {background:url(/images/common/icon_dot.png) no-repeat 0 5px; margin:10px 0; padding-left:10px;}
.case_bx dd > ul li > span {color:#000; font-size:14px; font-weight:600}
.case_bx dd > ul li p {padding:5px 0; line-height:18px;}