@charset "utf-8";

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

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

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

/* 설문조사 스킨 */
#poll {position:sticky;float:right;border:1px solid var(--color-line);width: 100%;border-radius: var(--radius-box);padding: 16px 19px;background: var(--color-white);margin-bottom: 20px;}
#poll .header {position:relative;}
#poll .header:after {display:block;visibility:hidden;clear:both;content:""}
#poll .header h2 {display:inline-block;float:left;font-size:1.167em;color:var(--main-color);line-height:28px}
#poll .header h2:after {display:block;visibility:hidden;clear:both;content:""}
#poll .header .btn_result {width: 100%;text-align: center;display: block;border: 1px solid var(--color-line);border-radius: var(--radius-small);padding: 6px 19px;font-size: var(--font-basic);}
#poll .header .btn_result:hover {background: var(--main-color);color: var(--color-white);}
#poll .header .btn_admin {position: absolute;}
#poll ul {padding: 5px 0;list-style:none;margin-top:10px;}
#poll li {padding: 5px 0}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color: var(--color-sub-title);font-size: var(--font-basic);cursor:pointer !important;}
.chk_box input[type="radio"] + label:hover {color: var(--point-color-blue);}
.chk_box input[type="radio"] + label span {position:absolute;top:2px !important;left:0;width:15px;height:15px;display:block;;border:1px solid var(--color-line);border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:var(--point-color-blue)}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:var(--point-color-blue);content:'';position:absolute;top:3px;left:3px;border-radius:50%}

#poll .poll_con {}
#poll .poll_con span {font-size: var(--font-basic);font-weight: 700;}
#poll_btn {margin-top: 5px;padding: 5px 0;text-align:center}
#poll_btn:after {display:block;visibility:hidden;clear:both;content:""}
#poll_btn .btn_poll {width: 100%;padding: 6px 19px;border: 0;font-size: var(--font-basic);font-weight: 700;background: var(--point-color-blue);color: var(--color-white);border-radius: var(--radius-small);}
#poll_btn .btn_poll:hover {background: var(--main-color);color: var(--color-white);}

/* 설문조사 결과 (새창) */
#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: 13px;right: 23px;font-size: var(--font-small);font-weight: 700;color: var(--point-color-blue);background: var(--color-bright-gray);padding: 6px 19px;border-radius: var(--radius-small);}
#poll_result_list {clear:both;margin: 0px 19px;}
#poll_result_list h2 {font-size: var(--font-basic);font-weight: 700;padding: 16px 19px;border: 1px solid var(--color-line);border-bottom: 0;background: var(--color-bright-gray);border-radius: 3px 3px 0 0;}
#poll_result_list dt {margin-right:5%;color:var(--point-color-rad);text-align:right}
#poll_result_list ol {border: 1px solid var(--color-line);border-radius: 0 0 3px 3px;padding: 0px 15px;}
#poll_result_list li {margin: 20px 0;position: relative;display: flex;align-items: center;}

.poll_result_name {width: 20%;font-size: var(--font-basic);}
.poll_1st .poll_result_graph span {background: var(--point-color-blue);}

.poll_result_graph {position:relative;width:60%;margin:5px 0;height:5px;;border-radius:10px;-moz-box-shadow:inset 0px 2px 8px var(--color-line);-webkit-box-shadow:inset 0px 2px 8px var(--color-line);box-shadow:inset 0px 2px 8px var(--color-line);}
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:var(--color-bright-gray);border-radius:10px 10px;white-space:nowrap}

.poll_numerical {width: 20%;text-align: right;}
.poll_numerical .poll_percent {font-size: var(--font-basic);color: var(--point-color-blue);;font-weight:bold;letter-spacing:-0.5px}
.poll_numerical .poll_cnt {font-size: var(--font-basic);}

#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:1px solid var(--color-line);}
#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:0.92em;color:var(--color-sub-title);}
#poll_result_cmt .profile_img img {border-radius:50%}
#poll_result_cmt p {padding:10px;line-height:1.5em}

#poll_other_q h3 {margin:0;font-size:1.25em;padding:10px;border-bottom:1px solid var(--color-line);text-align:left}
#poll_other_q h3 span {color:var(--point-color-rad);padding:3px;display:inline-block;border-radius:5px;margin-right:5px;font-weight:normal;font-size:0.8em}
#poll_result_wcmt {border:1px solid var(--color-line);margin-bottom:10px}
#poll_result_wcmt input {border:0;height:80px;padding:10px}
#poll_result_cmt .btn_submit {padding:0 20px;float:right}

.poll_guest input {border: 1px solid var(--color-line);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:var(--color-bright-gray);font-size:15px}
.poll_cmt_del:hover a {color: var(--point-color-blue);}

#poll_result_oth {clear:both;margin:20px}
#poll_result_oth h2 {font-size: var(--font-basic);font-weight: 700;padding: 16px 19px;border: 1px solid var(--color-line);border-bottom: 0;background: var(--color-bright-gray);border-radius: 3px 3px 0 0;}
#poll_result_oth ul {border: 1px solid var(--color-line);border-radius: 0 0 3px 3px;}
#poll_result_oth ul li{position: relative;font-size: var(--font-basic);display: flex;align-items: center;justify-content: space-between;padding: 16px 15px;}
#poll_result_oth a {}
#poll_result_oth li span {color: var(--color-sub-title);font-size: var(--font-small);}