@charset "UTF-8";
@layer ua, reset, vendor, legacy, token, layout, component, variant, utility;
/* 셀렉트 셰브론 — 다크 #888888 / 라이트 #606060.
   커스텀 프로퍼티의 상대 URL은 var()를 쓰는 스타일시트 기준으로 해석되므로
   전역 토큰으로 공유하지 않고 파일별로 자기 깊이에 맞춰 선언한다. */
@layer token{
:root            { --chevron-down-img: url(../../images/common/ic_arrow_down.svg); }
body.light-theme { --chevron-down-img: url(../../images/common/ic_arrow_down_light.svg); }
:root            { --state-change-bg: #2A231E; --state-change-border: #744D1F; --state-change-count-fg: #FF9200; }
body.light-theme { --state-change-bg: #FDF3E7; --state-change-border: #F0D4AE; --state-change-count-fg: #A85800; }
}
@layer legacy{
#con-body-area{box-sizing:border-box;min-height:70vh;background:var(--qz-bg-page)}
#con-body-area .join-body{padding:0 12px}
#con-body-area .select-all{overflow:hidden}
#con-body-area .select-all label{color:var(--qz-text-primary);font-size:16px;line-height:20px;font-weight:700}
#con-body-area .select-all .left-side{float:left;padding:2px 0}
#con-body-area .select-all .left-side input{width:16px;height:16px}
#con-body-area .select-all .right-side{float:left;width:calc((100% - 24px));margin-left:7px}
#con-body-area .join-body .btn-area{padding-top:25px;padding-bottom:40px}
#con-body-area .join-body .btn-area a{padding:13px 0 11px}
#con-body-area .join-body .btn-area .cancel-btn{display:inline-block;font-size:17px;font-weight:700;color:var(--qz-text-primary);background:var(--bg-app);border:1px solid var(--qz-border-subtle);width:calc((100% - 16px)/ 2);text-align:center}
#con-body-area .join-body .btn-area .ok-btn{display:inline-block;font-size:17px;font-weight:700;color:var(--qz-text-primary);background:var(--qz-accent);border:1px solid var(--qz-border-subtle);width:calc((100% - 15px)/ 2);text-align:center;margin-left:5px}
#con-body-area .join-body .join-form li{padding-top:25px}
#con-body-area .join-body .join-form li:first-child{padding-top:0}
#con-body-area .join-body .join-form li p {color: var(--qz-text-primary);font-size: 16px;font-weight: 700;letter-spacing: -.5px;}
#con-body-area .join-body .join-form li p span {font-size: 12px;color: var(--qz-text-primary);letter-spacing: -1px;}
#con-body-area .join-body .join-form li p.pw-area{position:relative}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state{position:absolute;right:14px;height:39px;line-height:58px;padding-right:28px;top:0;color:var(--qz-text-primary);font-size:12px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state:after{position:absolute;right:0;width:20px;height:20px;content:"";top:50%;margin-top:-1px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type1{color:#6dff7b}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type1:after{background:url(../images/sub/pass_icon_type1.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type2{color:#ffc820}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type2:after{background:url(../images/sub/pass_icon_type2.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type3{color:#fd6c6c}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type3:after{background:url(../images/sub/pass_icon_type3.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type4{text-indent:-9999px;overflow:hidden}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type4:after{background:url(../images/sub/pass_icon_type4.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li input{height:38px;background:var(--bg-app);color:var(--qz-text-primary);border:1px solid var(--qz-border-input-deep);box-sizing:border-box;width:100%;padding-left:5px;margin-top:10px}
#con-body-area .join-body .join-btn{display:block;font-size:17px;font-weight:700;color:var(--qz-text-primary);background:var(--qz-accent);border:1px solid var(--qz-border-subtle);text-align:center;padding:14px 0;margin-top:50px}
#con-body{box-sizing:border-box;min-height:100vh;background:var(--bg-app)}
#con-body .page-name{border-bottom:2px solid var(--interactive-primary);font-size:17px;font-weight:700;color:var(--qz-text-primary);padding:14px 12px;position:relative}
#con-body .info-body .page-name .sort-area{position:absolute;right:12px;top:5px}
#con-body .info-body .view-page-name {padding: 14px 12px 10px 12px;position: relative;background: var(--qz-bg-confine);border-bottom: 1px solid var(--qz-border-card);}
.view-style01{padding:12px;border-bottom:1px solid var(--qz-bg-secondary)}
.view-style01 .view-content{color:var(--qz-text-heading);padding:12px 0 50px;line-height:18px}
.view-style01 .view-content p{color:var(--qz-text-heading);padding:0}
.view-style01 .view-url-area{padding:0}
.view-style01 .view-url-area .view-url-link{background:var(--qz-bg-confine);border:0;border-radius:4px;padding:10px 16px;display:flex;align-items:center;gap:6px}
.view-style01 .view-url-area .view-url-link p{color:var(--text-primary);font-size:13px;display:inline-block;flex-shrink:0}
.view-style01 .view-url-area .view-url-link a{display:inline-block;color:var(--text-primary);font-size:13px;letter-spacing:.3px;width:calc((100% - 48px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@layer legacy{
.comment-style01{padding:12px 12px 0}
.comment-style01 .tit{font-size:16px;font-weight:700;color:var(--qz-text-primary);padding-bottom:12px}
.comment-style01 .tab-area{overflow:hidden;border-bottom:1px solid var(--qz-border-card);padding-bottom:12px;padding-top:3px}
.comment-style01 .tab-area .tab-menu{float:left}
.comment-style01 .tab-area .tab-menu a{display:inline-block;color:var(--qz-text-placeholder);font-size:14px;padding-right:8px}
.comment-style01 .tab-area .tab-menu a.on{color:var(--qz-text-primary)}
.comment-style01 .view-comment-btn{float:right}
.comment-style01 .view-comment-btn a{color:var(--qz-text-primary);font-size:13px;position:relative;padding-right:38px}
.comment-style01 .comment{padding:12px 0 0}
.comment-style01 .comment .comment-user-image{width:40px;height:40px;background:red;border-radius:45px;float:left}
.comment-style01 .comment .comment-user-level{background:red;width:20px;height:20px;border-radius:25px;display:inline-block}
.comment-style01 .comment .comment-user-info{position:relative}
.comment-style01 .comment .comment-user-info p{display:inline-block;font-size:14px;color:var(--qz-text-primary);font-weight:700}
.comment-style01 .comment .comment-user-info span{display:inline-block;font-size:12px;color:var(--qz-text-primary);font-weight:700;padding:1px 8px 0 15px;border-radius:3px;margin-left:5px;background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px red;background-size:10px 10px}
.comment-style01 .comment .comment-view-date p{display:inline-block;font-size:13px;color:var(--qz-border-subtle)}
.comment-style01 .comment .comment-user-form .comment-view-date{padding-top:3px}
.comment-style01 .comment .comment-user-form .comment_story{color:var(--qz-text-primary);font-size:13px;line-height:2;padding-top:3px;word-break:break-word}
.comment-style01 .comment .comment-user-form .comment_option {overflow: hidden;}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn{display:inline-block;float:left;font-size:13px;color:var(--qz-text-primary);background:#000;padding:4px 10px 4px 20px;border-radius:3px;position:relative}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn.open:before{position:absolute;content:"";left:-4px;top:10px;width:21px;height:5px;background:url(../images/sub/comment_btn_icon.png) no-repeat 10px center;background-size:9px 5px}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn.close:before{position:absolute;content:"";left:4px;top:10px;width:21px;height:5px;background:url(../images/sub/comment_btn_icon.png) no-repeat 10px center;background-size:9px 5px;transform:rotate(-180deg)}
.comment-style01 .comment .commnet-main{padding:15px 0;border-top:1px solid var(--qz-border-card);position:relative}

}
@layer legacy{
.comment-style01 .comment .commnet-main{border-bottom:none}
}
@layer legacy{
.comment-style01 .comment .commnet-main.comment-reply{padding-left:50px;border-top:none;padding-top:0}
.comment-style01 .comment .commnet-main:first-child{border-top:none}
.comment-style01 .comment .commnet-main .comment-user-form{padding-left:10px;padding-bottom:5px;display:inline-block;width:calc((100% - 40px))}

}
@layer legacy{
#con-body .info-body .view-page-name .view-back-area{padding-bottom:8px}
#con-body .info-body .view-page-name .view-back-area a {color: var(--qz-text-primary);font-size: 17px;font-weight: 700;display: inline-block;background: url(../images/sub/view-tit-arrow.png) no-repeat right 2px;background-size: 6px;padding-right: 15px;}

}
@layer legacy{
#con-body .page-name .sort-area select{display:inline-block;width:90px;height:31px;background-color:transparent;background-image:var(--chevron-down-img);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;color:var(--qz-text-primary);border-top:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-bottom:1px solid var(--qz-border-subtle);padding-right:22px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .page-name .sort-area select option{background:var(--bg-app);color:var(--qz-text-primary);border-bottom:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-top:none}
#con-body .page-name .sort-area .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .page-name .sort-area .sort-bt span{font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#con-body .page-name .sort-area .hide-area{position:absolute;display:none;width:100%;bottom:30px;left:0;border-top:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);box-sizing:border-box}
#con-body .page-sub-name{border-bottom:2px solid var(--qz-bg-secondary);font-size:17px;font-weight:700;color:var(--qz-text-primary);padding:16px 12px 12px}
#con-body .info-body .content .info-area{padding:12px}
#con-body .info-body .content .info-area ul li{padding-top:12px}
#con-body .info-body .content .info-area ul li:first-child{padding-top:0}
#con-body .info-body .content .info-area ul li .btn-area{padding-top:15px;overflow:hidden}
#con-body .info-body .content .info-area ul li .btn-area a{display:inline-block;color:var(--qz-text-primary);font-weight:700;font-size:13px;border:1px solid var(--qz-border-subtle);padding:8px 11px;float:right}

}
@layer legacy{
#con-body .info-body .content .acccount-area{padding:0}
#con-body .info-body .content .acccount-area .acccount{padding:20px 12px}
#con-body .info-body .content .acccount-area .acccount a{display:block;text-align:center}
#con-body .info-body .content .acccount-area .acccount a img{width:260px}
#con-body .info-body .content .acccount-area .acccount .ment{padding-top:50px}
#con-body .info-body .content .acccount-area .acccount .ment .tit{color:var(--qz-text-primary);text-align:center;font-size:16px;font-weight:700;letter-spacing:.5px}
#con-body .info-body .content .acccount-area .acccount .ment .sub{color:var(--qz-text-primary);text-align:center;font-size:14px;letter-spacing:.5px;padding-top:10px;line-height:18px}
#con-body .info-body .content .acccount-area .acccount .chk-mail{padding-top:50px}
#con-body .info-body .content .acccount-area .acccount .chk-mail p{color:var(--qz-text-primary);font-size:13px;letter-spacing:.5px;font-weight:700;padding-bottom:10px}
#con-body .info-body .content .acccount-area .acccount .chk-mail input{height:38px;background:var(--bg-app);color:var(--qz-text-primary);border:1px solid var(--qz-border-input-deep);box-sizing:border-box;width:100%;padding-left:5px}
#con-body .info-body .content .acccount-area .acccount .btn-area{padding-top:25px;display:flex;}
#con-body .info-body .content .acccount-area .acccount .btn-area .cancel-btn{display:inline-block;font-size:17px;font-weight:700;color:var(--qz-text-primary);background:var(--bg-app);border:1px solid var(--qz-border-subtle);width:calc((100% - 16px)/ 2);text-align:center;padding:13px 0 11px}
#con-body .info-body .content .acccount-area .acccount .btn-area .ok-btn{display:inline-block;font-size:17px;font-weight:700;color:var(--qz-text-primary);background:var(--qz-accent);border:1px solid var(--qz-border-subtle);width:calc((100% - 16px)/ 2);text-align:center;margin-left:8px;padding:13px 0 11px}
#con-body .info-body .content .list-area{padding:0 0 50px}
#con-body .info-body .content .list-area .list-style01 .flexslider ul li {padding: 0}
#con-body .info-body .content .list-area .list-style01 ul li {padding: 8px 10px;border-bottom: 1px solid var(--qz-bg-raised);overflow: visible;}
#con-body .info-body .content .list-area .list-style01 ul li.noti{background:var(--qz-bg-input-deep)}
#con-body .info-body .content .list-area .list-style01 ul li.noti .top .story a {color: var(--qz-text-primary);font-weight: 700;font-size: 14px;width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 20px;max-height: 40px;position: relative;line-height: 20px;margin: 2px 0 2px 0;padding: 0 2px;}
#con-body .info-body .content .list-area .list-style01 ul li .top{overflow:hidden;padding-bottom:4px}
#con-body .info-body .content .list-area .list-style01 ul li .top .admin-chk {float: left;padding: 4px 6px 6px 0;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num {float: left;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span {display: inline-block;min-width: 26px;height: 26px;vertical-align: top;text-align: center;line-height: 25px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;font-size: 11px;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp4{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp5{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp6{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style01 ul li .top .story{float:left;width:calc((100% - 30px))}
#con-body .info-body .content .list-area .list-style01 ul li.noti .top .story{width:100%}

}
@layer legacy{
#con-body .info-body .content .list-area .list-style01 ul li .top .story.adm-list{width:calc((100% - 66px))}
}
@layer legacy{
#con-body .info-body .content .list-area .list-style01 ul li .top .story a {color: var(--qz-text-list);padding: 4px 0 5px 5px;font-size: 13px;display: inline-block;width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 36px;position: relative;}
#con-body .info-body .content .list-area .list-style01 ul li .bot{overflow:hidden}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:19px;font-size:11px;font-weight:700;color:var(--qz-text-heading);border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);box-sizing:border-box;float:left;margin-right:6px}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.end{color:var(--qz-text-heading)}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.ask{color:var(--qz-text-heading)}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.info{color:var(--qz-text-heading)}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.sida{color:var(--qz-mint)}
#con-body .info-body .content .list-area .list-style01 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left}
#con-body .info-body .content .list-area .list-style01 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date p {float: left;color: #919191;font-size: 12px;text-align: right;padding-left: 12px;position: relative;}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:10px;top:50%;transform:translateY(-50%);content:"";background:var(--qz-text-sub)}
#con-body .info-body .content .list-area .list-style02 ul li {padding: 8px 10px;border-bottom: 1px solid var(--qz-bg-raised);}
#con-body .info-body .content .list-area .list-style02 ul li:after{content:'';display:block;clear:both}
#con-body .info-body .content .list-area .list-style02 ul li.noti{background:var(--qz-bg-input-deep)}
#con-body .info-body .content .list-area .list-style02 ul li.noti .top .story a{color:var(--qz-text-primary);font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style02 ul li .top{overflow:hidden;padding-bottom:4px}
#con-body .info-body .content .list-area .list-style02 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style02 ul li .top .num {float: left;}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp4{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp5{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp6{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style02 ul li.noti .top .story{width:100%}
#con-body .info-body .content .list-area .list-style02 ul li .top .story {float: left;width: calc(100% - 30px);margin-left: 4px;}

}
@layer legacy{
#con-body .info-body .content .list-area .list-style02 ul li .top .story a{color:var(--qz-text-list);padding:4px 0 5px 3px;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;position:relative}
#con-body .info-body .content .list-area .list-style02 ul li .bot .state {display: inline-block;width: 36px;height: 20px;text-align: center;line-height: 19px;font-size: 11px;font-weight: 700;color: var(--qz-text-heading);border: 1px solid var(--qz-border-subtle);background-color: var(--qz-bg-input-deep);box-sizing: border-box;float: left;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .state.end{color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style02 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;min-width:76px;position:relative;max-width:500px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px;float:left;width:calc((100% - 145px))}
#con-body .info-body .content .list-area .list-style02 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date {overflow: hidden;float: right;line-height: 20px;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date .visiter{padding-left:0}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date p {float: left;color: #919191;font-size: 12px;text-align: right;padding-left: 12px;position: relative;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date p.dateA:before {position: absolute;left: 7px;width: 1px;height: 9px;top: 5px;content: "";background: #616161;}
#con-body .info-body .content .list-area .paging-box{padding-top:16px}
#con-body .info-body .content .list-area .paging-box .float-center{text-align:center;font-size:0}
#con-body .info-body .content .list-area .paging-box .float-center ul{font-size:0;border:1px solid var(--qz-border-subtle);display:inline-block}
#con-body .info-body .content .list-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .list-area .paging-box .float-center ul li:first-child{border-left:0}
#con-body .info-body .content .list-area .paging-box .float-center ul li a {display: inline-block;height: 28px;line-height: 28px;font-size: 12px;color: var(--qz-text-heading);font-weight: 700;padding: 0 10px;}
#con-body .info-body .content .list-area .paging-box .float-center ul li a.on{background-color:var(--qz-accent-warm)}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev{margin-right:8px;padding-left:11px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump{font-weight:700;color:var(--qz-text-heading);font-size:12px;position:relative;display:none}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.active{display:inline-block}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next{margin-left:8px;padding-right:11px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump:before {position: absolute;content: "";top: 50%;margin-top: -2px;width: 6px;height: 9px;}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
#con-body .info-body .content .list-area .srch-box{width:90%;margin:16px auto 0;border:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .list-area .srch-sel-area{width:90px;position:relative;float:left;z-index:99999}
#con-body .info-body .content .list-area .srch-sel-area select {display: inline-block;width: 90px;height: 31px;background: url(../images/sub/sort_arrow_icon_down.png) no-repeat 74px 13px;color: var(--qz-text-primary);border-top: none;border-right: 1px solid var(--qz-border-subtle);border-left: none;border-bottom: none;padding-right: 10px;padding-left: 10px;font-size: 12px;-webkit-appearance: none;appearance: none;}
#con-body .info-body .content .list-area .srch-sel-area select option{background:var(--bg-app);color:var(--qz-text-primary);border-bottom:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-top:none}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt{display:inline-block;outline:0;width:90px;border-right:1px solid var(--qz-border-subtle);background-color:var(--bg-app);height:30px;line-height:28px;padding-left:12px;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt span{font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt:after{position:absolute;content:"";right:11px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sel_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .srch-sel-area .hide-area{position:absolute;display:none;width:106px;top:31px;left:-1px;border-bottom:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);box-sizing:border-box}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li{border-top:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li:first-child{border-top:0}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li a{display:block;background-color:var(--qz-bg-input-deep);height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#con-body .info-body .content .list-area .srch-box .srch-input-area {float: left;width: calc(100% - 90px);padding-right: 30px;position: relative;box-sizing: border-box;}
#con-body .info-body .content .list-area .srch-box .srch-input-area input{background-color:var(--bg-app);width:100%;padding-left:12px;height:30px;font-size:12px;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;border:0}
#con-body .info-body .content .list-area .srch-input-area .srch-bt{position:absolute;display:inline-block;right:0;top:0;width:30px;height:30px;text-align:center;line-height:30px}
#con-body .info-body .content .list-area .srch-input-area .srch-bt span{color:var(--qz-text-primary);font-size:12px;font-weight:700;padding-left:16px;position:relative}
#con-body .info-body .content .list-area .srch-input-area .srch-bt span:before{position:absolute;left:0;top:0;width:12px;height:12px;background:url(../images/sub/srch_bt_icon2.png) no-repeat;content:""}
#con-body .info-body .content .list-area .srch-box:after{display:block;content:"";clear:both}
#myProfile{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999999;padding-top:35px;box-sizing:border-box}
#myProfile .post-wrap{background-color:var(--qz-bg-dark);width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}

}
@layer legacy{
#myProfile .post-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:var(--qz-bg-input-deep);line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .post-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .post-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .post-wrap .paging-area ul{display:inline-block}
#myProfile .post-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .post-wrap .paging-area ul li:first-child{margin-left:0}
#myProfile .post-wrap .paging-area ul li a{font-size:10px;border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-heading);width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .post-wrap .paging-area ul li a.active{background-color:var(--interactive-primary);color:var(--qz-text-primary)}
#myProfile .inner-layer-popup{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background-color:var(--qz-surface-bright);z-index:1000;padding-top:35px;box-sizing:border-box}
#myProfile .inner-layer-popup.up{z-index:1001}
#myProfile .inner-layer-popup.active{display:block}
#myProfile .inner-layer-popup .pop-head-wrap{position:absolute;left:0;top:0;width:100%;border-bottom:1px solid var(--qz-border-subtle)}
#myProfile .inner-layer-popup .pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:11px}
#myProfile .inner-layer-popup .inner-popup-content{position:relative;height:100%;background-color:var(--qz-bg-dark)}
#myProfile .inner-layer-popup .inner-popup-content .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:var(--qz-bg-input-deep);line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .inner-layer-popup .inner-popup-content .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul{display:inline-block}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li:first-child{margin-left:0}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a{font-size:10px;border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-heading);width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a.active{background-color:var(--interactive-primary);color:var(--qz-text-primary)}
.popup-head{height:34px;position:fixed;top:0;width:100%;left:0;background-color:var(--qz-bg-input-deep);z-index:1001;border-bottom:1px solid var(--qz-border-subtle)}
.popup-head .logo{position:absolute;left:12px;top:6px}
.popup-head .logo img{width:18px;height:21px}
.popup-head .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:var(--qz-text-heading)}
.popup-head .tit span{color:var(--interactive-primary)}
.popup-head .close-bt{position:absolute;right:12px;top:11px;display:block;width:13px;height:13px;color:var(--qz-text-subtle)}
.popup-head .close-bt::before{content:"";display:block;width:13px;height:13px;background:currentColor;-webkit-mask:url(../../images/common/ic_close_w.svg) no-repeat center/contain;mask:url(../../images/common/ic_close_w.svg) no-repeat center/contain}
.pop-head-wrap{height:34px;position:fixed;top:0;width:100%;left:0;background-color:var(--qz-bg-input-deep);z-index:1000;border-bottom:1px solid var(--qz-border-subtle)}
.pop-head-wrap .logo{position:absolute;left:12px;top:6px}
.pop-head-wrap .logo img{width:18px;height:21px}
.pop-head-wrap .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:var(--qz-text-heading)}
.pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:9px}
.pop-head-wrap .inner-pop-close img{width:13px;height:13px}
#con-body .info-body .content .total-srch-area{padding:0 0 50px;margin-top:-2px}
#con-body .info-body .content .total-srch-area .list-style01 ul li{padding:10px 12px;border-bottom:1px solid var(--qz-border-card);overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style01 ul li.noti{background:var(--qz-bg-input-deep)}
#con-body .info-body .content .total-srch-area .list-style01 ul li.noti .top .story a{color:var(--qz-text-primary);font-weight:700;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top{overflow:hidden;padding-bottom:5px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp4{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp5{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp6{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story{float:left;width:calc((100% - 30px))}

}
@layer legacy{
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story.adm-list{width:calc((100% - 54px))}
}
@layer legacy{
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story a{color:var(--qz-text-list);padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot{overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:var(--qz-text-heading);border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);box-sizing:border-box;float:left}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .state.end{color:var(--qz-text-placeholder)}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .nick{color:silver;font-size:14px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px;float:left}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date p{float:left;color:var(--qz-text-sub);font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:8px;top:3px;content:"";background:var(--qz-text-sub)}
#con-body .info-body .content .total-srch-area .list-style02 .title{background-color:var(--qz-bg-input-deep);color:var(--qz-text-primary);font-size:14px;font-weight:700;height:34px;line-height:34px;padding-left:12px}
#con-body .info-body .content .total-srch-area .list-style02 ul li{padding:10px 12px;border-top:1px solid var(--qz-border-card);overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style02 ul li.noti{background:var(--qz-bg-input-deep)}
#con-body .info-body .content .total-srch-area .list-style02 ul li.noti .top .story a{color:var(--qz-text-primary);font-weight:700;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top{overflow:hidden;padding-bottom:5px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp4{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp5{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp6{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story{float:left;width:calc((100% - 30px))}

}
@layer legacy{
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story a{color:var(--qz-text-list);padding:4px 30px 5px 10px;font-size:13px;display:inline-block;max-width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;box-sizing:border-box}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story a em{position:absolute;right:0;font-weight:700;color:var(--interactive-primary);font-size:14px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot{overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .state{display:inline-block;width:36px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:var(--qz-text-heading);border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);box-sizing:border-box;float:left}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .state.end{color:var(--qz-text-placeholder)}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;min-width:76px;position:relative;max-width:500px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px}
#con-body .info-body .content .total-srch-area .list-style02 ul li.img-type{position:relative;padding:10px 12px 10px 75px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date .visiter{padding-left:0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date p{float:left;color:var(--qz-text-sub);font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:8px;top:3px;content:"";background:var(--qz-text-sub)}
#con-body .info-body .content .total-srch-area .list-style02{margin-top:0}
#con-body .info-body .content .total-srch-area .list-style02:first-child{margin-top:0}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt{border-top:1px dashed #43403e;width:100%;display:block;height:40px;line-height:40px;text-align:center;background:url(../images/sub/more_bt_bg.gif) repeat-x;background-size:100% 40px}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt span{padding-right:15px;position:relative;font-size:11px;color:var(--qz-text-heading);font-weight:700}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt span:after{position:absolute;content:"";width:9px;height:9px;background:url(../images/sub/more_bt_refresh.png) no-repeat;right:0;top:1px}
#con-body .info-body .content .total-srch-area .paging-box{padding-top:16px}
#con-body .info-body .content .total-srch-area .paging-box .float-center{text-align:center;font-size:0}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul{font-size:0;border:1px solid var(--qz-border-subtle);display:inline-block}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li:first-child{border-left:0}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li a{display:inline-block;height:28px;line-height:30px;font-size:12px;color:var(--qz-text-heading);font-weight:700;padding:0 10px}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li a.on{background-color:var(--qz-accent-warm)}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.prev{margin-right:8px;padding-left:11px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump{font-weight:700;color:var(--qz-text-heading);font-size:12px;position:relative;display:none}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.active{display:inline-block}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.next{margin-left:8px;padding-right:11px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump:before{position:absolute;content:"";top:50%;margin-top:-5px;width:6px;height:9px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .srch-box{width:90%;margin:16px auto 0;border:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .total-srch-area .srch-sel-area{width:90px;position:relative;float:left;z-index:99999}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt{display:inline-block;outline:0;width:90px;border-right:1px solid var(--qz-border-subtle);background-color:var(--bg-app);height:30px;line-height:28px;padding-left:12px;box-sizing:border-box;position:relative}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt span{font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt:after{position:absolute;content:"";right:11px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sel_arrow_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area{position:absolute;display:none;width:106px;top:31px;left:-1px;border-bottom:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);box-sizing:border-box}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li{border-top:1px solid var(--qz-border-subtle)}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li:first-child{border-top:0}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li a{display:block;background-color:var(--qz-bg-input-deep);height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#con-body .info-body .content .total-srch-area .srch-box .srch-input-area{float:left;width:calc((100% - 90px));padding-right:70px;position:relative;box-sizing:border-box}
#con-body .info-body .content .total-srch-area .srch-box .srch-input-area input{background-color:var(--bg-app);width:100%;padding-left:12px;height:30px;font-size:12px;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;border:0}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt{position:absolute;display:inline-block;right:0;top:0;width:30px;height:30px;text-align:center;line-height:30px}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt span{color:var(--qz-text-primary);font-size:12px;font-weight:700;padding-left:16px;position:relative}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt span:before{position:absolute;left:0;top:0;width:12px;height:12px;background:url(../images/sub/srch_bt_icon2.png) no-repeat;content:""}
#con-body .info-body .content .total-srch-area .srch-box:after{display:block;content:"";clear:both}
#popLayerPopup{width:100%;height:100%;left:0;top:0;position:absolute;display:none}
#popLayerPopup.active{display:block;z-index:1002}
#popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--qz-overlay-bg);opacity:.8}
#myProfile .post-wrap .part-type{background-color:var(--qz-bg-dark);padding:0 0 53px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
#myProfile .post-wrap .part-type table{width:100%}
#myProfile .post-wrap .part-type table th{text-align:center;padding:9px 0;border-bottom:1px solid var(--qz-border-subtle)}
#myProfile .post-wrap .part-type table th span{color:var(--qz-text-heading);font-size:12px}
#myProfile .post-wrap .part-type table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;border-bottom:1px solid var(--qz-border-subtle);line-height:16px}
#myProfile .post-wrap .part-type table td:first-child{text-align:center}
#myProfile .post-wrap .part-type table td span{font-size:12px;color:var(--qz-text-heading);vertical-align:top;position:relative;display:inline-block;font-weight:700}
#myProfile .post-wrap .part-type table td .participants .label{margin:8px 0 7px}
#myProfile .post-wrap .part-type table td .participants .label span{color:var(--qz-text-label);display:inline-block;border:1px solid var(--qz-text-label);border-radius:3px;padding:0 3px;color:var(--qz-text-heading)}
#myProfile .post-wrap .part-type table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:var(--qz-text-heading)}
#myProfile .post-wrap .part-type table td .participants .not2{font-size:12px;font-weight:100;color:var(--qz-text-heading);padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#myProfile .post-wrap .part-type table td .participants .not1 span{color:var(--qz-text-heading)}
#myProfile .post-wrap .part-type table td .participants .not2 span{color:var(--qz-text-heading)}
#myProfile .post-wrap .option-btn-div{background:var(--qz-bg-secondary);position:fixed;bottom:52px;left:0;width:100%;padding:12px}
#myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:10px}
#myProfile .post-wrap .option-btn-div .file-btn-div a{display:inline-block;width:calc((100% - 27px)/ 2);background:var(--qz-bg-input-deep);font-size:12px;color:var(--qz-text-primary);font-weight:700;text-align:center;padding:8px 0;border:1px solid var(--qz-border-subtle)}
#con-body .paging-area{font-size:0;text-align:center;padding:14px 0 14px;line-height:23px;width:100%}
#con-body .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#con-body .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#con-body .paging-area ul{display:inline-block}
#con-body .paging-area ul li{display:inline-block;margin-left:8px}
#con-body .paging-area ul li:first-child{margin-left:0}
#con-body .paging-area ul li a{font-size:10px;border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-heading);width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#con-body .paging-area ul li a.active{background-color:var(--interactive-primary);color:var(--qz-text-primary)}
#decPopup{position:fixed;top:0;width:100%;height:100%;background-color:var(--bg-app);z-index:1000;display:none}
#decPopup.active{display:block}
#decPopup .title-area{height:45px;line-height:45px;background-color:var(--qz-accent-pure);padding-left:12px;position:relative}
#decPopup .title-area p{color:var(--qz-text-primary);font-size:17px;font-weight:700}
#decPopup .title-area button{position:absolute;width:20px;height:19px;right:10px;top:12px;background:url(../images/popup/pop_close_icon.png) no-repeat;background-size:20px 19px;overflow:hidden;text-indent:-9999px}
#decPopup .content-box table{width:100%}
#decPopup .content-box table tr:first-child td,#decPopup .content-box table tr:first-child th{border-top:0}
#decPopup .content-box table th{background-color:var(--qz-bg-secondary);vertical-align:middle;text-align:center;height:35px;line-height:35px}
#decPopup .content-box table th span{font-weight:700;font-size:15px;color:var(--qz-text-primary)}
#decPopup .content-box table td{vertical-align:middle}
#decPopup .content-box .bt-area{text-align:center;margin-top:26px}
#decPopup .content-box .bt-area a{display:inline-block;height:35px;line-height:35px;margin:0 5px;padding:0 12px;text-align:center;font-size:14px;color:var(--qz-text-primary);box-sizing:border-box;font-weight:700}
#decPopup .content-box .bt-area a.can{background-color:var(--qz-bg-secondary);border:1px solid var(--bg-app);width:59px}
#decPopup .content-box .bt-area a.com{background-color:var(--interactive-primary);border:1px solid #d87900;width:77px}

}
@layer legacy{
#con-body .vote-box-wrap .vote-box-area{border-top:1px solid var(--qz-border-subtle);padding:15px 12px 15px;background-color:var(--bg-app)}
#con-body .vote-box-wrap .vote-box-area .vote-box{border:1px solid var(--qz-border-subtle);width:100%;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con{padding:16px 13px 0;position:relative;background-color:var(--qz-bg-dark);box-sizing:border-box;width:100%}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .delete-bt{position:absolute;right:0;top:0;width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/sub/vote_delete_bt.gif) no-repeat;background-size:11px 11px}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area{position:relative;padding-right:25px;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .tit{font-size:11px;color:var(--qz-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .delete-bt{position:absolute;right:0;top:0}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area{padding:7px 0 10px}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a{display:block;border:1px solid var(--qz-border-subtle);padding-left:10px;margin-top:6px;height:26px;line-height:26px;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:var(--qz-text-primary);width:100%;display:block}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a:first-child{margin-top:0}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt{border-top:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);display:block;height:26px;line-height:26px;padding-left:14px;position:relative}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt:before{position:absolute;right:10px;top:50%;margin-top:-6px;width:13px;height:13px;content:"";background:url(../images/popup/modify_vote_icon.gif) no-repeat;background-size:13px 13px}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt span{padding-left:12px;position:relative;font-size:10px;color:var(--qz-text-primary)}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt span:before{position:absolute;left:0;top:50%;margin-top:-5px;content:"";width:9px;height:9px;background:url(../images/popup/modify_vote_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .editor-popup-area input{border:0}
#myProfile .editor-popup-area{background-color:var(--bg-app);z-index:999;height:100%;overflow-y:scroll;position:fixed;width:100%}
#myProfile .editor-popup-area .content-area{padding:19px 12px 0}
#myProfile .editor-popup-area .content-area .title-input-area{border-bottom:1px solid var(--qz-border-subtle);padding:0 9px 15px 9px}
#myProfile .editor-popup-area .content-area .title-input-area input{font-size:12px;color:var(--qz-text-heading);width:100%;box-sizing:Border-box;outline:0;border:0;background-color:var(--bg-app)}
#myProfile .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color: var(--qz-text-tertiary)}
#myProfile .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color: var(--qz-text-tertiary)}
#myProfile .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color: var(--qz-text-tertiary)}
#myProfile .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color: var(--qz-text-tertiary)}
#myProfile .editor-popup-area .content-area .mid-con-area{padding:27px 6px 39px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:14px;color: var(--qz-text-tertiary);padding-top:22px;padding-left:12px;padding-bottom:3px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:30px;margin-top:9px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:30px;padding:0 15px;background-color:var(--qz-bg-confine);font-size:14px;color:var(--qz-text-primary);box-sizing:border-box;border-top:1px solid var(--qz-border-strong);border-bottom:1px solid var(--qz-border-strong);border-left:1px solid var(--qz-border-strong)}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:var(--qz-text-placeholder)}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:var(--qz-text-placeholder)}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:var(--qz-text-placeholder)}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:var(--qz-text-placeholder)}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:30px;height:30px;background-color:#00f;display:inline-block}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat;background-size:26px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat;background-size:26px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat;background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat; background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0}
#myProfile .editor-popup-area .content-area .set-complete-bt{display:block;background-color:var(--qz-accent-pure);text-align:center;font-weight:700;font-size:18px;height:40px;line-height:40px;color:var(--qz-text-bright)}
#myProfile .post-wrap .win-chk-area{background-color:var(--qz-bg-dark);padding:0 0 89px 0;box-sizing:border-box;position:fixed;width:100%;height:100%;overflow-y:scroll}
#myProfile .post-wrap .win-chk-area table{width:100%}
#myProfile .post-wrap .win-chk-area table th{text-align:center;padding:9px 0;border-bottom:1px solid var(--qz-border-subtle)}
#myProfile .post-wrap .win-chk-area table th span{color:var(--qz-text-heading);font-size:10px}
#myProfile .post-wrap .win-chk-area table td{text-align:center;padding:14px 10px 11px 15px;border-bottom:1px solid var(--qz-border-subtle);line-height:16px;vertical-align:middle}
#myProfile .post-wrap .win-chk-area table td:first-child{text-align:left}
#myProfile .post-wrap .win-chk-area.td table td{padding:14px 5px 11px 5px}
#myProfile .post-wrap .win-chk-area.td table td:first-child{text-align:center}
#myProfile .post-wrap .win-chk-area table td .con{color:var(--qz-text-heading);font-size:10px;height:16px;font-weight:700;display:block;text-align:left;position:relative;padding-left:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;box-sizing:border-box}
#myProfile .post-wrap .win-chk-area table td .con a{color:var(--qz-text-heading);font-size:12px;font-weight:700}
#myProfile .post-wrap .win-chk-area table td .con:before{position:absolute;left:0;top:50%;margin-top:-14px;width:1px;height:28px;background-color:var(--qz-border-input);content:""}
#myProfile .post-wrap .win-chk-area table td span{font-size:10px;color:var(--qz-text-heading);vertical-align:middle;position:relative;display:block}
#myProfile .ranking-wrap{height:100%}
#myProfile .ranking-wrap .ranking-area{background-color:var(--bg-app);height:100%;position:fixed;width:100%}
#myProfile .ranking-wrap .ranking-area .top-noti{border-bottom:1px solid var(--qz-border-subtle);height:27px;line-height:27px;font-size:0;padding-left:12px;background-color:var(--qz-bg-dark);position:relative}
#myProfile .ranking-wrap .ranking-area .top-noti span{font-weight:700;font-size:12px}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area{float:right;padding-right:12px}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;margin-right:7px}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt{font-size:0;display:inline-block;float:left}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box; width:70px}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;margin-left:7px}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt a:first-child{margin-left:0}
#myProfile .ranking-wrap .ranking-area .ranking-content{position:relative;background-color:var(--bg-app);box-sizing:border-box;height:100%;padding:29px 0 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk{position:absolute;left:0;top:0;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a{display:block;height:29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:var(--qz-text-primary)}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span:after{position:absolute;right:0;top:50%;margin-top:-2px;width:5px;height:3px;content:"";background:url(../images/popup/top_rank_chk.gif) no-repeat;background-size:5px 3px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;margin:0 auto;height:100%;padding-bottom:64px;box-sizing:border-box;overflow-y:scroll}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table{width:100%}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table th{text-align:center;height:32px;line-height:16px;font-size:10px;font-weight:700;color:var(--qz-text-heading);vertical-align:middle}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td{text-align:center;vertical-align:middle;padding:3px 0 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td.con-wrap{text-align:left}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .rank{font-weight:700;color:var(--qz-text-heading);font-size:10px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area{display:block;text-align:left;min-height:38px;padding-left:40px;box-sizing:border-box;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area{position:absolute;left:0;top:0;width:32px;height:32px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area{padding-top:2px;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a{font-size:10px;font-weight:700;color:var(--qz-text-heading)}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a img{margin-right:2px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util{font-size:0;margin-top:-1px;padding-left:16px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span{font-size:10px;color: var(--qz-text-meta);font-weight:700;position:relative;margin-left:4px;padding-left:4px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span em{color:#89ff8c}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:before{position:absolute;left:0;top:1px;width:1px;content:"";background-color:var(--qz-text-meta);height:8px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:fixed;left:0;bottom:0;width:100%;height:29px;line-height:29px;text-align:center;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a{display:block;height:29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:var(--qz-text-primary)}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span:after{position:absolute;right:0;content:"";top:50%;margin-top:-2px;width:5px;height:3px;background:url(../images/popup/bot_rank_chk.gif) no-repeat;background-size:5px 3px}
.comment-write-style{background:var(--bg-app);padding:0 12px 12px 12px}
.comment-write-style textarea{background:var(--bg-app);border:1px solid var(--qz-border-input-deep);width:94%;color:var(--qz-text-primary);padding:10px 3%;height:110px}
.comment-write-style .write-btn-area{padding:12px 0}
.comment-write-style .write-btn-area a{padding:0 12px;display:inline-block}
.comment-write-style .write-btn-area a:first-child{padding-left:0}
.comment-write-style .write-btn-area img{width:30px;height:21px}
.list-tit-head{position:relative;font-size:13px;color:var(--qz-text-primary);text-align:center;padding:15px 0;border-bottom:1px solid var(--qz-border-card)}
.list-tit-head a{font-size:13px;color:var(--qz-text-primary);position:absolute}
.comment-style01 .view-comment-btn a.open:before{content:"";top:-2px;right:0;width:30px;height:20px;background:url(../images/sub/comment_open_btn.png) no-repeat left center;background-size:27px 18px;position:absolute}
.comment-style01 .view-comment-btn a.close:before{content:"";top:-2px;right:0;width:30px;height:20px;background:url(../images/sub/comment_close_btn.png) no-repeat left center;background-size:27px 18px;position:absolute}
.comment-style01 .comment .comment-user-info span{display:inline-block;font-size:12px;color:var(--qz-text-primary);font-weight:700;padding:1px 8px 0 15px;border-radius:3px;margin-left:5px;background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px;background-size:10px 10px}
.comment-style01 .comment .comment-user-info span.tp1{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px var(--bg-app);background-size:10px 10px;border:1px solid var(--qz-border-subtle)}
.comment-style01 .comment .comment-user-info span.tp2{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #000;background-size:10px 10px;color:var(--qz-text-primary)}
.comment-style01 .comment .comment-user-info span.tp3{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #a9a275;background-size:10px 10px;color:var(--qz-text-primary)}
.comment-style01 .comment .comment-user-info span.tp4{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d9a42f;background-size:10px 10px;color:var(--qz-text-primary)}
.comment-style01 .comment .comment-user-info span.tp5{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d37026;background-size:10px 10px;color:var(--qz-text-primary)}
.comment-style01 .comment .comment-user-info span.tp6{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d03d20;background-size:10px 10px;color:var(--qz-text-primary)}
.write-img-area{padding:0 12px}
.write-img-area .txt{color:var(--qz-text-primary);font-weight:700;font-size:16px;padding:25px 0 15px}
.write-url-area{padding:0 12px 25px}
.write-url-area .txt{color:var(--qz-text-primary);font-weight:700;font-size:16px;padding:25px 0 15px}
.write-url-area input{background:0 0;border:1px solid var(--qz-border-subtle);font-size:14px;padding:12px 15px;width:calc((100% - 32px));color:var(--qz-text-primary)}
.write-btn-area{text-align:center;padding-bottom:25px}
.write-btn-area a{padding:9px 0 8px}
.write-btn-area .cancel-btn{display:inline-block;font-size:14px;font-weight:700;color:var(--qz-text-primary);background:var(--bg-app);border:1px solid var(--qz-border-subtle);width:55px;text-align:center}
.write-btn-area .ok-btn{display:inline-block;font-size:14px;font-weight:700;color:var(--qz-text-primary);background:var(--qz-accent);border:1px solid var(--qz-border-subtle);width:80px;text-align:center;margin-left:8px}
.ellipsis-with-reply-cnt {color: inherit;line-height: inherit;font-size: inherit;overflow: hidden;display: inline;letter-spacing: -.8px;}

}
@layer legacy{
#con-body .info-body .content .list-area .list-top01 {padding: 12px;background-color:var(--qz-bg-card);}
#con-body .info-body .content .list-area .list-top01 .tab-menu a{color: var(--qz-text-meta);font-size:16px;font-weight:700;padding-bottom:3px;display:inline-block;margin:6px}
#con-body .info-body .content .list-area .list-top01 a.on{color:var(--qz-text-primary);border-bottom:2px solid var(--interactive-primary)}
.id-writer input::-webkit-input-placeholder{color:var(--qz-text-primary)}

}
@layer legacy{
.id-writer input::-webkit-input-placeholder{font-size:13px}
}
@layer legacy{
.id-writer input::-moz-placeholder{color:var(--qz-text-primary)}

}
@layer legacy{
.id-writer input::-moz-placeholder{font-size:13px}
}
@layer legacy{
.id-writer input:-ms-input-placeholder{color:var(--qz-text-primary)}

}
@layer legacy{
.id-writer input:-ms-input-placeholder{font-size:13px}
}
@layer legacy{
.id-writer input:-moz-placeholder{color:var(--qz-text-primary)}

}
@layer legacy{
.id-writer input:-moz-placeholder{font-size:13px}
}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{

}
@layer legacy{
.view-style02{padding:12px}
.view-style02 .tit{overflow:hidden;padding:0 0 12px;border-bottom:1px solid var(--qz-border-card)}
.view-style02 .tit div{float:left}
.view-style02 .tit .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
.view-style02 .tit .num span.tp1{border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-deep-secondary)}
.view-style02 .tit .ment{width:100%;line-height:22px}
.view-style02 .tit p{font-size:16px;font-weight:700;color:var(--qz-text-primary);padding-top:2px}
.view-style02 .tit p.sub{font-size:14px;font-weight:700;color: var(--qz-text-meta);line-height:18px}
.view-style02 .view-content{color:var(--qz-text-heading);font-size:14px;padding:12px 0 50px;line-height:18px}
.view-style02 .view-content p{color:var(--qz-text-heading);font-size:13px;padding:2px 0}
.view-style02 .view-content img{width:100%}
.view-style02 .view-url-area{padding:0}
.view-style02 .view-url-area .view-url-link{background:var(--qz-bg-confine);border:0;border-radius:4px;padding:10px 16px;display:flex;align-items:center;gap:6px}
.view-style02 .view-url-area .view-url-link p{color:var(--text-primary);font-size:13px;display:inline-block;flex-shrink:0}
.view-style02 .view-url-area .view-url-link a{display:inline-block;color:var(--text-primary);font-size:13px;letter-spacing:.3px;width:calc((100% - 48px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

}
@layer legacy{
#con-body .info-body .content .list-area .video-tit-menu{padding:20px 12px;background:url(../../images/sub/bg_video_title.svg) no-repeat center top;background-size:cover}
#con-body .info-body .content .list-area .video-tit-menu .up-side{overflow:hidden}
#con-body .info-body .content .list-area .video-tit-menu .up-side .left-img{float:left;width:50px;height:50px;text-align:center;line-height:45px;background-color:var(--qz-bg-secondary);border-radius:50%;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .left-img img{width:34px;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex{float:left;height:50px;padding-left:10px;line-height:45px;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex h2{font-size:20px;font-weight:600;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex p{font-size:18px;color:var(--qz-text-primary);font-weight:700}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex p.reader{font-size:13px;color:#c8c8c8;font-weight:400;margin-top:8px}
#con-body .info-body .content .list-area .video-tit-menu .down-side{padding-top:15px}
#con-body .info-body .content .list-area .video-tit-menu .down-side a{font-size:12px;color:var(--qz-text-primary);font-weight:700;display:inline-block;padding:5px 8px 5px 33px;margin-left:8px}
#con-body .info-body .content .list-area .video-tit-menu .down-side a:first-child{margin-left:0}
#con-body .info-body .content .list-area .video-tit-menu .down-side a.naver-btn{background:url(../images/sub/video_sns_icon2.png) no-repeat left 50% var(--bg-app)}
#con-body .info-body .content .list-area .list-style08{overflow:hidden;padding-bottom:20px;border-bottom:1px solid var(--qz-border-card)}
#con-body .info-body .content .list-area .list-style08 ul li{padding-left:12px;overflow:hidden;width:calc((100% - 12px)/ 2);float:left;padding-top:18px}
#con-body .info-body .content .list-area .list-style08 ul.gal{margin:0 12px}
#con-body .info-body .content .list-area .list-style08 ul li.noti{background:var(--qz-bg-input-deep);width:calc((100% - 24px));border-bottom:1px solid var(--qz-border-card);padding:10px 12px}
#con-body .info-body .content .list-area .list-style08 ul li.noti .top .story a{color:var(--qz-text-primary);font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style08 ul li .top{overflow:hidden;padding-bottom:5px;position:relative}
#con-body .info-body .content .list-area .list-style08 ul li .top span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px;position:absolute;top:2px;left:2px}

}
@layer legacy{
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp4{border:1px solid #c18800;background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp5{border:1px solid #ad4d00;background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp6{border:1px solid #d01400;background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top img{width:100%}
#con-body .info-body .content .list-area .list-style08 ul li .top input {position: absolute;top: 3px;left: 4px;display: inline-block;}
#con-body .info-body .content .list-area .list-style08 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style08 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp1{border:1px solid var(--qz-border-divider);background-color:var(--bg-app);color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp2{border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp3{border:1px solid var(--qz-bg-raised);background-color:var(--qz-bg-surface);color:var(--qz-text-meta)}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp4{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp4);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp5{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp5);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp6{border:1px solid var(--qz-bg-raised);background-color:var(--qz-good-tp6);color:var(--qz-text-primary)}
#con-body .info-body .content .list-area .list-style08 ul li .top .story{float:left;width:100%}

}
@layer legacy{
#con-body .info-body .content .list-area .list-style08 ul li .top .story a{color:var(--qz-text-list);padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style08 ul li .mid{font-size:13px;color:var(--qz-text-primary);font-weight:700;padding:0 0 6px;line-height:20px}
#con-body .info-body .content .list-area .list-style08 ul li .bot{overflow:hidden}
#con-body .info-body .content .list-area .list-style08 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:var(--qz-text-heading);border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);box-sizing:border-box;float:left}
#con-body .info-body .content .list-area .list-style08 ul li .bot .state.end{color:var(--qz-text-placeholder)}
#con-body .info-body .content .list-area .list-style08 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left}
#con-body .info-body .content .list-area .list-style08 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date{overflow:hidden;padding:2px 0}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p{color:var(--qz-text-sub);font-size:12px;text-align:left;position:relative}

}
@layer legacy{
.view-style01 .btn_area{padding-top:15px}
.view-style01 .btn{display:inline-block;float:right;padding:5px 12px;background-color:#6b5f52;color:var(--qz-text-primary);font-weight:700;border:1px solid #8f857d;border-radius:5px}
#added_popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
#layerPopup{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}
#layerPopup.active{display:block}
#layerPopup .dimmed{background-color:var(--qz-overlay-bg);width:100%;height:100%;position:absolute;opacity:.5}
#bookMark{position:fixed;width:100%;height:100%;z-index:1002;top:0;left:0;display:none}
#bookMark.active{display:block}
#bookMark .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--qz-overlay-bg);opacity:.7}
.comment-style01 .comment .comment-user-info .user-id-nick{display:inline-block;font-size:14px;color:var(--qz-text-primary);font-weight:700}
.comment-style01 .comment .commnet-main .pro-open-win.me{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.me.active{display:block}
.comment-style01 .comment .commnet-main .pro-open-win.you{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.you.active{display:block}
.comment-style01 .comment .commnet-main .pro-open-win.adm{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.adm.active{display:block}
.comment .reply{position:relative}
#ajax-reply-list .note-editor *{line-height:2;font-size:13px}
.comment .comment-user-form .comment_story.note-editor *{line-height:18px;font-size:13px}
.comment .comment-user-form .comment_story.note-editor a:hover{color:var(--qz-accent-pure)}
#commentWriteArea .note-editing-area *{line-height:2;font-size:15px}
.custom-cont-page{border-top:1px solid var(--qz-border-card);border-bottom:1px solid var(--qz-border-card);background:var(--qz-bg-input-deep);padding:16px;color:var(--qz-text-primary)}
.custom-cont-page *{font-size:inherit;line-height:1.3;word-break:break-all;color:inherit}
.custom-cont-page img{max-width:100%}
.admin-util-box+.custom-cont-page{margin:16px 0 0}
#con-body .info-body .view-page-name .custom-cont-page{margin:0 -12px}
#con-body .info-body .content .list-area{margin-bottom:16px;padding-bottom:16px}
.info-body .admin-util-box ul{margin-bottom:0}
#con-body .info-body .content .total-srch-area .list-style02 .title a{color:inherit}
#con-body .info-body .content .total-srch-area .list-style02 ul li{overflow:visible}
#con-body .info-body .content .total-srch-area .list-style02 ul li:after{content:'';clear:both;display:block}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot{overflow:visible}
#con-body .info-body .content .list-area .list-style01 ul li {overflow: visible;}
#con-body .info-body .content .list-area .list-style01 ul li .bot{overflow:visible}
#con-body .info-body .content .list-area .list-style01 ul li .bot:after{content:'';display:block;clear:both}

}
/* !important — 레이어 밖 잔류(§9.1) */
@layer legacy{
.view-content>.note-editor{color:var(--qz-text-primary)!important}
}
@layer legacy{
.view-style02 .view-content *:where(:not(font)){color:inherit}
.view-style01 .view-content *:where(:not(font)){color:inherit;word-break:break-all}
.comment-style01 .comment .comment-user-level{background:0 0}
.comment-style01 .comment .comment-user-level img{width:100%;height:100%;background:0 0;border-radius:0}
.comment-style01 .comment .comment-user-image{background:var(--qz-bg-soft-gray);position:relative;display:inline-block}
.view-style01 .view-content img{max-width:100%}
.view-style01 .view-content iframe{max-width:100%}
.comment-reply{margin-bottom:7px}
.comment_rename_content *{color:inherit;padding-top:4px;font-size:15px;line-height:1.2}
.comment_rename_content p.comment_as_rename{padding-bottom:3px}

}
@layer legacy{
.comment_rename_content p.comment_as_rename{color:var(--qz-accent-warm)}
}
@layer legacy{
.comment_content *{color:inherit}
.comment_content p.comment_as_rename{padding-bottom:3px}

}
@layer legacy{
.comment_content p.comment_as_rename{color:var(--qz-accent-warm)}
}
@layer legacy{
.cmt_write .btn-wrap{display:flex}
.cmt_write .comment-close-bt {font-size: 14px;color: var(--qz-accent-pure);margin-bottom: 10px;padding-top: 6px;}
.cmt_write .btn-wrap button{display:block;color:var(--qz-text-primary);font-size:14px;text-align:center;background:#704c1d;width:100%;padding:10px 0;flex:1 1 0%;font-weight:700}
.cmt_write .btn-wrap button.reply-good-bt{background:var(--qz-accent-pure);color:var(--qz-text-on-bright-soft);font-weight:700;position:relative}
.cmt_write .btn-wrap button.reply-good-bt span{position:relative;padding-left:30px;font-weight:700}
.cmt_write .btn-wrap button.reply-good-bt span:before{background:url(../../images/common/tangerine_icon.png) no-repeat 0 50%;background-size:23px;width:23px;height:23px;content:'';display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.cmt_write .btn-wrap button.reply-bt{background:var(--qz-bg-surface);color:var(--qz-text-primary)}
.cmt_write .panel{margin-bottom:10px}
.reply_wrap{margin-top:10px}
.survey-popup-area{position:relative;display:block;width:100%;margin:20px auto;padding:20px;border:1px solid var(--qz-border-input)}
.survey-popup-area .title-area{background-color:var(--qz-bg-confine);position:relative}

}
@layer legacy{
.survey-popup-area .title-area{height:54px}
}
@layer legacy{
.survey-popup-area .title-area .title{color:var(--qz-text-primary);font-size:14px;line-height:54px;padding-left:18px}
.survey-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:var(--qz-text-primary);line-height:17px}
.survey-popup-area .title-area .date-limit *{color:inherit}
.survey-popup-area .title-area .date-limit .countdown span{color:var(--qz-accent-warm)}
.survey-popup-area .content-area{padding:20px 20px 0;text-align:left;line-height:1.3}
.survey-popup-area .content-area .q-tit{font-weight:700;color:var(--qz-text-primary);font-size:16px}
.survey-popup-area .content-area .survey-area{margin-top:20px}
.survey-popup-area .content-area .survey-area ul li{box-sizing:border-box;height:66px;width:100%;position:relative;margin-top:30px}
.survey-popup-area .content-area .survey-area ul li:first-child{margin-top:0}
.survey-popup-area .content-area .survey-area ul li .thumb-area{position:absolute;left:0;top:0;width:66px;height:66px;background-color:grey}
.survey-popup-area .content-area .survey-area ul li .thumb-area img{width:100%;height:100%;display:block}
.survey-popup-area .content-area .survey-area ul li .survey-value-area{height:66px;width:100%;position:relative}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .tit{color:var(--qz-text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value{position:absolute;bottom:0;width:100%;text-align:right}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote{text-align:right;font-size:16px;color:var(--qz-accent-warm);margin-bottom:5px}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote span{font-weight:700;font-size:20px;margin-right:2px}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .survey-bar{height:18px;background-color:var(--qz-accent-warm)}
.layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}
.layerPopup.active{display:block}
.layerPopup .voter-popup-area{width:250px;max-height:500px;position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-188px;background-color:var(--qz-bg-secondary);z-index:999;border:1px solid var(--qz-border-subtle);box-sizing:border-box;height:400px}
.layerPopup .voter-popup-area .title-area{height:54px;background-color:var(--qz-bg-raised);position:relative}
.layerPopup .voter-popup-area .title-area .title{color:var(--qz-text-primary);font-size:14px;line-height:54px;padding-left:18px}
.layerPopup .voter-popup-area .title-area .close-bt{position:absolute;top:50%;transform:translateY(-50%);right:16px;font-size:24px}

}
@layer legacy{
.layerPopup .voter-popup-area .title-area .close-bt{color:var(--qz-text-primary)}
}
@layer legacy{
.layerPopup .voter-popup-area .content-area{height:calc(100% - 54px)}
.layerPopup .voter-popup-area .content-area .q-tit{font-weight:700;color:var(--qz-border-input);font-size:16px}
.layerPopup .voter-popup-area .content-area>ul{overflow:auto;height:100%}
.layerPopup .voter-popup-area .content-area>ul>li{box-sizing:border-box;padding-left:0;height:50px;width:100%;border-bottom:1px solid var(--qz-border-subtle);position:relative;overflow:visible}
.layerPopup .voter-popup-area .content-area>ul>li>.thumb-area{position:absolute;left:20px;top:50%;margin-top:-27px;width:55px;height:55px;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.layerPopup .voter-popup-area .content-area>ul>li>.thumb-area img{width:100%;height:100%;display:block}
/* 투표 참여자 팝업 — 시안 리디자인(반응형). 위 .layerPopup .voter-popup-area 옛 규칙 오버라이드 */
.layerPopup.voter-popup-wrap .voter-popup-area{position:fixed;top:50%;left:50%;width:min(300px, calc(100vw - 32px));height:auto;max-height:80vh;margin:0;transform:translate(-50%,-50%);background:var(--bg-app);border:0;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}
.layerPopup.voter-popup-wrap .voter-popup-area .title-area{display:flex;align-items:center;justify-content:space-between;height:auto;background:transparent;border-bottom:1px solid rgba(255,255,255,0.05);padding:10px 8px 10px 16px;flex:0 0 auto}
.layerPopup.voter-popup-wrap .voter-popup-area .title-area .title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:normal;padding:0}
.layerPopup.voter-popup-wrap .voter-popup-area .title-area .close-bt{position:static;transform:none;width:30px;height:30px;font-size:0;background:url(../../images/common/ic_close_vote_participants.svg) center / 24px no-repeat}
.layerPopup.voter-popup-wrap .voter-popup-area .title-area .close-bt i{display:none}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;margin:0}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul{height:auto;overflow:visible}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li{height:auto;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.05);overflow:visible}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id{display:flex;align-items:center;gap:2px;font-size:14px;color:var(--text-primary);line-height:normal;padding:0}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id img{width:16px;height:16px;border-radius:50%;margin:0;display:inline-block;vertical-align:middle;flex:none}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id span{display:block;font-size:14px;line-height:1;color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id .user-nick-text{display:flex;align-items:center;gap:2px;width:auto;max-width:none;overflow:visible}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap{flex:0 0 auto;border:0;border-top:1px solid rgba(255,255,255,0.05);background:transparent;padding:16px 0;margin:0}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area{display:flex;align-items:center;justify-content:center;gap:8px}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area ul{display:flex;align-items:center;gap:0}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area ul li a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border-radius:5px;color:var(--qz-text-subtle);font-size:12px}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area ul li a.active{background:#ff9200;color:#1d1d1d}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .page-jump{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(255,255,255,0.05);border-radius:5px;margin:0;font-size:0;background-position:center;background-repeat:no-repeat;background-size:12px}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .prev-bt{background-image:url(../../images/common/ic_arrow_left_w.svg)}
.layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .next-bt{background-image:url(../../images/common/ic_arrow_right_w.svg)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area{background:var(--qz-surface-bright)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .title-area{border-bottom-color:var(--border-divider)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .title-area .title{color:#1a1a1a}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .title-area .close-bt{background-image:url(../../images/common/ic_close_g.svg)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li{border-bottom-color:var(--border-divider)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id,body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .content-area>ul>li>.id span{color:#1a1a1a}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap{border-top-color:var(--border-divider)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area ul li a{color:var(--text-secondary)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .page-jump{border-color:var(--border-divider)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .prev-bt{background-image:url(../../images/common/ic_arrow_left.svg)}
body.light-theme .layerPopup.voter-popup-wrap .voter-popup-area .paging-wrap .paging-area .next-bt{background-image:url(../../images/common/ic_arrow_right.svg)}
.layerPopup .voter-popup-area .content-area>ul>li>.id{line-height:50px;font-size:16px;color:var(--qz-text-primary);padding:0 16px;box-sizing:border-box}
.layerPopup .voter-popup-area .content-area>ul>li>.id span{font-size:14px;color:var(--qz-text-primary)}
.layerPopup .voter-popup-area .content-area>ul>li>.id img{display:inline;vertical-align:middle;height:14px;width:14px;margin-right:3px}
.layerPopup .voter-popup-area .paging-wrap{background: var(--qz-bg-raised);border:1px solid var(--qz-border-subtle);margin: 0 -1px}
.layerPopup .voter-popup-area .paging-wrap .paging-area{font-size:0;text-align:center;line-height:32px}
.layerPopup .voter-popup-area .paging-wrap .page-jump{vertical-align:middle}
.layerPopup .voter-popup-area .paging-wrap .paging-area .prev-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_prev_bt.png) no-repeat 0 50%;margin-right:16px}
.layerPopup .voter-popup-area .paging-wrap .paging-area .next-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_next_bt.png) no-repeat 0 50%;margin-left:16px}
.layerPopup .voter-popup-area .paging-wrap .paging-area .double{width:14px;background-repeat:repeat-x}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul{display:inline-block;vertical-align:middle;line-height:1}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li:first-child{margin-left:0}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li a{font-size:14px;border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-heading);height:32px;line-height:32px;text-align:center;box-sizing:border-box;display:block;padding:0 3px}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li a.active{background-color:var(--interactive-primary);color:var(--qz-text-primary)}
.layerPopup .dimmed{background-color:var(--qz-overlay-bg);width:100%;height:100%;position:absolute;opacity:.5}
.comment-style01 .comment .comment-user-info a.good-btn{position:relative;display:inline-block;font-size:12px;color:var(--qz-text-primary);font-weight:700;padding:1px 8px 0 19px;border-radius:3px;margin-left:5px;background:url(../../images/sub/ic-good-on.svg) no-repeat 6px 3px;background-size:10px 10px}
.comment-style01 .comment .comment-user-info a.good-btn.no{background:url(../../images/sub/ic-good-off.svg) no-repeat 6px 3px;background-size:10px 10px}

}
@layer legacy{
.comment-style01 .comment .comment-user-info a.good-btn.lottie{background-size:0}
}
@layer legacy{
.comment-style01 .comment .comment-user-info a.good-btn #lottie{position:absolute;top:-2px;left:-2px;width:27px;height:100%;}
.comment-style01 .comment .comment-user-info a.good-btn.tp1{background-color:var(--bg-app);border:1px solid var(--qz-border-subtle)}
.comment-style01 .comment .comment-user-info a.good-btn.tp2{background-color:#000;}
.comment-style01 .comment .comment-user-info a.good-btn.tp3{background-color:#a9a275;}
.comment-style01 .comment .comment-user-info a.good-btn.tp4{background-color:#d9a42f;}
.comment-style01 .comment .comment-user-info a.good-btn.tp5{background-color:#d37026;}
.comment-style01 .comment .comment-user-info a.good-btn.tp6{background-color:#d03d20;}
.comment-style01 .comment .comment-user-info .user-id-nick{padding:0;background:0 0}
.comment-style01 .comment img{max-width:100%}

}
/* !important — 레이어 밖 잔류(§9.1) */
@layer legacy{
.note-popover .popover-content, .note-editor .note-toolbar{position:static!important}
}
@layer legacy{
#con-body .info-body .content .list-area .list-style01 ul li .top .num{white-space:nowrap;padding:0;text-align:center}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span{white-space:nowrap;padding:0;text-align:center}
.board-list-comment {color: var(--qz-text-comment-count);font-size: 11px;font-weight: 700;margin-left:3px;padding-left: 14px;position: relative;white-space: nowrap;}
.board-list-comment:before{width:11px;height:9px;content:"";position:absolute;left:0;top:3px;background:currentColor;-webkit-mask:url(../../images/common/ic_mobile_reply.svg) no-repeat center / contain;mask:url(../../images/common/ic_mobile_reply.svg) no-repeat center / contain}
#con-body .info-body .content .list-area .list-style08 ul.gal{font-size:0}
#con-body .info-body .content .list-area .list-style08 ul.gal li{display:inline-block;font-size:16px;float:none;vertical-align:top}
#con-body .info-body .content .list-area .list-style08 ul.gal li:nth-of-type(2n-1){padding-left:0}
#con-body .info-body .content .list-area .srch-sel-area{z-index:99}
#con-body .info-body .content .list-area .list-style08 ul li .top .img-background-wrap{padding-bottom:57%}
#con-body .info-body .content .total-srch-area .srch-sel-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:var(--qz-text-primary);border-top:none;border-right:1px solid var(--qz-border-subtle);border-left:none;border-bottom:none;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .total-srch-area .srch-sel-area select option{background:var(--bg-app);color:var(--qz-text-primary);border-bottom:1px solid var(--qz-border-subtle);border-right:1px solid var(--qz-border-subtle);border-left:1px solid var(--qz-border-subtle)}
.video-play-pop{position:absolute;left:50%;width:95%;max-width:800px;top:50%;transform:translate(-50%,-50%);z-index:9999}
.video-play-pop button.close-btn{position:absolute;top:-40px;right:10px;color:var(--qz-text-primary);font-size:32px}
.myProfile{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;padding-top:35px;display:none}
.myProfile.active{display:block}
.myProfile .post-wrap{background-color:var(--qz-bg-dark);width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}

}
@layer legacy{
.myProfile .inner-layer-popup{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background-color:var(--qz-surface-bright);z-index:1000;padding-top:35px;box-sizing:border-box}
.myProfile .inner-layer-popup.up{z-index:1001}
.myProfile .inner-layer-popup.active{display:block}
.myProfile .inner-layer-popup .pop-head-wrap{position:absolute;left:0;top:0;width:100%;border-bottom:1px solid var(--qz-border-subtle)}
.myProfile .inner-layer-popup .pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:11px}
.myProfile .inner-layer-popup .inner-popup-content{position:relative;height:100%;background-color:var(--qz-bg-dark)}
.myProfile .inner-layer-popup .inner-popup-content .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:var(--qz-bg-input-deep);line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .inner-layer-popup .inner-popup-content .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul{display:inline-block}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li:first-child{margin-left:0}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a{font-size:10px;border:1px solid var(--qz-border-subtle);background-color:var(--bg-app);color:var(--qz-text-heading);width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a.active{background-color:var(--interactive-primary);color:var(--qz-text-primary)}
.myProfile .post-wrap .part-type{background-color:var(--qz-bg-dark);padding:0 0 53px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
.myProfile .post-wrap .part-type table{width:100%}
.myProfile .post-wrap .part-type table th{text-align:center;padding:9px 0;border-bottom:1px solid var(--qz-border-subtle)}
.myProfile .post-wrap .part-type table th span{color:var(--qz-text-heading);font-size:12px}
.myProfile .post-wrap .part-type table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;border-bottom:1px solid var(--qz-border-subtle);line-height:16px}
.myProfile .post-wrap .part-type table td:first-child{text-align:center}
.myProfile .post-wrap .part-type table td span{font-size:12px;color:var(--qz-text-heading);vertical-align:top;position:relative;display:inline-block;font-weight:700}
.myProfile .post-wrap .part-type table td .participants .label {margin: 3px 4px 0px 0px;padding: 0;float: left;}
.myProfile .post-wrap .part-type table td .participants .label span {padding: 3px 3px;background-color: var(--interactive-primary);}
.myProfile .post-wrap .part-type table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:var(--qz-text-heading)}
.myProfile .post-wrap .part-type table td .participants .not2{font-size:12px;font-weight:100;color:var(--qz-text-heading);padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.myProfile .post-wrap .part-type table td .participants .not1 span{color:var(--qz-text-heading)}
.myProfile .post-wrap .part-type table td .participants .not2 span{color:var(--qz-text-heading)}
.myProfile .post-wrap .option-btn-div{background:var(--qz-bg-secondary);position:fixed;bottom:52px;left:0;width:100%;padding:12px}
.myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:10px}
.myProfile .post-wrap .option-btn-div .file-btn-div a{display:inline-block;width:calc((100% - 27px)/ 2);background:var(--qz-bg-input-deep);font-size:12px;color:var(--qz-text-primary);font-weight:700;text-align:center;padding:8px 0;border:1px solid var(--qz-border-subtle)}
.myProfile .post-wrap .option-btn-div .file-btn-div a.confirm-bt{background: var(--interactive-primary)}
.myProfile .editor-popup-area input{border:0}
.myProfile .editor-popup-area{background-color:var(--bg-app);z-index:999;height:100%;overflow-y:scroll;position:fixed;width:100%}
.myProfile .editor-popup-area .content-area{padding:19px 12px 0}
.myProfile .editor-popup-area .content-area .title-input-area{border-bottom:1px solid var(--qz-border-subtle);padding:0 9px 15px 9px}
.myProfile .editor-popup-area .content-area .title-input-area input{font-size:12px;color:var(--qz-text-heading);width:100%;box-sizing:Border-box;outline:0;border:0;background-color:var(--bg-app)}
.myProfile .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color: var(--qz-text-tertiary)}
.myProfile .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color: var(--qz-text-tertiary)}
.myProfile .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color: var(--qz-text-tertiary)}
.myProfile .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color: var(--qz-text-tertiary)}
.myProfile .editor-popup-area .content-area .mid-con-area{padding:27px 6px 39px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:14px;color: var(--qz-text-tertiary);padding-top:22px;padding-left:12px;padding-bottom:3px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:30px;margin-top:9px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:30px;padding:0 15px;background-color:var(--qz-bg-confine);font-size:14px;color:var(--qz-text-primary);box-sizing:border-box;border-top:1px solid var(--qz-border-strong);border-bottom:1px solid var(--qz-border-strong);border-left:1px solid var(--qz-border-strong)}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:var(--qz-text-placeholder)}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:var(--qz-text-placeholder)}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:var(--qz-text-placeholder)}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:var(--qz-text-placeholder)}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:30px;height:30px;background-color:#00f;display:inline-block}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat var(--qz-bg-raised);background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat;background-size:26px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat;background-size:26px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0}
.myProfile .editor-popup-area .content-area .set-complete-bt{display:block;background-color:var(--qz-accent-pure);text-align:center;font-weight:700;font-size:18px;height:40px;line-height:40px;color:var(--qz-text-bright)}
.myProfile .post-wrap .win-chk-area{background-color:var(--qz-bg-dark);padding:0 0 89px 0;box-sizing:border-box;position:fixed;width:100%;height:100%;overflow-y:scroll}
.myProfile .post-wrap .win-chk-area table{width:100%}
.myProfile .post-wrap .win-chk-area table th{text-align:center;padding:9px 0;border-bottom:1px solid var(--qz-border-subtle)}
.myProfile .post-wrap .win-chk-area table th span{color:var(--qz-text-heading);font-size:10px}
.myProfile .post-wrap .win-chk-area table td{text-align:center;padding:14px 10px 11px 15px;border-bottom:1px solid var(--qz-border-subtle);line-height:16px;vertical-align:middle}
.myProfile .post-wrap .win-chk-area table td:first-child{text-align:left}
.myProfile .post-wrap .win-chk-area.td table td{padding:14px 5px 11px 5px}
.myProfile .post-wrap .win-chk-area.td table td:first-child{text-align:center}
.myProfile .post-wrap .win-chk-area table td .con{color:var(--qz-text-heading);font-size:10px;height:16px;font-weight:700;display:block;text-align:left;position:relative;padding-left:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;box-sizing:border-box}
.myProfile .post-wrap .win-chk-area table td .con a{color:var(--qz-text-heading);font-size:12px;font-weight:700}
.myProfile .post-wrap .win-chk-area table td .con:before{position:absolute;left:0;top:50%;margin-top:-14px;width:1px;height:28px;background-color:var(--qz-border-input);content:""}
.myProfile .post-wrap .win-chk-area table td span{font-size:10px;color:var(--qz-text-heading);vertical-align:middle;position:relative;display:block}
.myProfile .post-wrap .noti-text{color:var(--qz-accent-warm); text-align: right;font-size: 12px;line-height: 1.5;padding: 16px}
.myProfile .ranking-wrap{height:100%}
.myProfile .ranking-wrap .ranking-area{background-color:var(--bg-app);height:100%;position:fixed;width:100%}
.myProfile .ranking-wrap .ranking-area .top-noti{border-bottom:1px solid var(--qz-border-subtle);height:27px;line-height:27px;font-size:0;padding-left:12px;background-color:var(--qz-bg-dark);position:relative}
.myProfile .ranking-wrap .ranking-area .top-noti span{font-weight:700;font-size:12px}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area{float:right;padding-right:12px}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;margin-right:7px}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt{font-size:0;display:inline-block;float:left}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-input-deep);padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:var(--qz-text-heading);box-sizing:border-box;margin-left:7px}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt a:first-child{margin-left:0}
.myProfile .ranking-wrap .ranking-area .ranking-content{position:relative;background-color:var(--bg-app);box-sizing:border-box;height:100%;padding:29px 0 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk{position:absolute;left:0;top:0;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a{display:block;height:29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:var(--qz-text-primary)}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span:after{position:absolute;right:0;top:50%;margin-top:-2px;width:5px;height:3px;content:"";background:url(../images/popup/top_rank_chk.gif) no-repeat;background-size:5px 3px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;margin:0 auto;height:100%;padding-bottom:64px;box-sizing:border-box;overflow-y:scroll}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table{width:100%}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table th{text-align:center;height:32px;line-height:16px;font-size:10px;font-weight:700;color:var(--qz-text-heading);vertical-align:middle}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td{text-align:center;vertical-align:middle;padding:3px 0 0 0}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td.con-wrap{text-align:left}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .rank{font-weight:700;color:var(--qz-text-heading);font-size:10px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area{display:block;text-align:left;min-height:38px;padding-left:40px;box-sizing:border-box;position:relative}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area{position:absolute;left:0;top:0;width:32px;height:32px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area{padding-top:2px;position:relative}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a{font-size:10px;font-weight:700;color:var(--qz-text-heading)}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a img{margin-right:2px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util{font-size:0;margin-top:-1px;padding-left:16px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span{font-size:10px;color: var(--qz-text-meta);font-weight:700;position:relative;margin-left:4px;padding-left:4px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span em{color:#89ff8c}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:before{position:absolute;left:0;top:1px;width:1px;content:"";background-color:var(--qz-text-meta);height:8px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:fixed;left:0;bottom:0;width:100%;height:29px;line-height:29px;text-align:center;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a{display:block;height:29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:var(--qz-text-primary)}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span:after{position:absolute;right:0;content:"";top:50%;margin-top:-2px;width:5px;height:3px;background:url(../images/popup/bot_rank_chk.gif) no-repeat;background-size:5px 3px}
.layerPopup{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 1000;display: none;}
.layerPopup.active{display:block}
.layerPopup .dimmed{background-color:var(--qz-overlay-bg);width:100%;height:100%;position:absolute;opacity:.5}
.myProfile .btn{color:var(--qz-text-primary);font-size:12px;background:var(--qz-accent-warm);padding:3px 8px}
.cider{border:2px solid var(--qz-mint);color:var(--qz-mint);background:var(--qz-bg-input-deep);font-size:13px;display:inline-block;border-radius:3px;margin-left:10px}

}
@layer legacy{
.cider{padding:3px 8px;background:0 0}
/* !important — 레이어 밖 잔류(§9.1) */
.comment-style01 .comment .commnet-main.cider-complete-wrap{border-bottom:2px solid var(--qz-mint)!important}
}
@layer legacy{
.share-take{border:2px solid var(--qz-accent-warm);color:var(--qz-accent-warm);background:var(--qz-bg-input-deep);font-size:13px;display:inline-block;border-radius:3px;margin-left:10px}

}
@layer legacy{
.share-take{padding:3px 8px;background:0 0}
}
@layer legacy{
.best-comment{border:2px solid var(--qz-accent-warm);color:var(--qz-accent-warm);background:var(--qz-bg-input-deep);font-size:13px;display:inline-block;border-radius:3px;margin-left:10px}

}
@layer legacy{
.best-comment{padding:3px 8px;background:0 0}
.comment-style01 .comment .commnet-main.best-comment-wrap{border-bottom:2px solid #ff9940}
}
@layer legacy{
.view-style01 .survey-popup-wrap{position:static;margin:0 auto}
.view-style01 .survey-popup-wrap .survey-popup-area{position:static;margin:0 auto 30px;max-width:400px;width:100%}
.column-select{display:block;width:100%;color:var(--qz-accent-pure);font-size:16px;font-weight:800;background:url(../images/main/more_bt_arrow.png) no-repeat 98% 50%;background-color:var(--qz-bg-confine);margin-bottom:5px;padding:8px 20px;border:3px solid var(--qz-accent-pure);cursor:pointer}
.column-link-box{border:1px solid var(--qz-accent-pure);padding:8px 8px;font-size:0;text-align:left;margin-top:30px}
.column-link-box .column-link{font-size:14px;display:inline-block;vertical-align:top;width:98%;display:inline-block;box-sizing:border-box;text-align:left;padding:2%;box-sizing:border-box;margin:1%;background:var(--qz-bg-raised);cursor:pointer;color:var(--qz-text-primary);line-height:1.5}
.column-link-box .column-link:hover{color:var(--qz-accent-pure)}
.column-link-box .column-link span.number{color:var(--qz-text-primary);background:var(--qz-accent-pure);display:inline-block;min-width:20px;padding:0px 2px;height:20px;margin-right:5px;text-align:center;line-height:20px}
.fa-vote-yea{background:url(../../images/popup/vote-yea-regular.svg) no-repeat 50% 50%;width:18px;height:18px;display:block;background-size:100%}

}
@layer legacy{
.write-img-area{padding:0}
.write-img-area input[type=file]{display:none}
.write-img-area img{width:100%;display:inline-block;vertical-align:top;width:120px}
.write-img-area button{border:1px solid var(--qz-border-subtle);font-size:14px;padding:6px;height:56px;display:inline-block;margin:0}
.write-img-area button img{height:40px;vertical-align:middle;width:auto}
.dropdown-menu.autosave-wrap{padding:0;background:var(--bg-app);overflow:auto;height:350px;border:1px solid var(--qz-border-subtle);width:100%;padding:10px}
.dropdown-menu.autosave-wrap *{color:var(--qz-text-primary)}
.dropdown-menu.autosave-wrap .autosaveLoad{width:calc(100% - 15px);display:inline-block}
.dropdown-menu.autosave-wrap .autosaveLoad span{font-size:14px;display:inline-block;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:5px;box-sizing:border-box;color:var(--qz-text-primary);width:calc(100% - 105px)}
.dropdown-menu.autosave-wrap .autosaveLoad span.sv-date{font-size:12px;width:auto}
.dropdown-menu.autosave-wrap .save-delete{display: inline-block;position: relative;top: -3px}

}
@layer legacy{
.dropdown-menu.autosave-wrap .save-delete{margin-left: 0}
.dropdown-menu.autosave-wrap a{border:none;background:0 0;vertical-align:middle}
/* !important — 레이어 밖 잔류(§9.1) */
.xdsoft_datetimepicker{z-index:999999!important}
}
@layer legacy{
.radio-area+.radio-area{margin-left:12px}
.popLayerPopup{width:100%;height:100%;left:0;top:0;position:fixed;display:none}
.popLayerPopup.active{display:block;z-index:9999999}
.popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--qz-overlay-bg);opacity:.8}
#added_popup{z-index:1000000}
.popLayerPopup .youtube-send-area{width:274px;height:auto;z-index:1;left:50%;padding:20px 0;background-color:var(--qz-bg-input-deep);margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid var(--qz-border-input);position:fixed}
.popLayerPopup .youtube-send-area .title{text-align:center;color:var(--qz-text-primary);font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup .youtube-send-area .title em{color:var(--qz-badge-blue)}
.popLayerPopup .youtube-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat}
.popLayerPopup .youtube-send-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .youtube-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid var(--qz-border-subtle);background-color:var(--qz-bg-dark);line-height:26px;font-size:11px;font-weight:700;color:var(--qz-text-primary);text-align:center}
.popLayerPopup .youtube-send-area .bt a:hover{background-color:var(--qz-status-error)}
.popLayerPopup .youtube-send-area .input-wrap{background:var(--qz-bg-confine);width:80%;margin:0 auto}
.popLayerPopup .youtube-send-area .input-wrap input{display:block;width:100%;height:32px;line-height:32px;padding:0 5px;color:var(--qz-text-primary);width:100%;background:0 0;border:none}
#myProfile .inner-layer-popup .msg-type1 *{max-width:100%;color:var(--qz-text-primary);font-size:10px}
#myProfile .inner-layer-popup .msg-type2 *{max-width:100%;color:var(--qz-text-primary);font-size:10px}
#myProfile .inner-layer-popup #memo *{max-width:100%;color:var(--qz-text-primary);font-size:10px}
.writer-btn-wrap{text-align:right;margin:8px 0}
.writer-btn-wrap a{font-size:14px;color:#dba84f;margin:0 3px}
.writer-btn-wrap a:hover{color:#dba84f;text-decoration:none}
.pass-modify-state{text-align:right}
.pass-modify-state .use-noti{height:28px;line-height:28px;margin-right:14px;font-size:12px;position:relative;padding-left:20px;display:inline-block}
.pass-modify-state .use-noti.type1{color:#6dff7b}
.pass-modify-state .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../images/sub/use_check_icon1.png) no-repeat;content:""}
.pass-modify-state .use-noti.type2{color:#ff6d6d}
.pass-modify-state .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../images/sub/use_check_icon2.png) no-repeat;content:""}
body .note-editor.note-frame{background:var(--qz-bg-input-deep);border:1px solid var(--qz-border-subtle);border-radius:0}
body .note-popover .popover-content,body .note-editor .note-toolbar{background:0 0;color:var(--qz-text-primary);border-color:var(--qz-bg-secondary)}
body .note-editor.note-frame .note-editing-area .note-editable{color:var(--qz-text-heading);background:0 0;padding:18px 15px}
body .note-editor .note-toolbar .btn{background:0 0;color:var(--qz-text-primary);border:none}
body .note-editor .note-toolbar .note-btn-group{position:relative}
body .note-editor .note-toolbar .note-btn-group:after{content:'';border-right:1px solid var(--qz-border-subtle);position:absolute;right:0;top:50%;transform:translateY(-50%);height:50%}
body .note-editor .note-toolbar .note-btn-group:nth-last-of-type(1):after{display:none}
body .note-editor.note-frame .note-statusbar{background:0 0;border-color:var(--qz-bg-secondary);padding:6px 0}
body .note-editor.note-frame .note-statusbar .note-icon-bar{border-color:#999}
body .note-editor.note-frame{overflow:visible}
body .note-popover.popover{background:var(--qz-bg-input-deep);border-color:var(--qz-border-subtle);max-width:none}
body .note-image-popover.note-popover{z-index:1060}
body .note-image-popover .arrow{display:none}
body .note-popover .popover-content{white-space:nowrap;display:flex;flex-wrap:nowrap;align-items:center}
body .note-popover .popover-content .note-btn-group{display:inline-flex;flex-shrink:0}
body .note-popover .popover-content .btn, body .note-popover .popover-content .note-btn{border:none}

}
/* !important — 레이어 밖 잔류(§9.1) */
@layer legacy{
body .note-popover .popover-content .btn, body .note-popover .popover-content .note-btn{background:transparent!important;color:var(--qz-text-primary)!important}
/* !important — 레이어 밖 잔류(§9.1) */
body .note-popover .popover-content .btn:hover, body .note-popover .popover-content .note-btn:hover{background:rgba(255,255,255,0.15)!important}
}
@layer legacy{
body .note-popover .popover-content .dropdown-menu,body .note-editor .note-toolbar .dropdown-menu{background:var(--qz-bg-input-deep);color:var(--qz-text-primary)}
body .note-popover .popover-content .dropdown-menu li a,body .note-editor .note-toolbar .dropdown-menu li a{color:var(--qz-text-primary)}
body .note-popover .popover-content .dropdown-menu li a:active,body .note-popover .popover-content .dropdown-menu li a:focus,body .note-popover .popover-content .dropdown-menu li a:hover,body .note-editor .note-toolbar .dropdown-menu li a:active,body .note-editor .note-toolbar .dropdown-menu li a:focus,body .note-editor .note-toolbar .dropdown-menu li a:hover{color:var(--qz-text-primary);background:#080808}
#con-body .info-body .content .list-area .list-style08 ul li .mid{height:36px;overflow:hidden}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn{opacity:1;font-weight:400;text-shadow:none;line-height:1.3}

}
@layer legacy{
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn{text-decoration:none}
}
@layer legacy{
.comment-style01 .comment .comment-user-image{background:0 0;color:#363636}
.custom-tab-cont{display:none}
.custom-tab-cont.active,.custom-tab-cont.on{display:flex;column-gap:8px;justify-content: center;}
.active-dot{position:relative}
.active-dot:after{content:'';left:3px;top:3px;width:5px;height:5px;position:absolute;background:var(--qz-accent-warm);border-radius:999px}
.popup-close-btn-wrap{text-align:right;padding:20px;position:absolute;top:0;right:0;width:100%}
.popup-close-btn-wrap h3{float:left;font-size:24px;color:var(--qz-text-primary)}
#con-body .paging-area ul{margin-bottom:0}
.myProfile .post-wrap .option-btn-div{bottom:0}
.myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:0}
.myProfile .post-wrap .option-btn-div div+.file-btn-div{padding-top:10px}
.myProfile .post-wrap .option-btn-div .file-btn-div a{width:calc((100% - 4px)/ 2)}
.spec-box{max-width:100%;margin:20px auto 20px;border:1px solid var(--qz-border-subtle);padding:25px 0 15px;width:400px}
.spec-box .spec-head {font-size: 18px;color: var(--qz-text-primary);border-bottom: 2px solid #be954d;padding-bottom: 7px;margin-bottom: 16px;margin-left: 50px;width: fit-content;}
.spec-box .spec {display: flex;margin: 8px 0;padding: 0 10px;}
.spec-box .spec .tit {color: var(--qz-text-primary);width: 94px;text-align: right;margin-right: 10px;display: flex;}
.spec-box .spec .tit .text {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex: 1 1 100%;letter-spacing: -1px;line-height: 20px;}
.spec-box .spec .tit .divi {flex: none;line-height: 18px;}
.spec-box .spec .cont {flex: 1 1 0%;color: var(--qz-text-primary);line-height: 20px;letter-spacing: 0;}
#con-body #frmSearch .content a{color:var(--qz-text-primary)}

}
@layer legacy{
#con-body #frmSearch .content a:visited{color:var(--qz-text-placeholder)}
#con-body #frmSearch .content .pro-open-win a:visited{color:var(--qz-text-primary)}
#con-body #frmSearch .content a:visited div, #con-body #frmSearch .content a:visited p{color:var(--qz-text-placeholder)}
}
@layer legacy{
#con-body .info-body .content .list-area .srch-box{margin-bottom:16px}
#con-body .info-body .content .list-area .list-top01 .tab-menu p.tit{color:var(--qz-text-primary);font-size:16px;font-weight:700;display:inline-block;margin:5px 6px 9px 0;margin-left:0;border-right:2px solid var(--qz-surface-bright);padding:1px 12px 0 0;display:inline-block;vertical-align:top}

}
@layer legacy{
.lucky-point{margin-top:3px;color:var(--qz-text-primary);font-weight:500;font-size:13px}
.lucky-point span{color:var(--qz-accent-warm);font-weight:500}
.lucky-point2{margin-top:3px;color:var(--qz-text-primary);font-weight:500;font-size:13px}
.lucky-point2 span{color:var(--qz-accent-warm);font-weight:500}
#con-body .info-body .content .list-area .list-style08 ul li{box-sizing:content-box}
#con-body .info-body .content .list-area .list-style08 ul li .mid a{color:var(--qz-text-primary)}

}
@layer legacy{
.info-body .top-banner{overflow:hidden;box-sizing:border-box;height:70px}
.info-body .content .list-area .top-banner{overflow:hidden;box-sizing:border-box;height:70px}

}
@layer legacy{
.comment-style01 .view-comment-btn{display:none}
}
@layer legacy{
#con-body .info-body .content .list-area .list-style01 ul li .bot .state{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;box-sizing:border-box}
#con-body .info-body .content .list-area .srch-sel-area select {padding-right: 20px;}
#con-body .info-body .content .total-srch-area .srch-sel-area select{padding-right:22px}
#con-body .info-body .content .total-srch-area .srch-sel-area{z-index:99}
#decPopup .content-box .bt-area a.com{width:auto}
#decPopup .content-box .bt-area a.can{width:auto}
.write-url-area input{width:calc((100% - 55px))}
.img-thumb-noti{color:var(--text-primary);font-size:12px;margin-bottom:10px;margin-top:-3px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump{height:12px;padding:0}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next.double{padding-right:17px;border-left:1px solid var(--qz-text-placeholder);padding-left:8px;margin-left:14px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next.double:before{width:12px;background-repeat:repeat-x}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev.double{padding-left:17px;border-right:1px solid var(--qz-text-placeholder);padding-right:8px;margin-right:14px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev.double:before{width:12px;background-repeat:repeat-x}
.basket-popup-wrap .dimmed{display:none}

}
@layer legacy{
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .page-jump{vertical-align:middle}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .prev-bt{display:inline-block;width:7px;height:32px;background:url(../images/popup/paging_prev_bt.png) no-repeat 0 50%;margin-right:16px;background-size:7px}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .next-bt{display:inline-block;width:7px;height:32px;background:url(../images/popup/paging_next_bt.png) no-repeat 0 50%;margin-left:16px;background-size:7px}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .double{width:14px;background-repeat:repeat-x}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area ul{display:inline-block;vertical-align:middle;line-height:1}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap{position:absolute;top:0;width:100%;left:0;padding:10px;height:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap+.top-rank-chk{top:63px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month{position:absolute;top:0;width:100%;left:0;color:var(--qz-text-primary);display:flex;align-items:center;padding:26px;box-sizing:border-box}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .prev-year-bt{font-size:14px;color:var(--text-primary);flex:1 1 0%}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .next-year-bt{font-size:14px;color:var(--text-primary);flex:1 1 0%;text-align:right}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month #select-month{font-size:24px;font-weight:700;display:inline-block}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .prev-month-bt{width:10px;height:15px;position:relative;top:-1px;background:url(../../images/sub/calender_prev_bt.png) no-repeat;margin-right:18px;overflow:hidden;text-indent:-9999px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .next-month-bt{width:10px;height:15px;position:relative;top:-1px;background:url(../../images/sub/calender_next_bt.png) no-repeat;margin-left:18px;overflow:hidden;text-indent:-9999px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month+.top-rank-chk{top:63px}
#myProfile .ranking-wrap .ranking-area .ranking-content{padding:40px 0 50px;height:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap~.board{padding:63px 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month~.board{padding:63px 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{padding:28px 0}

}
@layer legacy{
.van-text{color:var(--qz-text-secondary);padding:16px}
}
@layer legacy{
.comment-user-info .comment_option{display:inline-block;margin-left:8px;vertical-align:text-bottom;margin-top:0}
.comment_option{font-size:14px;color:#bcbcbc;margin-top:8px}
.comment_option a{color:inherit;margin-right:8px;display:inline-block}
.comment_option a:hover{color:inherit}
.ctn-count{color:inherit}

}
@layer legacy{
.ctn-count.my-active{color:var(--qz-accent-pure)}
}
@layer legacy{
#con-body .info-body .content .list-area .list-style01 ul li .top .story a{width:auto;max-width:99%;position:relative;box-sizing:border-box}
#con-body .info-body .content .list-area .list-style01 ul li .top .story a .board-list-comment{position:absolute;right:0;top:50%;transform:translateY(-50%);bottom:auto}
#con-body .info-body .content .list-area .list-style08 ul li .top .num{display:inline-block;border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);font-size:10px;color:var(--qz-text-meta);font-weight:700;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;position:absolute;left:3px;top:3px}
#con-body .info-body .content .list-area .list-style08 ul li .top input[type=checkbox]+.num{display:inline-block;border:1px solid var(--qz-bg-raised);background-color:var(--bg-app);font-size:10px;color:var(--qz-text-meta);font-weight:700;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;position:absolute;left:3px;top:20px}
.comment_option.reply-btn-wrap{display:none}
.desk-setup-spec-wrap .desk-setup-spec-box{margin-top:60px}
.desk-setup-spec-wrap .desk-setup-spec-tit{font-size:18px;font-weight:700;border-bottom:3px solid #be954d;width:250px;margin-left:94px;margin-bottom:40px;color:var(--qz-text-primary);padding-bottom:12px;position:relative}
.desk-setup-spec-wrap .add-bt{width:14px;height:14px;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px;text-indent:-9999px;border:1px solid var(--text-primary);border-radius:50%;box-sizing:border-box}
.desk-setup-spec-wrap .delete-bt{width:14px;height:14px;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px;text-indent:-9999px;border:1px solid var(--text-primary);border-radius:50%;box-sizing:border-box}
.desk-setup-spec-wrap .add-bt::before,.desk-setup-spec-wrap .delete-bt::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--text-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:14px 14px;mask-size:14px 14px}
.desk-setup-spec-wrap .add-bt::before{-webkit-mask-image:url(../../images/common/ic_plus.svg);mask-image:url(../../images/common/ic_plus.svg)}
.desk-setup-spec-wrap .delete-bt::before{-webkit-mask-image:url(../../images/common/ic_minus.svg);mask-image:url(../../images/common/ic_minus.svg)}
.desk-setup-spec-wrap .write-url-area{padding-left:130px;padding-bottom:0;margin-bottom:30px}
.desk-setup-spec-wrap .write-url-area input{width:100%}
.desk-setup-spec-wrap .tit{position:absolute;left:30px;top:50%;transform:translateY(-50%);padding:10px 0}
.desk-setup-spec-wrap .add-area{position:relative}
.desk-setup-spec-wrap .desk-setup-spec-tit .add-bt,.desk-setup-spec-wrap .desk-setup-spec-tit .delete-bt{position:absolute;left:-32px;top:30%;transform:translateY(-50%)}
.desk-setup-spec-wrap .add-area .add-bt,.desk-setup-spec-wrap .add-area .delete-bt{position:absolute;left:110px;top:50%;transform:translateY(-50%)}
.desk-setup-spec-wrap .add-area span+.add-bt,.desk-setup-spec-wrap .add-area span+.delete-bt{position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.paging-box{padding-top:16px}
.paging-box .comment-paging-area.float-center{text-align:center;font-size:0}
.paging-box .comment-paging-area.float-center ul{font-size:0;border:1px solid var(--qz-border-subtle);display:inline-block}
.paging-box .comment-paging-area.float-center ul li{display:inline-block;border-left:1px solid var(--qz-border-subtle)}
.paging-box .comment-paging-area.float-center ul li:first-child{border-left:0}
.paging-box .comment-paging-area.float-center ul li a{display:inline-block;height:28px;line-height:26px;font-size:12px;color:var(--qz-text-heading);font-weight:700;padding:0 10px}
.paging-box .comment-paging-area.float-center ul li a.on{background-color:var(--qz-accent-warm)}
.paging-box .comment-paging-area.float-center .page-jump.prev{margin-right:8px;padding-left:11px}
.paging-box .comment-paging-area.float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
.paging-box .comment-paging-area.float-center .page-jump{font-weight:700;color:var(--qz-text-heading);font-size:12px;position:relative;display:none}
.paging-box .comment-paging-area.float-center .page-jump.active{display:inline-block}
.paging-box .comment-paging-area.float-center .page-jump.next{margin-left:8px;padding-right:11px}
.paging-box .comment-paging-area.float-center .page-jump:before{position:absolute;content:"";top:50%;margin-top:-5px;width:6px;height:9px}
.paging-box .comment-paging-area.float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
.paging-box .comment-paging-area.float-center .page-jump{height:12px;padding:0}
.paging-box .comment-paging-area.float-center .page-jump.next.double{padding-right:17px;border-left:1px solid var(--qz-text-placeholder);padding-left:8px;margin-left:14px}
.paging-box .comment-paging-area.float-center .page-jump.next.double:before{width:12px;background-repeat:repeat-x}
.paging-box .comment-paging-area.float-center .page-jump.prev.double{padding-left:17px;border-right:1px solid var(--qz-text-placeholder);padding-right:8px;margin-right:14px}
.paging-box .comment-paging-area.float-center .page-jump.prev.double:before{width:12px;background-repeat:repeat-x}
#pictureCustomModal button:focus{outline:0}
#pictureCustomModal .fileinput-remove{display:none}
#pictureCustomModal .file-caption-main{display:none}
#pictureCustomModal .kv-file-zoom{display:none}
#pictureCustomModal .file-preview-frame.sortable-chosen.sortable-ghost{opacity:0}
#pictureCustomModal{z-index:10000}

}
@layer legacy{
#pictureCustomModal{top:0}
}
@layer legacy{
#pictureCustomModal .modal-dialog{margin:0;max-width:none;width:100%;height:100%}
#pictureCustomModal .modal-content{display:flex;flex-direction:column;height:100%;background:var(--bg-app);border:0;border-radius:0}
#pictureCustomModal .modal-header{height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #323232;flex-shrink:0}
#pictureCustomModal .modal-title{float:none;margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}
#pictureCustomModal .modal-header .close{width:30px;height:30px;border:0;background-color:var(--qz-bg-soft-gray);-webkit-mask:url(../../images/common/ic_close_w.svg) center/18px 18px no-repeat;mask:url(../../images/common/ic_close_w.svg) center/18px 18px no-repeat;position:static;top:auto;right:auto;float:none;margin:0;opacity:1;text-shadow:none}

}
@layer legacy{
#pictureCustomModal .modal-header .close{padding:0}
}
@layer legacy{
#pictureCustomModal .modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px;max-height:none}
#pictureCustomModal .file-input .file-preview{box-sizing:border-box;background:#212121;border:0;border-radius:8px;padding:16px;margin:0}
#pictureCustomModal .file-preview-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow-y:auto;overflow-x:hidden}
#pictureCustomModal .file-preview-thumbnails::before,#pictureCustomModal .file-preview-thumbnails::after{display:none}
#pictureCustomModal .file-preview-thumbnails::-webkit-scrollbar{width:4px}
#pictureCustomModal .file-preview-thumbnails::-webkit-scrollbar-thumb{background:#888;border-radius:5px}
#pictureCustomModal .krajee-default.file-preview-frame{width:auto;min-width:0;margin:0;padding:8px;float:none;background:var(--bg-app);border:0;border-radius:8px;position:relative;box-shadow:none}
#pictureCustomModal .krajee-default.file-preview-frame:hover{box-shadow:none}
#pictureCustomModal .krajee-default.file-preview-frame .kv-file-content{width:100%;height:auto;margin-top:24px}
#pictureCustomModal .krajee-default.file-preview-frame .kv-file-content img.file-preview-image{aspect-ratio:1/1;object-fit:cover;border-radius:4px}

}
@layer legacy{
#pictureCustomModal .krajee-default.file-preview-frame .kv-file-content img.file-preview-image{width:100%;height:auto}
}
@layer legacy{
#pictureCustomModal .kv-file-remove{position:absolute;top:8px;right:8px;width:16px;height:16px;border:0;background-color:#888888;-webkit-mask:url(../../images/common/ic_close_w.svg) center/11px 11px no-repeat;mask:url(../../images/common/ic_close_w.svg) center/11px 11px no-repeat}

}
@layer legacy{
#pictureCustomModal .kv-file-remove{padding:0}
}
@layer legacy{
#pictureCustomModal .kv-file-remove i{display:none}
#pictureCustomModal .file-actions{position:static}
#pictureCustomModal .krajee-default.file-preview-frame .file-thumbnail-footer{height:auto;text-align:left;position:static}
#pictureCustomModal .krajee-default .file-footer-caption{margin:0}
#pictureCustomModal .krajee-default .file-caption-info{font-size:11px;color:var(--text-primary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:0}
#pictureCustomModal .krajee-default .file-size-info{font-size:10px;color:var(--text-secondary);width:100%;text-align:left}
#pictureCustomModal .krajee-default .file-size-info samp{font:inherit;color:inherit}
#pictureCustomModal .file-drop-zone{margin:0;padding:0;border:0}
#pictureCustomModal .file-drop-zone-title{color:var(--text-secondary);font-size:14px;padding:40px 8px}
#pictureCustomModal .qz-imgmodal-add{display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin-top:16px;background:#FF9200;color:var(--qz-text-on-bright-soft);font-size:14px;font-weight:700;border:0;border-radius:4px}

}
@layer legacy{
#pictureCustomModal .qz-imgmodal-add{padding:0}
}
@layer legacy{
#pictureCustomModal .qz-imgmodal-opts{display:flex;gap:16px;margin-top:16px;padding:10px 0}
#pictureCustomModal .qz-imgmodal-opts label{flex:1;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;color:var(--text-primary);margin:0}
#pictureCustomModal .modal-footer{flex-shrink:0;display:flex;gap:16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;background:var(--bg-app)}
#pictureCustomModal .modal-footer::before,#pictureCustomModal .modal-footer::after{display:none}
#pictureCustomModal .modal-footer .btn{display:flex;align-items:center;justify-content:center;flex:1 1 0;height:36px;border:0;border-radius:4px;font-size:14px;font-weight:700;margin:0}

}
@layer legacy{
#pictureCustomModal .modal-footer .btn{padding:0}
}
@layer legacy{
#pictureCustomModal .modal-footer .btn-secondary{background:var(--qz-bg-control);color:var(--text-primary)}
#pictureCustomModal .modal-footer .btn-primary{background:#FF9200;color:var(--qz-text-on-bright-soft)}

}
@layer legacy{
.ranking-info-slide>p{font-size:12px;text-align:center;color:var(--qz-text-primary);font-weight:700;margin:6px 0}
.ranking-info-slide ul{font-size:0;background:var(--qz-bg-input-deep);border:1px solid var(--qz-bg-raised);margin-bottom:4px}
.ranking-info-slide ul li{padding-left:23px;position:relative;display:inline-block;color:var(--qz-text-primary);font-size:12px;padding:6px 0;display:inline-block;width:33.33%;box-sizing:border-box;text-align:center}
.ranking-info-slide ul li img{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:3px}
.ranking-info-slide ul li span{display:inline-block;vertical-align:middle;font-size:12px}
.ranking-info-slide .slide-wrap{padding:0 30px;position:relative}
.ranking-info-slide .slide-wrap .slide-btn{position:absolute;top:50%;transform:translateY(-50%);color:var(--qz-text-primary);font-size:14px;line-height:normal;padding-bottom:4px}
.ranking-info-slide .slide-wrap .slide-btn:focus{outline:0}
.ranking-info-slide .slide-wrap .prev-btn{left:10px}
.ranking-info-slide .slide-wrap .next-btn{right:10px}
.ranking-info-slide .slick-slide:focus{outline:0}

}
@layer legacy{
.cate-tab-area.new-skin {white-space: nowrap;height:45px; overflow: auto;padding: 0;position: relative;}
.cate-tab-area.new-skin a {color: var(--qz-text-secondary);border-bottom: 3px solid var(--qz-border-subtle);margin: 0;padding: 16px 15px 8px;}
.cate-tab-area.new-skin a.active{font-weight:700;color:var(--qz-text-primary);border-bottom:3px solid var(--qz-surface-bright)}
.popular-tangerine-btn{font-size:16px;padding:5px 10px;font-size:15px;font-weight:700;background:var(--qz-accent-pure);color:var(--qz-badge-gray-text);border:1px solid var(--qz-border-subtle);display:inline-block}
.popular-tangerine-btn:before{display:inline-block;vertical-align:middle;width:40px;height:41px;background:url(../../images/sub/popular_orange.png) no-repeat 50% 60%;background-size:80%;content:'';margin-right:3px}
.popular-tangerine-btn:after{content:'베스트';color:var(--qz-badge-gray-text);position:absolute;left:15px;top:17px;}
.popular-tangerine-btn.all:before{background-image:url(../../images/sub/tangerine_1.png)}
.popular-tangerine-btn.all:after{content:'전체보기';color:var(--qz-badge-gray-text);position:absolute;left:11px;top:16px;}

}
@layer legacy{
.market-info-view-wrap .text-orange{color:var(--qz-accent-pure)}
.market-info-view-wrap .text-green{color:var(--qz-mint)}
.market-info-view-wrap .text-red{color:var(--qz-accent-red)}
}
@layer legacy{
.market-info-view-wrap .util-area .ca_name{min-width:75px;border:1px solid var(--qz-border-subtle);font-size:11px;padding:3px 0;background:var(--qz-badge-gray);color:var(--qz-badge-gray-text);font-weight:700;margin-right:8px;text-align:center;display:inline-block;line-height:1.15}
.market-info-view-wrap .title .tangerine-icon{width:20px;margin-right:5px;vertical-align:text-top}
.market-info-view-wrap dl{margin-bottom:0}
.market-info-view-wrap .good-btn-wrap {text-align: center;margin-bottom: 50px;}
.market-info-view-wrap .good-btn-wrap .good-btn{width:80px;height:86px;border:1px solid #840;border-radius:6px;padding-top:60px;background:url(../../images/sub/tangerine_big.png) no-repeat 50% 7px;background-color:var(--qz-bg-input-deep);display:inline-block;color:var(--qz-text-primary);font-weight:700}
.market-info-view-wrap .good-btn-wrap .good-btn.tp1{background-image:url(../../images/sub/mandarin0.png);border-color:var(--bg-app)}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp1{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp2{background-image:url(../../images/sub/mandarin1.png);border-color:#460}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp2{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp3{background-image:url(../../images/sub/mandarin1.png);border-color:#460}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp3{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp4{background-image:url(../../images/sub/mandarin2.png);border-color:#777000}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp4{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp5{background-image:url(../../images/sub/mandarin3.png);border-color:#840}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp5{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp6{background-image:url(../../images/sub/mandarin4.png);border-color:#8c3100}

}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn.tp6{background-color:var(--qz-bg-input-deep)}
}
@layer legacy{
.market-info-view-wrap .good-btn-wrap .good-btn span{position:relative;}
.market-info-view-wrap .good-btn-wrap .good-btn span:before{content:'';position: relative;top: 2px;width:18px;height:15px;background:url(../../images/sub/ic-good-on.svg) no-repeat 50% 50%;background-size:contain;display:inline-block;margin-right:4px;line-height:1}
.market-info-view-wrap .good-btn-wrap .good-btn span.no:before{background: url(../../images/sub/ic-good-off.svg) no-repeat 50% 50%;background-size: contain;}
.market-info-view-wrap .good-btn-wrap .good-btn span.lottie:before{background-size: 0;}
.market-info-view-wrap .good-btn-wrap .good-btn span #lottie{position:absolute;left:-3px;top:-5px;width:26px;height:26px;}
.market-info-view-wrap .custom-btn{border:1px solid var(--qz-border-subtle);background:var(--qz-bg-surface);height:32px;line-height:30px;font-size:14px;padding:0 10px;display:inline-block;margin-left:4px;color:var(--qz-text-primary)}
.market-info-view-wrap .custom-btn span{color:inherit}
.market-info-view-wrap .custom-btn.red-btn{background:#da3c3b;color:var(--qz-text-primary)}
.market-info-view-wrap .custom-btn.secondary-btn{background:var(--qz-bg-secondary)}
.market-info-view-wrap .custom-btn.orange-btn{background:var(--qz-accent-warm);color:var(--qz-badge-gray-text)}
.market-info-view-wrap .custom-btn.dark-btn{background:var(--qz-bg-input-deep);color:var(--qz-text-bright)}
.market-info-view-wrap .custom-btn img {height: 16px;margin-right: 4px;position: relative;top: -2px;}
.market-info-view-wrap .bottom-util-bt ul{margin-bottom:0}

}
@layer legacy{
.market-info-view-wrap .bottom-util-bt ul{display:flex}
}
@layer legacy{
.market-info-view-wrap .bottom-util-bt ul li{flex:none}

}
@layer legacy{
.market-info-view-wrap .bottom-util-bt ul li{border:none}
}
@layer legacy{
.market-info-view-wrap .bottom-util-bt ul li:nth-of-type(1){flex:1 1 0%;text-align:left}

}
@layer legacy{
.market-info-view-wrap .bottom-util-bt ul li:nth-of-type(1){margin-left:0}
}
@layer legacy{
.market-info-view-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}
.market-info-view-table th,.market-info-view-table td{font-size:14px;vertical-align:top;padding:12px 4px;line-height:1.5;text-align:left;border-bottom:1px solid var(--qz-border-divider)}
.market-info-view-table th{width:64px;color:var(--text-secondary);font-weight:400;white-space:nowrap}
.market-info-view-table td{color:var(--qz-text-heading);word-break:break-all}
.market-info-view-table td a{display:block;color:var(--qz-text-heading);word-break:break-all}
.market-info-view-table tr:last-child th,.market-info-view-table tr:last-child td{border-bottom:0}

}
@layer legacy{
.market-info-view-table .text-orange{color:var(--qz-accent-yellow)}
}
@layer legacy{
.market-info-view-table .brand-logo{height:18px;margin-right:4px}
}
@layer component{
.state-change-list-wrap{margin:10px 0;background:var(--state-change-bg);border:1px solid var(--state-change-border);border-radius:8px;overflow:hidden}
.state-change-toggle{position:absolute;width:0;height:0;opacity:0}
.state-change-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;margin:0;cursor:pointer}
.state-change-count{color:var(--state-change-count-fg);font-weight:700;font-size:14px}
.state-change-more{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;font-weight:400}
.state-change-more-close{display:none}
.state-change-chevron{width:14px;height:14px;background:url(../../images/common/ic_arrow_down.svg) no-repeat center/contain;transition:transform .2s}
.state-change-body{display:none;margin:0 16px;padding:8px 0 12px;border-top:1px solid var(--state-change-border)}
.state-change-item{padding:6px 0 0;color:var(--text-primary);font-size:14px;cursor:pointer}
.state-change-toggle:checked~.state-change-body{display:block}
.state-change-toggle:checked~.state-change-head .state-change-more-open{display:none}
.state-change-toggle:checked~.state-change-head .state-change-more-close{display:inline}
.state-change-toggle:checked~.state-change-head .state-change-chevron{transform:rotate(180deg)}
}
@layer legacy{
.exchang-price{color:var(--qz-text-secondary);padding-right:11px}
.source-area.link-box{padding:10px 10px 8px 28px;background:var(--qz-bg-input-deep);border:1px solid var(--qz-border-subtle);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:12px;width:100%;max-width:100%;margin:8px auto 20px;color:var(--qz-text-primary)}
.source-area.link-box span{color:inherit}
.source-area.link-box a{color:inherit}
.source-area.link-box:before{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:9px;height:11px;content:"";background:url(../../../quasarzone/images/sub/source_icon.png) no-repeat}
.sponsor-label{display:inline-block;font-size:13px;padding:5px 8px 5px;background:var(--qz-bg-input-deep);margin-right:8px;border:1px solid var(--qz-border-subtle);color:var(--qz-text-secondary);line-height:1;max-width:84px;text-align:center;margin-bottom:8px}
.sponsor-logo-wrap{background:var(--qz-bg-input-deep);text-align:center;border:1px solid var(--qz-border-subtle);margin:10px 0}
.sponsor-logo-wrap .tit {background: var(--bg-app);font-size: 13px;color: var(--qz-text-secondary);padding: 12px 0 10px;letter-spacing: -.8px;}
.sponsor-logo-wrap .tit .text-orange{color:var(--qz-accent-warm)}
.sponsor-logo-wrap .tit .point-highlight{color:var(--qz-mint)}
.sponsor-logo-wrap .sponsor-logo-row-wrap{padding:6px 0;overflow:auto;font-size:0}
.sponsor-logo-wrap .sponsor-logo-row{white-space:nowrap}
.sponsor-logo-wrap .sponsor-logo-row .sponsor-logo{display:inline-block;vertical-align:text-top;width:142px;padding:6px 5px;box-sizing:content-box}
.sponsor-logo-wrap .sponsor-logo-row .sponsor-logo .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--qz-text-secondary);margin-top:6px}
#myProfile .ranking-wrap .ranking-area{height:calc(100% - 35px);overflow:hidden}
#myProfile .ranking-wrap .ranking-area .ranking-content{height:calc(100% - 96px);overflow:hidden;padding:29px 0;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:absolute}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;padding:0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table{margin:10px 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board:not(.week-ranking-wrap){height:100%;overflow:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month~.board{padding:0;margin-top:61px;height:calc(100% - 61px)}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap~.board{padding:0;margin-top:61px;height:calc(100% - 61px)}

}
@layer legacy{
#con-body .info-body .content .list-area .video-tit-menu .down-side a.naver-btn{vertical-align:middle}
.youtube-btn-wrap{vertical-align:middle;display:inline-block;margin-left:8px;font-size:0;line-height:0}
#con-body .info-body h2{font-size:inherit;font-weight:inherit;color:inherit}
.comment-style01.comment-sponsor{padding:0;border-top:1px solid var(--qz-border-subtle);padding-bottom:12px;border-bottom:1px solid var(--qz-border-subtle)}
.comment-style01.comment-sponsor .tit{padding:20px 12px 0;height:auto;background:var(--qz-bg-confine)}
.comment-style01.comment-sponsor .tab-area{padding:14px 12px;background:var(--qz-bg-confine)}
.comment-style01.comment-sponsor .comment .commnet-main+div:after{content:'';left:12px;width:calc(100% - 24px);top:0;height:1px;position:absolute;background:var(--qz-bg-secondary)}
.comment-style01.comment-sponsor .comment .commnet-main{padding:15px 12px;margin-bottom:0;border-top:none;position:relative}
.comment-style01.comment-sponsor .comment .commnet-main.premium{background:#2b2f34}
.comment-style01.comment-sponsor .comment .commnet-main.premium:before{display:none}
.comment-style01 .comment .commnet-main.premium{position:relative}
.comment-style01 .comment .commnet-main.premium:before{background:#2b2f34;width:calc(100% + 24px);content:'';position:absolute;left:-12px;height:100%;top:0;z-index:0}
.comment-style01 .comment .commnet-main .comment-user-image.premium{overflow:visible}
.comment-style01 .comment .commnet-main .comment-user-image.premium img{border-radius:999px;overflow:hidden}
.comment-style01 .comment .commnet-main .comment-user-image.premium:after{content:'';position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;background:url(../../images/sub/sponsor_reply_img_border.png) no-repeat 50% 50%;background-size:contain}
.comment-style01.comment-sponsor .reply-more-btn{background:var(--qz-bg-input-deep);text-align:center;padding:10px 0;display:block;width:100%}
.comment-style01.comment-sponsor .comment{display:none}
.comment-style01.comment-sponsor .reply-more-btn+.comment+.reply-more-btn{display:none}
.comment-style01.comment-sponsor .reply-more-btn.active+.comment{display:block}
.comment-style01.comment-sponsor .reply-more-btn.active+.comment+.reply-more-btn{display:block}
.comment-style01.comment-sponsor .reply-more-btn span{color:var(--qz-text-bright);position:relative;padding-left:17px;font-size:14px;font-weight:700}
.comment-style01.comment-sponsor .reply-more-btn span:before{position:absolute;top:50%;margin-top:-2px;left:0;width:9px;height:4px;content:"";background:url(../../images/sub/all_view_arrow.png) no-repeat}
.comment-style01.comment-sponsor .reply-more-btn.active span:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.comment_story.comment_content.more450{max-height:300px;overflow:hidden;position:relative}
.comment_story.comment_content.more450:after{content:'';position:absolute;left:0;width:100%;bottom:0;background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 0,var(--bg-app) 100%);height:70px}
.comment_story.comment_content.more450.active{max-height:100%}
.comment_story.comment_content.more450.active:after{display:none}
.commnet-main.premium .comment_story.comment_content.more450:after{background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#2b3034 100%)}
.premium-sponsor-slide-wrap{margin:30px 0 0}
.premium-sponsor-slide-wrap .tit{font-size:16px;color:var(--qz-text-bright);font-weight:700;margin-bottom:6px;padding:0 12px}
.premium-sponsor-slide-wrap .sponsor-slide{padding:0 36px;position:relative;overflow:hidden;background:var(--bg-app);text-align:center;color:var(--qz-text-primary);height:182px;overflow:hidden}

}
@layer legacy{
.premium-sponsor-slide-wrap .sponsor-slide [tabindex]{outline:0}
}
@layer legacy{
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn{position:absolute;top:0;height:100%;width:46px}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:focus{outline:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover{outline:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt{left:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt{right:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:after{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f001';color: var(--qz-text-tertiary);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s;font-size:30px}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover:after{color:var(--qz-accent-warm)}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt:after{content:'\f001'}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt:after{content:'\f002'}
.premium-sponsor-slide-wrap .sponsor-slide .box-wrap{display:block}
.premium-sponsor-slide-wrap .premium-sponsor-box{display:flex;justify-content:center;align-items:center;text-align:center;height:180px;width:100%;flex-direction:column}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .nickname{color:var(--qz-text-bright);margin:8px 0 12px}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap{overflow:visible;width:70px;height:70px;position:relative;color:#363636;margin:0 auto;margin-bottom:8px}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap img{border-radius:999px;overflow:hidden;width:100%;height:100%}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap:after{content:'';position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;background:url(../../images/sub/sponsor_reply_img_border.png) no-repeat 50% 50%;background-size:contain}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro{margin-bottom:12px}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro img{display:inline-block;margin-right:4px}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro .view-user-nick{color:var(--qz-text-bright);font-size:14px;font-weight:700}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap{display:flex;width:100%;justify-content:center;align-items:center}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a {flex: 1 1 0%;color: var(--qz-text-bright);font-size: 14px;font-weight: 700;background: var(--qz-bg-input-deep);margin: 4px 4px;padding: 8px 6px;display: flex;align-items: center;justify-content: center;white-space: nowrap;max-width: 200px;}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a img{display:inline-block;vertical-align:middle;margin-left:4px}
.compuzone-icon{background: url("../../quasarzone/images/common/compuzon_icon.svg") no-repeat 50% 50%;width: 14px;display: block;height: 14px;padding:0px 0;box-sizing: content-box}
.compuzone-editor-wrap{width:100%;background: var(--qz-bg-secondary);padding:24px;display: flex;margin: 0 auto}
.compuzone-editor-img{width: 100px;height: 68px;background-size:cover;margin-right: 15px;background: url() no-repeat 50% 50%;background-color: #000;display: block;background-size: cover}
.compuzone-editor-text{flex:1 1 0%;display: flex;flex-direction: column;overflow: hidden}
.compuzone-editor-title{font-size: 16px;flex: 1 1 0%;overflow: hidden;line-height: 1.4}

}
@layer legacy{
.compuzone-editor-title{color: var(--qz-text-tertiary)}
}
@layer legacy{
.compuzone-editor-link{font-size: 16px;text-align: center;line-height: 1;margin-top: 16px}

}
@layer legacy{
.compuzone-editor-link{color: var(--qz-accent-pure)}
}
@layer legacy{
#con-body .info-body .content .list-area .list-style02 ul li .bot {height: 20px;position: absolute;bottom: 1px;width: calc(100% - 10px);}
#frmSearch > div > div.banner-area.flexsliderwrapper {display: none;}

}
@layer legacy{
#writer-mine-comment {left: 0;top: 65px;width: 40px;height: 17px;line-height: 17px;position: absolute;text-align: center;font-size: 11px;font-weight: 700;color: var(--qz-text-heading);background-color: var(--qz-bg-input-deep);}
.comment-reply #writer-mine-comment {left: 50px;top: 55px;}

}


@layer legacy{
/* 정책 4화면은 .qz-sub 로 이관됐지만 이 두 규칙은 _mobile/contents/facebook-migration/index 가 아직 쓴다.
   그 화면이 컴포넌트화될 때 함께 제거한다(잔여 레거시). */
#con-body .info-body .content .intro-area .sub-ment{color:var(--qz-text-primary);font-size:14px;line-height:24px;padding:15px 0 50px}
#con-body .info-body .content .intro-area .sub-ment span{color:var(--qz-accent-warm);font-weight:700}
}

@layer legacy{
/* .intro-area.note-editor 는 정책 4화면 이관으로 제거됐고, 나머지 셀렉터는 AIO 본문이 쓴다 */
.note-editor .note-editing-area ul,.view-content .note-editor ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}
.note-editor .note-editing-area ul li,.view-content .note-editor ul li{list-style:inherit}
.note-editor .note-editing-area ol,.view-content .note-editor ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:40px}
.note-editor .note-editing-area ol li,.view-content .note-editor ol li{list-style:inherit}
}

/* ══════════════════════════════════════════════════════════════════════
   모바일 정책 4화면 공용 프레임 — 구 .page-sub-main / .content .intro-area 의 컴포넌트 판.
   클래스 어휘는 PC(css/sub.css)와 같고 값만 이 트리에서 정의한다(레포 관례 — .qz-att 등).
   모바일은 PC css/sub.css 를 로드하지 않으므로 이름이 겹쳐도 충돌하지 않는다.

   프레임에는 화면별 분기를 두지 않는다. 소제목·강조·목록·표는 특정 화면 전용이 아니라
   서브페이지 일반 패턴이므로 전부 여기 둔다. 화면 네임스페이스(.qz-intro__* 등)는
   그 화면에서만 성립하는 것에만 쓴다 — 현재는 소개 로고(dual-img) 하나뿐이다.

   --qz-* 는 css/tokens.css 에서 다크·라이트가 뒤집히므로 그대로 참조한다(모바일도 tokens.css 로드).
   로컬 토큰 페어는 양쪽 테마가 다른 슬롯을 쓸 때만 둔다.
   ══════════════════════════════════════════════════════════════════════ */
@layer component{
/* 패널이 본문 타이포를 소유한다 — 하위 요소는 상속으로 받고, 각자는 간격만 진다 */
.qz-sub{--sub-em:#ffe79c}
body.light-theme .qz-sub{--sub-em:#8a6000}
.qz-sub__head{position:relative;padding:16px 12px 12px 36px;border-bottom:2px solid var(--qz-bg-secondary);font-size:17px;font-weight:700;color:var(--qz-accent-warm)}
/* 아이콘은 화면마다 다르므로 src 를 마크업이 진다 — CSS 에는 배치 규칙 하나뿐 */
.qz-sub__icon{position:absolute;left:12px;top:50%;margin-top:-10px;width:20px;height:20px}
.qz-sub__panel{padding:30px 12px;font-size:14px;line-height:24px;color:var(--qz-text-primary)}
/* 클래스 없는 본문 문단이 연달아 올 때만 간격 — 클래스가 붙은 문단(__bar·__text·__sub …)은
   각자 여백을 지므로 제외한다. 이 조건 없이 p+p 로 두면 4화면 전부 간격이 늘어난다(실측 +450px). */
.qz-sub__panel p:not([class])+p:not([class]){margin-top:10px}
/* 강조 바 제목 — 왼쪽 3px 액센트 바 + 16px 볼드 */
.qz-sub__bar{position:relative;padding-left:16px;font-size:16px;font-weight:700;line-height:20px;letter-spacing:.5px;color:var(--qz-accent-warm)}
.qz-sub__bar::before{position:absolute;left:5px;top:2px;width:3px;height:14px;background:var(--qz-accent-warm);content:""}
/* 밑줄 제목 */
.qz-sub__title{width:fit-content;padding-bottom:5px;border-bottom:2px solid var(--qz-accent-warm);font-size:16px;font-weight:700;line-height:20px;letter-spacing:.5px;color:var(--qz-text-primary)}
/* 밑줄 제목 바로 뒤 첫 바 제목만 위 여백 — 구 이용약관 제1조 인라인 margin-top:20px 대체 */
.qz-sub__title+.qz-sub__bar{margin-top:20px}
/* 본문 문단 묶음 — 타이포는 패널에서 상속받고 아래 여백만 진다 */
.qz-sub__text{padding:15px 0 50px}
.qz-sub__text span{font-weight:700;color:var(--qz-accent-warm)}
/* 소제목 · 강조 라벨 · 인라인 강조 */
.qz-sub__sub{margin-top:16px;font-weight:700;color:var(--qz-text-primary)}
.qz-sub__mark{margin-top:16px;padding:2px 6px;border-radius:3px;font-weight:700;background:var(--qz-bg-input-deep);color:var(--qz-text-primary)}
.qz-sub__em{color:var(--sub-em)}
/* 목록 — 전역 리셋이 list-style:none 이라 여기서 명시적으로 되살린다 */
.qz-sub__list{margin-block:1em;padding-inline-start:40px;list-style:disc}
.qz-sub__ol{margin-block:1em;padding-inline-start:40px;list-style:decimal}
.qz-sub__list>li,.qz-sub__ol>li{list-style:inherit}
/* 절 목록 — li > dl > dt.qz-sub__bar + dd */
.qz-sub__sections>li{margin-top:30px}
.qz-sub__sections>li:first-child{margin-top:20px}
.qz-sub__sections>li dl dd{padding-top:15px}
/* 인용 박스 — 이메일 무단수집거부의 법조문 인용 */
.qz-sub__quote{margin-top:10px;padding:12px;border:1px solid var(--qz-border-input);background:var(--qz-bg-input-deep)}
/* 표 — 구 마크업은 부트스트랩 .table.table-bordered + 인라인 #ddd 사본에 기대고 있었다 */
.qz-sub__table{width:100%;margin-top:16px;border-collapse:collapse}
.qz-sub__table th,.qz-sub__table td{padding:8px;border:1px solid var(--qz-border-input);font-size:13px;line-height:20px;text-align:left;vertical-align:top}
.qz-sub__table th{background:var(--qz-bg-input-deep);font-weight:700}
/* ── 소개 — 이 화면에서만 성립하는 것 ── */
/* 구 블레이드 인라인 style 의 .intro-area{text-align:center} + img{width:300px} 를 옮겨왔다 */
.qz-intro__logo{--intro-logo-normal:block;--intro-logo-dark:none;padding-bottom:10px;text-align:center}
body.light-theme .qz-intro__logo{--intro-logo-normal:none;--intro-logo-dark:block}
.qz-intro__logo img{width:300px}
/* 헤더와 동일한 dual-img 규약: 다크는 normal, 라이트는 dark 한 장만 */
.qz-intro__logo .qz-logo-normal{display:var(--intro-logo-normal)}
.qz-intro__logo .qz-logo-dark{display:var(--intro-logo-dark)}
/* 관리자 박스 — PC 세그먼트와 동일 구조, 3버튼이 화면 폭을 균등 분할 */
.info-body .admin-util-box{text-align:center;margin-top:16px}
.info-body .admin-util-box ul{font-size:0;display:flex;width:100%;border:1px solid var(--border-divider);border-radius:8px;overflow:hidden;background-color:var(--bg-surface-band)}
.info-body .admin-util-box ul li{flex:1;display:flex;align-items:center}
.info-body .admin-util-box ul li+li{border-left:1px solid var(--border-divider)}
.info-body .admin-util-box ul li a{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:40px;padding:0 8px;background-color:var(--bg-surface-band);transition:background-color .15s}
.info-body .admin-util-box ul li a.active_on{background-color:var(--brand-orange-80)}
.info-body .admin-util-box ul li a.active_on span{color:var(--text-on-primary)}
.info-body .admin-util-box ul li a span{display:inline-flex;align-items:center;gap:4px;line-height:1;font-size:12px;font-weight:500;color:var(--text-primary)}
.info-body .admin-util-box ul li a span:before{content:"";display:inline-block;flex:none;width:14px;height:14px;background-color:currentColor;-webkit-mask:var(--admin-ic) no-repeat center/contain;mask:var(--admin-ic) no-repeat center/contain}
.info-body .admin-util-box ul li a.admin-bt1 span{--admin-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.info-body .admin-util-box ul li a.admin-bt3 span{--admin-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E")}
.info-body .admin-util-box ul li a.admin-bt4 span{--admin-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E")}
}