@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

#poll_result .win_btn {text-align:center} /* 새창용 */

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 설문조사 스킨 */
#poll {border:1px solid #eee;position:relative;border-radius:10px;margin-bottom:0px}
#poll header {position:relative;border-bottom:1px solid #e8e8e8;padding:15px}
#poll header:after {display:block;visibility:hidden;clear:both;content:""}
#poll header h2 {display:inline-block;float:left;font-size:1.167em;color:#000;line-height:28px}
#poll header h2:after {display:block;visibility:hidden;clear:both;content:""}
.btn_result {float:none;display:inline-block;line-height:45px;height:50px;border:1px solid #25282B;color:#000;border-radius:50px;padding:2px 5px;width: 100%; text-align: center; margin-top: 10px;}
#poll header .btn_admin {float:right;margin-left:5px;line-height:28px;font-size:1.4em}
#poll ul {padding:10px 30px;list-style:none}
#poll li {padding:5px 0}

#poll .poll_con {position: relative;}
#poll .poll_con p {padding:20px 30px;color:#000;font-size:18px; border-bottom:1px solid #eee; word-break: keep-all;}
#poll .poll_con p span {width: 65%;}
#poll_btn {padding:0px 30px 30px;text-align:center}
#poll_btn:after {display:block;visibility:hidden;clear:both;content:""}
#poll_btn .btn_poll {display:block;width:100%;height:50px;line-height:50px;padding:0 10px;border:0;background:#25282B;color:#fff;border-radius:50px}
#poll .poll_con .more_btn_poll {line-height: 24px; position: absolute; top:18px; right:30px;}

/* 설문조사 결과 (새창) */
#poll_result {}
#poll_result section {}
#poll_result .tbl_wrap {margin:0}
#poll_result .sv_member,
#poll_result .sv_guest {font-weight:bold}
#poll_result .poll_all {position:absolute;top:10px;right:10px;display:inline-block;margin:0 0 10px;line-height:30px;font-size:0.92em;color:#000;background:#f9f9f9;padding:0 10px;border-radius:5px}
#poll_result_list {clear:both;margin:20px;border:1px solid #eee;border-top:0;border-radius:10px}
#poll_result_list h2 {margin:0;font-size:18px;padding:20px 10px;margin:0 0 15px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;color:#000;border-radius:10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
#poll_result_list ol {margin:0;padding:0 20px}
#poll_result_list li {margin:20px 0;position:relative;list-style-position:inside}

.poll_1st .poll_result_graph span {background:#25282B}
.poll_result_graph {position:relative;width:70%;margin:5px 0;height:10px;border-radius:10px; background-color: #f9f9f9;}
.poll_result_graph span {position:absolute;top:0;left:0;height:10px;background:#25282B;border-radius:10px 10px;white-space:nowrap}

.poll_numerical {display:inline-block;position:absolute;top:0;right:0;text-align:center; width: 20%;}
.poll_numerical .poll_percent {display:block;font-size:14px;color:#25282B;font-weight:bold;letter-spacing:-0.5px}
.poll_numerical .poll_cnt {font-size:12px;text-align:right;color:#999}

#poll_result_cmt {margin:20px}
#poll_result_cmt h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#poll_result_cmt article {margin:15px 0;position:relative;border-bottom:0px}
#poll_result_cmt h1 {position:absolute;margin:0;padding:0;border:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#poll_result_cmt header {margin:0 0 5px}
#poll_result_cmt .poll_datetime {display:inline-block;font-size:12px;color:#777}
#poll_result_cmt .profile_img img {border-radius:50%}
#poll_result_cmt p {padding:10px 15px;line-height:1.5em; background-color: #f9f9f9; border-radius: 10px; margin-top: 10px;}

#poll_other_q h3 {margin:0;font-size:16px;;padding:10px 0px;text-align:left}
#poll_other_q h3 span {background:#f7f8e3;color:#c97600;padding:3px;display:inline-block;border-radius:5px;margin-right:5px;font-weight:normal;font-size:0.8em}
#poll_result_wcmt {border:0px solid #cfd4db;margin-bottom:0px}
#poll_result_wcmt input {border:0;height:50px;padding:10px; border:1px solid #ddd; border-radius: 10px;}
#poll_result_cmt .btn_submit {padding:0 20px;float:right; margin-top: 10px;}
.poll_delete img {width: 12px; height:auto;}

.poll_guest input {border: 1px solid #cfd4db;padding:10px;margin-bottom:10px;display:inline-block}

.poll_cmt_del {float:right}
.poll_cmt_del a {display:inline-block;margin:0 0 5px 10px;color:#c7c9cb;font-size:15px}
.poll_cmt_del:hover a {color:#3a8afd}

#poll_result_oth {clear:both;margin:20px}
#poll_result_oth h2 {padding:30px 0 10px; font-size: 16px;}
#poll_result_oth ul {margin:0;padding:0;list-style:none;border:1px solid #ddd;background:#fff;border-top:0}
#poll_result_oth ul li{border-top:1px solid #eaeaea;position:relative;line-height:20px}
#poll_result_oth a {display:block;padding:10px}
#poll_result_oth li span {position:absolute;bottom:10px;right:15px;color:#777;font-size:0.92em}

@media all and (max-width:1024px) {
    #poll .poll_con .more_btn_poll {right:20px;}
}
