@charset "utf-8";

textarea{resize: none;}
textarea:focus {border:none; outline:none;}
.hide {display:none !important;}
.pop_hide{display: none !important;}

.comment_form .comment_textarea:focus::-webkit-input-placeholder{color:#999 !important;}

/* .show{display:block !important;} */
.overflow_hidden{overflow: hidden;}
.visually_hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}

.btn{display:flex;align-items:center; justify-content: center; width:auto;padding:3px 14px;border-radius:50px;border:1px solid transparent;background-color:transparent;background-repeat: no-repeat;color:#111;font-size:13px;letter-spacing: -0.5px; font-weight: 700; line-height:20px;text-align:center;white-space:nowrap;}
.btn_black{ border: 1px solid #111; background-color: #111; color: #fff;}
.btn_outline_black{ border: 1px solid #111 !important; }
.btn.btn_square{padding: 10px 16px;border-radius: 0;}
.comment .btn_outline_gray{border: 1px solid rgba(0, 0, 0, .1); color: #999; font-weight:400;}
.btn_full{margin-top: 30px; width: 100%;padding: 11px 15px 13px;border-radius: 0;background-color: #f4f5fa;font-size: 14px;font-weight: 700;color: #333;justify-content: center;}
.btn_full .ico_more { width: 7px; height: 11px; margin-left:4px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11'%3E%3Cpath d='M1 11l5-5-5-5' stroke='%23000' fill='none' fill-rule='evenodd' opacity='.9'/%3E%3C/svg%3E"); }

[class*="ico_"]{display: inline-block;font-style: normal;background-position: 50% 50%;background-repeat: no-repeat;background-size: 100% auto;}
.ico_more{width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 14V0h14v14z'/%3E%3Cpath fill='%231D1D1D' d='M4.9 11.868l-.495-.495L8.778 7 4.404 2.627l.495-.495 4.868 4.867-4.868 4.868z'/%3E%3C/g%3E%3C/svg%3E");}
.ico_more_option{width:3px;height:17px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='17'%3E%3Cpath d='M1.5 14a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 011.5 14zm0-7a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 011.5 7zm0-7a1.5 1.5 0 11-.001 3.001A1.5 1.5 0 011.5 0z' fill='%23CCC' fill-rule='evenodd'/%3E%3C/svg%3E");}
.ico_like{width:22px;height:22px;background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h22v22H0z'/%3E%3Cpath d='M19 2v.25l-.8.75h-3.072A9 9 0 1111 2h8zm-8 1a8 8 0 100 16 8 8 0 000-16zm-5 8a5 5 0 0010 0h1a6 6 0 11-12 0h1zm2-4a1 1 0 110 2 1 1 0 010-2zm6 0a1 1 0 110 2 1 1 0 010-2z' fill='%23999' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");}
.active .ico_like {background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h22v22H0z'/%3E%3Cpath d='M19 2v.25l-.8.75h-3.072A9 9 0 1111 2h8zm-8 1a8 8 0 100 16 8 8 0 000-16zm-5 8a5 5 0 0010 0h1a6 6 0 11-12 0h1zm2-4a1 1 0 110 2 1 1 0 010-2zm6 0a1 1 0 110 2 1 1 0 010-2z' fill='%231D1D1D' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");}
.ico_dislike{width:22px;height:22px;background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h22v22H0z'/%3E%3Cpath d='M19 2v.25l-.8.75h-3.072A9 9 0 1111 2h8zm-8 1a8 8 0 100 16 8 8 0 000-16zm0 7.5a6.003 6.003 0 015.81 4.5h-1.039a5.002 5.002 0 00-9.542 0h-1.04A6.003 6.003 0 0111 10.5zM8 7a1 1 0 110 2 1 1 0 010-2zm6 0a1 1 0 110 2 1 1 0 010-2z' fill='%23999' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");}
.active .ico_dislike {background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h22v22H0z'/%3E%3Cpath d='M19 2v.25l-.8.75h-3.072A9 9 0 1111 2h8zm-8 1a8 8 0 100 16 8 8 0 000-16zm0 7.5a6.003 6.003 0 015.81 4.5h-1.039a5.002 5.002 0 00-9.542 0h-1.04A6.003 6.003 0 0111 10.5zM8 7a1 1 0 110 2 1 1 0 010-2zm6 0a1 1 0 110 2 1 1 0 010-2z' fill='%231D1D1D' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");}
.ico_bang{width:22px;height:22px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23979797' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M8 0c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zm0 .96C4.112.96.96 4.112.96 8S4.112 15.04 8 15.04s7.04-3.152 7.04-7.04S11.888.96 8 .96z' transform='translate(-1099.000000, -514.000000) translate(1099.000000, 514.000000) translate(2.000000, 2.000000)'/%3E%3Cpath d='M8.592 9.418l.153-4.887h-1.43l.202 4.887h1.075zm.105 2.083v-1.22H7.411v1.22h1.286z' transform='translate(-1099.000000, -514.000000) translate(1099.000000, 514.000000) translate(2.000000, 2.000000)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.ico_comment{width: 26px;height: 26px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h26v26H0z'/%3E%3Cpath fill='%231D1D1D' d='M3.25 23.183l-.867.867H1.95V4.806c0-.555.468-.906.906-.906h20.288c.534 0 .906.37.906.906V19.76c0 .471-.378.932-.906.932H5.85v-1.279h16.9V5.2H3.25v17.983z'/%3E%3Ccircle cx='8.667' cy='12.242' r='1.3' fill='%231D1D1D'/%3E%3Ccircle cx='13' cy='12.242' r='1.3' fill='%231D1D1D'/%3E%3Ccircle cx='17.333' cy='12.242' r='1.3' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}
.ico_comment.desabled{width: 30px;height:30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h30v30H0z'/%3E%3Cpath fill='%23999' d='M3.75 26.75l-1 1h-.5V5.546c0-.64.54-1.046 1.046-1.046h23.408c.617 0 1.046.428 1.046 1.046V22.8c0 .544-.436 1.075-1.046 1.075H6.75v-1.476l19.5.001V6H3.75v20.75z'/%3E%3Ccircle cx='10' cy='14.125' r='1.5' fill='%23999'/%3E%3Ccircle cx='15' cy='14.125' r='1.5' fill='%23999'/%3E%3Ccircle cx='20' cy='14.125' r='1.5' fill='%23999'/%3E%3C/g%3E%3C/svg%3E");}
.ico_refresh{width:22px;height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cg fill='%231D1D1D' fill-rule='evenodd'%3E%3Cpath fill-rule='nonzero' d='M11 2.2c4.488 0 8.19 3.36 8.732 7.7h-1.11A7.7 7.7 0 003.3 11a7.7 7.7 0 0015.322 1.1h1.11A8.8 8.8 0 1111 2.2z'/%3E%3Cpath d='M19.25 4.4h1.1v5.5h-1.1z'/%3E%3Cpath d='M20.35 8.8v1.1h-5.5V8.8z'/%3E%3C/g%3E%3C/svg%3E");}
.layer_comment .ico_close{width:24px;height:24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231D1D1D' d='M21.192 2.1l.707.707L12.706 12l9.193 9.193-.707.707-9.193-9.193L2.807 21.9l-.707-.707L11.292 12 2.1 2.807l.707-.707L12 11.292 21.192 2.1z'/%3E%3C/g%3E%3C/svg%3E");}
.layer_alert .ico_close{width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath d='M16.71751 2.6l.70711.7071-6.71724 6.7179 6.71724 6.71714-.7071.7071-6.71714-6.71724-6.7179 6.71724-.7071-.7071 6.718-6.71714-6.718-6.7179.7071-.7071 6.7179 6.718L16.7175 2.6z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}

.dropdown{display:inline-block;position:relative; padding-right: 4px;}
.dropdown .dropdown_toggle_btn{background:right center no-repeat;color:#111;font-size:14px;font-weight:700;}
.dropdown_toggle_btn{display:flex;align-items:center;position:relative;width:auto;color:#111;font-weight:700;line-height:normal;}
.dropdown .ico_arrow{ width: 14px; height: 14px; margin-left:4px;}
.dropdown:not(.type_up) .ico_arrow,
.dropdown.type_up.open .ico_arrow{background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h14v14H0z'/%3E%3Cpath d='M2.133 4.9l.495-.495L7 8.778l4.371-4.373.495.495L7 9.767 2.133 4.9z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}
.dropdown:not(.type_up).open .ico_arrow,
.dropdown.type_up .ico_arrow{background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 14h14V0H0z'/%3E%3Cpath d='M2.133 9.1l.495.495L7 5.222l4.371 4.373.495-.495L7 4.233 2.133 9.1z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}
.dropdown_menu{display:none;z-index:10;position:absolute;top:27px;left:0;width:auto;padding:15px 20px;border:1px solid rgba(0, 0, 0, 0.1);background-color:#fff; white-space: nowrap;}
.dropdown_menu.right{left:inherit;right:0;}
.dropdown.type_up .dropdown_menu{top:inherit;bottom:31px;}
.dropdown.open .dropdown_menu{display:block;}
.dropdown_menu .dropdown_item{display:block;margin-top:0;color:#111;font-size:13px;line-height:1.69;letter-spacing: -0.5px;}
.dropdown_menu .dropdown_item a {display:block;padding:5px 0;}
.dropdown_menu .dropdown_item .active{font-weight:700;}

.comment_recomm{ display: flex; align-items: center;}
.comment_recomm > button{ display: flex; justify-content: center; align-items: center;}
.comment_recomm > button.active > .count{ font-weight: 700; font-family: "Noto Sans KR"; color: #111;}
.comment_recomm [class^="ico_"]{ width: 22px; height: 22px; background-size: 100%;}
.comment_recomm > button .count{ margin-left: 5px; color: #666; font-size: 14px;}

*:not(.layer_comment) .comment_wrap .comment_list ~ .btn_full {margin-top:2px;}
.comment_wrap {overflow:hidden;}
.layer_comment .comment_wrap {overflow:inherit;}

/* 댓글 */

.comment{ position: relative; padding: 12px 0;}/* z-index: 1;  */
.report_comment::before{ content:''; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} 
.comment_state{ position: relative; display: flex; align-items: center; }
.comment_state .comment_count{ font-weight: 700; color: #111;}
.comment_state .btn_refresh{ width: 22px; height: 22px; margin-left: 6px;}
.comment_state .ico_refresh{ width: 100%; height: 100%;}
.comment_state .btn_write { display: none; position: absolute; }
.layer_comment.sticky .comment_state .btn_write { display: block; }
.comment_header{ position: relative;}
.comment_header .comment_userid{ color: #000; font-size: 15px; line-height: 23px; font-weight: 700; letter-spacing: -0.5px; }
.my_comment .comment_header .comment_userid{ color: #f6330a;}
.comment_header .comment_date{ margin-left: 12px; font-size: 13px; line-height: 21px; letter-spacing: -0.5px; color: #666;}
.comment_header .btn_report{ position: relative; margin-left: 21px; font-size: 13px; line-height: 22px; letter-spacing: -0.5px; color: #999;}
.comment_header .btn_report::before{ content: ''; position: absolute; left: -11px; top: 50%; transform: translateY(-50%); width: 1px; height: 11px; background-color: #999;}
.comment .more_option_area{ position: absolute; right: 0; top: 16px;}
.comment .more_option_area [class*='btn_outline'] {background:#fff;}
.comment .more_option_area .btn_toggle{ position: relative; right: -8px; width: 20px; height: 20px;}
.comment .more_option_area .btn_outline_gray{ display: none; position: absolute; right: 0; top: 30px;}
.comment .more_option_area.open .btn_outline_gray,.comment .more_option_area.open .layer_popup{ display: block;}
.comment .more_option_area .layer_popup{top:30px;right:0;z-index: 9;}
.comment .more_option_area .layer_popup .btn_outline_gray{position:static;width:100%;padding:8px 16px;border:none;border-bottom:1px solid rgba(0, 0, 0, .1);}
.comment .more_option_area .layer_popup .btn_outline_gray:last-child{border:none;}
.comment_body{ margin-top: 12px;}
.comment_body .comment_text{ font-size: 14px; line-height: 22px; color: #111;word-break: break-all;}
.comment_body .report_text{ display: flex; align-items: center; font-size: 14px; line-height: 22px; color: #666;}
.comment_body .report_text .ico_bang{ margin-right: 2px; width: 20px; height: 20px; }
.comment_footer{ margin-top: 10px;}
.comment_footer::after{ display: block; content: ''; clear: both;}
.comment_footer .btn_reply_cnt,
.comment_footer .btn_reply{ float: left; color: #666; font-size: 13px; line-height: 22px;}
.btn_reply + .btn_reply_cnt{ margin-left: 15px;}
.comment_footer .comment_recomm{ float: right;}
.comment_footer .comment_recomm > button:nth-child(2){ margin-left: 15px;}
.new_comment {display:none}


.comment_list li:nth-child(n+2){ border-top: 1px solid rgba(0, 0, 0, .1);}
.comment_list li:last-child .comment_form{margin-bottom:40px;}
.comment .ico_more_option{ width: 3px; height: 17px;}
.comment_area{ display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.comment_area .dropdown_toggle_btn{ height: 22px;}
.btn_new_reply{display: none; width: 100%; height: 52px; margin: 20px 0 18px; background-color: #fff6e2; font-size: 14px; font-weight: 700; color: #f6330a;}
.btn_mycomment{ display: flex; align-items: center; font-size: 13px; font-weight: 700; line-height: 22px; letter-spacing: -0.5px; color: #111;}
.btn_mycomment .ico_arrow_primary_right{ margin-left: 4px;}

/* 답글쓰기 */
.comment_form{ display: none; padding: 10px 20px; border: 1px solid #111;}
.comment_form.active{ display: block;}
.comment_form .comment_userid{ font-size: 14px; line-height: 20px; font-weight: bold; color: #111;}
.comment_form .comment_body{ margin-top: 10px;}
.comment_form .comment_byte{ float: left; font-size: 13px; line-height: 30px; letter-spacing: -0.5px; color: #666;}
.comment_form .btn { float: right;}

/* 답글 */
.reply_area{ display: none; border-top: 1px solid rgba(0, 0, 0, .1);}
.reply_area.active{ display: block;}
.reply_area li{ padding: 0 20px; background-color: #f4f5fa;}
.reply_area .comment:not(.new_comment)::before{ content:''; z-index: -1; position: absolute; top: 0; left: -20px; width: calc(100% + 40px); height: 100%;}
.reply_area .new_comment::before{ left: -20px; width: calc(100% + 40px);}

/* 댓글목록 없을때 */
.not_comment{ display: flex; flex-flow: column; align-items: center; font-size: 14px; text-align: center; color: #999;}
.not_comment .ico_comment{ width: 30px; height: 30px; margin-bottom: 6px;}

/* layer_comment 답글 */
.layer_comment { overflow-y: auto; z-index:311; position: fixed; top: 0; height: 100%; background-color: #fff; padding-bottom: 40px;}
.layer_comment.show { display:block !important; right: 0; transition: all 0.5s;  -webkit-overflow-scrolling: touch;}
.layer_comment.hide { display:block !important; right: -100%;transition: all 0.8s;}
.layer_comment .comment {overflow:inherit;}
.layer_comment .comment_header .comment_form { display: block; }
.layer_comment .comment_area {  border-bottom: 4px solid #111; }
.layer_comment .new_comment::before { content:''; z-index: -1; position: absolute; top: 0;  height: 100%; background-color: rgba(255, 246, 226, 0.5); }

.main_sm_text_area strong { color: #111; font-size: 24px; line-height:34px;}
.main_sm_text_area span { display:block; margin-top:6px; font-size:15px; line-height:21px;}
.main_sm_text_area .btn_full { margin-top: 20px; }

.txt_outline{display:none; border: 1px solid rgba(0, 0, 0, .1);}
.txt_outline div{display: block;  line-height: 20px; font-size: 14px; color: #666; cursor: pointer;}
.layer_comment .comment_header .txt_outline { display: block; }

/* 댓글 제한 */
.comment_disabled {margin-top:30px;background:#f4f5fa;padding:30px 36px;}
.comment_disabled p {font-size:15px;line-height:24px;color:#666;}

/* 댓글레이어 */
.layer_comment > .comment_body { margin-top:0; padding-top:30px !important;}
.layer_comment .btn_close { z-index: 101; display:none }
.layer_comment.show .btn_close{display:block}
.layer_comment.hide .btn_close{ display:none }
.layer_comment.sticky > .comment_header .comment_state { position: fixed; top: 0; z-index: 11; padding-top:30px; background: #fff; border-bottom: 1px solid #d8d8d8;}
.layer_comment.sticky > .comment_header .txt_outline{ display: none; }
.layer_comment.sticky .comment_body + .btn_close { position: fixed;}

.sticky_menu .layer_share {border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px;}
.sticky_menu .layer_fontsize { border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px;}

/* 로딩 */
.skeleton { position: relative; overflow: hidden; display:inline-block; height:19px; background-color:#f4f5fa; }
.skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0)
    );
    animation: shimmer 2s infinite;
    content: '';
}
.comment .comment_header .skeleton {width:174px;}
.comment .comment_body .skeleton {display:block; width:282px; margin-top:4px;}
.comment .comment_body .skeleton:nth-child(1) {width:360px; margin-top:15px;}
.comment .comment_footer > .skeleton {width:50px;}
.comment .comment_footer .comment_recomm .skeleton {width:50px;}
.comment .comment_footer .comment_recomm .skeleton + .skeleton {margin-left:11px; width:37px;}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

.spinner_wrap {padding-bottom:40px; border-top:1px solid rgba(0, 0, 0, .1);}
.spinner {position:relative; height:36px;}
.spinner svg {width: 36px; position:absolute; top:0; left:50%; margin-left:-18px;}
.spinner .line {transform-origin: center; animation: rotate 2s linear infinite; z-index:5;}
.spinner circle {width:36px; height:36px; fill: none; stroke-width: 3; stroke-linecap: round;}
.spinner .line circle {stroke: #333; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite; z-index:10;}
.spinner .bg circle {stroke: #e2e2e2;}


@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
  

    /* 팝업 */
    .layer_popup{position:absolute; z-index:200; background-color:#fff; border: solid 1px rgba(0, 0, 0, 0.1);}
    .full_popup { position:fixed; z-index:400; top: 0; right: 0; bottom: 0; left: 0;}
    .full_popup:not(.bg_white):not(.bg_black) { background: rgba(0,0,0,.4); }
    .full_popup .layer_alert {top:50%; left:50%; transform: translate(-50%, -50%); width:320px; min-height:170px; padding:40px 20px 30px; border:none; outline: 1px solid rgba(0, 0, 0, .1);}
    .layer_alert .layer_body {min-height:44px; font-size:14px; line-height:22px; text-align:center;}
    .layer_alert .layer_footer {display:flex; align-items:center; justify-content:center; margin-top:20px;}
    .layer_alert .layer_footer [class*='btn'] {padding: 0px 20px;font-size:14px;line-height: 34px;}
    .layer_alert .layer_footer [class*='btn'] + [class*='btn'] {margin-left:10px;}
    .layer_alert .btn_close {position: absolute; top:10px; right:10px;}

    .comment_popup .layer_alert {min-height: 148px !important;}
    .comment_popup .layer_alert .layer_body {min-height: 22px;}


/* 더중플 댓글 */
.comment_recomm_plus {margin-top: 40px; padding-top: 20px;border-top: 4px solid #111;}
/* .article_footer .comment_recomm_plus + .comment_wrap {margin-top: 8px;border-top: none;} */
.article_footer .comment_recomm_plus + .comment_wrap {margin-top: 0;border-top: none;}
.comment_recomm_plus + .comment_wrap .comment_list {border-top: 1px solid rgba(0, 0, 0, .1);}
.comment_recomm_plus + .comment_wrap .comment_list.bdr_none {margin-top: 8px;}

/* 추천 키워드 통계 */
.comment_keyword {position: relative;padding-left: 20px;padding-right: 20px;background: #f9fafc;}
.comment_keyword .title_wrap,
.comment_keyword .comment_chart,
.comment_recomm_plus .comment_inbox .title_wrap,
.comment_inbox ul {margin-left: auto;margin-right: auto;}
.comment_keyword .title {display: inline;color: #000;font-size: 16px;line-height: 24px;}
.comment_keyword .total {color: #666;font-size: 13px;line-height: 21px;}
.comment_keyword .comment_chart {display: flex;padding-left: 10px;padding-right: 10px;}

/* 추천 키워드 통계 - 차트 */
.comment_chart li,
.comment_series {display: flex;}
.comment_chart li {align-items: center;}
.comment_keyword .comment_chart li {flex-direction: column-reverse;flex-grow: 1;}
.comment_chart .label,
.comment_series .title {position: relative;color: #333;}
.comment_keyword .comment_chart .label {width: 100%;padding-top: 7px;text-align: center;}
.comment_chart .label::before,
.comment_series .title::before {content: '';position: absolute;}
.comment_keyword .comment_chart .label::before {top: 0;left: 0;right: 0;height: 1px;background: rgba(0, 0, 0, 0.3);}
.comment_keyword .comment_chart li:first-child .label::before {left: -10px;}
.comment_keyword .comment_chart li:last-child .label::before {right: -10px;}
.comment_chart .bar {display: block;position: relative;background: rgba(0, 0, 0, 0.1);}
.comment_keyword .comment_chart .bar {width: 12px;}
.comment_chart .point {display: block;position: absolute;bottom: 0;left: 0;width: 12px;height: 100%;background: #f6330a;}
.comment_chart .value {color: #f6330a;font-weight: 700;font-size: 13px;line-height: 21px;}
.comment_keyword .comment_chart .value {width: 100%;margin-bottom: 6px;text-align: center;}

/* 추천 키워드 등록 */
.comment_recomm_plus .comment_inbox {position: relative;margin-top: 2px;padding-top: 24px;padding-left: 20px;padding-right: 20px;background: #f9fafc;text-align: center;}
.comment_recomm_plus .comment_inbox .title_wrap {display: flex;justify-content: space-between;margin-bottom: 20px;}
.comment_inbox .title {color: #000;font-weight: 400;text-align: left;}
.comment_inbox ul {display: flex;justify-content: center;}
.comment_inbox li {position: relative;flex-grow: 1;}
.comment_inbox input {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
.comment_inbox label {display: block;border-radius: 6px;border: 1px solid rgba(0, 0, 0, 0.1);background: #fff;font-size: 0;text-align: center;}
.comment_inbox label i {width: 20px;height: 20px;font-size: 20px;background-image: contain;text-align: center;vertical-align: top;}
.ico_comment_emoji_1 {background-image: url('https://assets.joongang.co.kr/images/article/comment/ico_emoji_1.png');}
.ico_comment_emoji_2 {background-image: url('https://assets.joongang.co.kr/images/article/comment/ico_emoji_2.png');}
.ico_comment_emoji_3 {background-image: url('https://assets.joongang.co.kr/images/article/comment/ico_emoji_3.png');}
.ico_comment_emoji_4 {background-image: url('https://assets.joongang.co.kr/images/article/comment/ico_emoji_4.png');}
.ico_comment_emoji_5 {background-image: url('https://assets.joongang.co.kr/images/article/comment/ico_emoji_6.png');}
.comment_inbox label .label {color: #000000;font-weight: 400;line-height: 20px;text-align: center;vertical-align: top;}
.comment_inbox input:checked + label {border: 1px solid #000000;}
.comment_inbox input:checked + label .label {font-weight: 700;}
.comment_inbox input:disabled + label {opacity: 0.4;}

/* 구독 유도 문구 */
.comment_paywall {display: inline-flex;align-items: center;color: #f6330a;font-size: 14px;font-weight: 700;line-height: 22px;}
.comment_paywall::after {content: '';display: block;width: 7px;height: 13px;margin-left: 6px;background-image: url("data:image/svg+xml,%0A%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.9' d='M1 12L6 6.93621L1 2' stroke='%23F6330A'/%3E%3C/svg%3E%0A");}
.comment_paywall_login {margin-top: 16px;color: #111;font-size: 13px;line-height: 21px;text-align: center;}
/* .comment_recomm_plus .comment_paywall_login {margin-bottom: -8px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);} */
.comment_paywall_login a {color: #f74b26;font-weight: 700;text-decoration: underline;}

/* 댓글 화면 */
.comment_guide {padding:16px 20px;border-radius: 2px;border: 1px solid rgba(0, 0, 0, 0.1);background: #fff;}
.comment_guide p {color: #666;font-size: 14px;line-height: 22px;}
.comment_guide .comment_paywall {display: inline-flex;align-items: center;margin-top: 8px;}
.layer_comment .comment_inbox {margin-top: 20px;padding-top: 20px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.layer_comment .comment_inbox .title {display: block;margin-bottom: 12px;}
.layer_comment .comment_inbox ul {margin-bottom: 16px;}
.comment_list .comment_guide {position: relative;margin-bottom: -1px;}
.comment_list .comment_guide p,
.comment_list .comment_guide a {font-size: 13px;line-height: 21px;}
.comment_list .comment_paywall {margin-top: 6px;}
.comment_list .comment_paywall::after {display: none;}
.comment_list .comment_paywall + a {display: inline-block;position: relative;margin-left:10px;padding-left:11px;color: #333;font-weight: 700;}
.comment_list .comment_paywall + a::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px;height: 12px;margin-top: -5px; background: rgba(0, 0, 0, 0.2);}

/* 사용자 댓글 이력 */
.comment_userinfo {background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 20px;position: fixed;top: 0;z-index: 11;text-align: center;}
.comment_userinfo::before {content: '';position: absolute;z-index: -1;top: 0;bottom: 0;background: #fff;}
.comment_userinfo .id {display: inline-block;color: #111;vertical-align: middle;}
.comment_userinfo .ellip {display: inline-block;width: auto;white-space: nowrap;vertical-align: top;}
.badge_plus_user {padding-top: 4px;padding-bottom: 4px;background: #f6330a;border-radius: 20px;color: #fff;line-height: 20px;vertical-align: middle;}

/* 사용자 댓글 이력 - 활동 현황 */
.comment_currentstats {display: flex;padding-top: 20px;padding-bottom: 20px;}
.comment_header .comment_currentstats:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.comment_currentstats li {flex-grow: 1;flex-basis: 33.3%;position: relative;text-align: center;}
.comment_currentstats li:not(:first-child):before {content: '';position: absolute;top: 5px;left: 0;bottom: 5px;width: 1px;background: rgba(0, 0, 0, 0.1);}
.comment_currentstats .label {display: block;color: #666;}
.comment_currentstats .value {display: block;margin-top: 8px;color: #000;font-family: Arial;}

/* 사용자 댓글 이력 - 활동 차트 */
.comment_lateststats {background: #f9fafc;}
.comment_lateststats .title_wrap {display: flex;justify-content: center;align-items: center;padding-top: 24px;padding-bottom: 20px;}
.comment_lateststats .title_wrap .title {color: #000;font-size: 16px;line-height: 24px;}
.comment_lateststats .title_wrap > button {margin-left: 5px;}
.comment_lateststats .layer_info {z-index: 10;top: 48px;left: 50%;width: 280px;padding: 20px;transform: translateX(-50%);}
.comment_lateststats .layer_info .btn_close {top: 10px;right: 10px;}
.comment_lateststats .layer_info .ico_close {width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath d='M16.71751 2.6l.70711.7071-6.71724 6.7179 6.71724 6.71714-.7071.7071-6.71714-6.71724-6.7179 6.71724-.7071-.7071 6.718-6.71714-6.718-6.7179.7071-.7071 6.7179 6.718L16.7175 2.6z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}
.comment_lateststats .comment_chart .label,
.comment_series .title {flex-shrink: 0;width: 80px;color: #333;}
.comment_lateststats .comment_chart .label {padding-top: 6px;padding-bottom: 6px;}
.comment_lateststats .comment_chart .label::before,
.comment_series .title::before {right: 0;width: 1px;background: #ddd;}
.comment_lateststats .comment_chart .label::before {top: 0;bottom: 0;}
.comment_lateststats .comment_chart .bar {width: 100%;height: 12px;}
.comment_lateststats .comment_chart li:nth-child(1) .point {background-color: #6bbef8;}
.comment_lateststats .comment_chart li:nth-child(2) .point {background-color: #ff6c6d;}
.comment_lateststats .comment_chart .value {flex-shrink: 0;width: 34px;margin-left: 10px;}
.comment_lateststats .comment_chart li:nth-child(1) .value {color: #0077b3;}

/* 사용자 댓글 이력 - 활동 분야 */
.comment_series {align-items: flex-start;margin-top: 20px;}
.comment_series .title {line-height: 22px;}
.comment_series .title::before {top: 1px;bottom: 1px;}
.comment_series ol {display: flex;flex-wrap: wrap;padding-left: 16px;}
.comment_series li {color: #111;font-size: 13px;font-weight: 700;line-height: 22px;}
.comment_series li:not(:last-child)::after {content: '';display: inline-block;width: 3px;height: 3px;margin-left: 8px;margin-right: 8px;background: #333;border-radius: 100%;vertical-align: middle;}

/* 출처 기사 타이틀 */
.comment_source {margin-top: 12px;margin-bottom: 10px;color: #111;font-size: 14px;line-height: 22px;}
.comment_source .label {display: inline-block;margin-right: 4px;}
.comment_source a {color: #666;}

/* 답글 표시 */
.badge_reply {display: inline-block;margin-right: 6px;padding: 0 4px;background: #f4f5fa;font-weight: 400;font-size: 12px;line-height: 20px;}

/* 댓글 작성 이력 없을 경우 안내 가이드 */
.comment_none {display: flex;flex-flow: column;align-items: center;font-size: 14px;text-align: center;color: #333;line-height: 22px;}
.comment_none .ico_comment_none {width: 40px;height: 40px;margin-bottom: 16px;background-image: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40 3C40 2.44772 39.5523 2 39 2H1C0.447715 2 0 2.44772 0 3V39H0.843131L8.983 31H39C39.5523 31 40 30.5523 40 30V3ZM2 4H38V29H8.16471L2 35.059V4Z' fill='%231D1D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 16.5C15 17.6046 14.1046 18.5 13 18.5C11.8954 18.5 11 17.6046 11 16.5C11 15.3954 11.8954 14.5 13 14.5C14.1046 14.5 15 15.3954 15 16.5ZM22 16.5C22 17.6046 21.1046 18.5 20 18.5C18.8954 18.5 18 17.6046 18 16.5C18 15.3954 18.8954 14.5 20 14.5C21.1046 14.5 22 15.3954 22 16.5ZM27 18.5C28.1046 18.5 29 17.6046 29 16.5C29 15.3954 28.1046 14.5 27 14.5C25.8954 14.5 25 15.3954 25 16.5C25 17.6046 25.8954 18.5 27 18.5Z' fill='%23F6330A'/%3E%3C/svg%3E%0A");}
.layer_comment .btn_prev {display: none;position: absolute;left: 0;}
.layer_comment .btn_prev > .ico_prev {width: 24px;height: 24px;background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.70711 10.8787L10.5858 2L12 3.41421L3.12132 12.2929L11.9142 21.0858L10.5 22.5L0.28125 12.2812L1.69546 10.867L1.70711 10.8787Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");}
.layer_comment .ico_close {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0011 10.292L1.80874 1.09961L0.394531 2.51382L9.58692 11.7062L1.10164 20.1915L2.51585 21.6057L11.0011 13.1204L19.4864 21.6057L20.9006 20.1915L12.4153 11.7062L21.6077 2.51382L20.1935 1.09961L11.0011 10.292Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");}

/* 댓글 프로필 - 운영 */
.comment_header .comment_userid {position: relative;}

/* 댓글/답글 목록 */
.btn_user_comment::before {content: '';display: block;width: 10px;height: 10px;background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8335 9L6.8335 4.95251L2.8335 0.999999' stroke='%231D1D1D'/%3E%3C/svg%3E%0A");transform: translateY(-1px);}
.my_comment .btn_user_comment::before {background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8335 9L6.8335 4.95251L2.8335 0.999999' stroke='%23f6330a'/%3E%3C/svg%3E%0A");}
.btn_user_comment::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.tit_mycomment {display: flex;align-items: center;font-size: 14px;font-weight: 700;line-height: 22px;letter-spacing: -0.5px;color: #111;}

.layer_comment.user > .comment_body {padding-top: 0 !important;}
.layer_comment.user .comment_area {padding-top: 30px;}
.layer_comment.user .comment_none {border-top: 4px solid #111;}

.my_comment .comment_userid {
  overflow: hidden;
  display: inline-flex;
  flex-shrink: 1 !important;
  padding-right: 16px;
}
.my_comment .comment_userid .ellip {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.my_comment .btn_user_comment::before {
  margin-left: 3px;
  transform: translateY(1px);
}

/* Mobile devices (mobile + tablet, 985px and down) */
@media (max-width: 985px){

    /* 댓글 */
    .txt_outline div{ padding: 13px 16px;}
    .comment_wrap .comment_state{ padding-top: 24px;}
    .comment_state .comment_count{ font-size: 16px; line-height: 24px;}
    .comment_state .btn_refresh{ width: 20px; height: 20px; margin-left: 6px;}
    .comment_area{ padding-bottom: 10px;}
    .comment_state { margin-bottom: 10px; }
    .comment_state .btn_write {top: 18px;right: 54px;}
    .comment_form .comment_textarea{overflow-y:auto; width: 100%; height: 84px; border: 0; font-size: 16px; line-height: 20px; color: #111;}
    .layer_comment .new_comment::before { left: -20px; width: calc(100% + 40px); }
    .layer_comment .reply_area .new_comment::before { left: -40px; width: calc(100% + 80px); }
    
    /* 댓글레이어 */
    .layer_comment {right: -100%; width: 100%;padding-bottom:110px;}
    .layer_comment > .comment_header { padding: 54px 20px 0;}
    .layer_comment > .comment_body { padding: 0 20px; }
    .layer_comment.active { display: block; }
    .layer_comment .btn_close {position: absolute;right: 20px;top: 20px;}
    .layer_comment.sticky .comment_body + .btn_close { position: fixed; }
    .main_sm_text_area + .comment_state { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d8d8d8; }
    /* .layer_comment.sticky > .comment_header { width: 100%; left: 0; padding-top: 0; } */
    /*.layer_comment.sticky .main_sm_text_area { display: none; }*/
    .layer_comment.sticky .main_sm_text_area + .comment_state { left:0; width:100%; padding:20px; margin-top: 0; border-top: none; }
    .layer_comment.sticky > .comment_body { margin-top: 10px; }

    /* not_comment */
    .not_comment{ padding: 20px 0;}

    /* 로딩 */
    .spinner_wrap {padding-top:30px;}

    
    /* 더중플 댓글 */
    /* 추천 키워드 통계 */
    .comment_keyword {padding-top: 24px;padding-bottom: 24px;}
    .comment_keyword .title_wrap {display: flex;justify-content: space-between;margin-bottom: 20px;gap: 20px;}
    .comment_keyword .total {flex-shrink: 0;}

    /* 추천 키워드 통계 - 차트 */
    .comment_chart .label,
    .comment_series .title {font-size: 12px;}
    .comment_chart .label {line-height: 20px;}
    .comment_keyword .comment_chart .bar {height: 90px;}
    .comment_keyword .comment_chart,
    .comment_inbox ul {max-width: 280px;}

    /* 추천 키워드 등록 */
    .comment_inbox .title {font-size: 13px;line-height: 21px;}
    .comment_inbox ul {gap: 2px;margin-bottom: 6px;padding-left: 1px;padding-right: 1px;}
    .comment_inbox label {padding-top: 5px;padding-bottom: 5px;}
    .comment_inbox label i {display: block;margin-left: auto;margin-right: auto;}
    .comment_inbox label .label {font-size: 11px;}
    .comment_inbox label .label {display: block;margin-top: 2px;}
    .comment_recomm_plus .comment_inbox {padding-bottom: 24px;}
    .comment_recomm_plus .comment_inbox .title_wrap {align-items: flex-start;gap: 20px;}

    /* 구독 유도 문구 */
    .comment_recomm_plus .comment_paywall {margin-top: 16px;}
    /* .comment_recomm_plus .comment_paywall_login {padding-bottom: 20px;} */
    .comment_recomm_plus + .comment_wrap .comment_list:not(.bdr_none) {margin-top: 20px;}

    /* 댓글 화면 */
    .layer_comment .comment_paywall_login {margin-bottom: -6px;}

    /* 사용자 댓글 이력 */
    .comment_userinfo {border-top: none;margin-top: 0;padding-top: 20px;width: calc(100% - 40px);}
    .comment_userinfo::before {right: -20px;left: -20px;}
    .comment_userinfo .id {font-size: 16px;line-height: 24px;}
    .comment_userinfo .ellip {max-width: 112px;}
    .badge_plus_user {min-width: 76px;margin-left: 6px;padding-left: 6px;padding-right: 6px;font-size: 11px;}
    .comment_lateststats {padding-left: 20px;padding-right: 20px;padding-bottom: 24px;}

    /* 사용자 댓글 이력 - 활동 현황 */
    .comment_currentstats {margin-top: 15px;}
    .comment_header .comment_currentstats:last-child {margin-bottom: -6px;}
    .comment_currentstats .label {font-size: 13px;line-height: 21px;}
    .comment_currentstats .value {font-size: 22px;line-height: 25px;}

    /* 댓글 작성 이력 없을 경우 안내 가이드 */
    .comment_none {padding: 80px 0;}
    .layer_comment .btn_prev {top: 20px;}

    .layer_comment.user.sticky > .comment_body {margin-top: 0 !important;}
    .layer_comment.user .comment_none {margin-top: 5px;}

}

.comment_list .card{padding:14px 0 18px;}
.comment_list .card .logo{display:block;height:20px;margin-bottom:14px;font-size:15px;line-height:24px;letter-spacing:-0.4px;}
.comment_list .card .card_image{margin-right:12px;}
.comment_list .card .card_image img{width:104px;height:58px;}
.comment_list .card .headline{margin-bottom:0;font-size:14px;line-height:22px;}
.comment_list .card .headline a{display:inline;border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.comment_list .card .flex_area > .headline:first-child{margin-bottom:8px;margin-top:2px;}
.comment_list .card .flex_area{align-items:normal;}
.comment_list .card .flex_area > .card_image{margin-top:2px;}
.comment_list .card .flex_area > .headline:nth-child(2){margin-top:-3px;}
.comment_list .card .badge_plus,.comment_list .card .badge_free{transform:translateY(-1px);}

@media (min-width:986px) {

    /* 댓글 */
    .comment_wrap .comment_state{ padding-top: 26px;}
    .layer_comment.sticky .comment_state { width: 480px; }
    .comment_state .comment_count{ font-size: 20px; line-height: 30px;}
    .comment_area{ padding-bottom: 12px;}
    .comment_state { padding-bottom: 20px; }
    .comment_state .btn_write { top: 32px; right: 42px; }
    .comment_form .comment_textarea{overflow-y:auto; width: 100%; height: 66px; border: 0; font-size: 14px; line-height: 20px; color: #111;}

    /* 댓글레이어 */
    .layer_comment { right: -100%;  width: 560px; box-shadow: -5px 2px 7px rgba(0, 0, 0, 0.08); }
    .layer_comment .btn_close { position: absolute; right: 40px; top: 34px; }
    .layer_comment.active.sticky .btn_close { position: fixed; }
    .main_sm_text_area { display: none; }
    .layer_comment > .comment_header { padding: 30px 40px 0; }
    .layer_comment > .comment_body { padding: 0 40px; }

    .sticky_menu{border-radius: 36px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 28px 12px; z-index: 299;}
    .sticky_menu [class*="btn_"]:hover{opacity: 0.6;}
    .sticky_menu [class*="ico_"]{margin-bottom: 6px;}
    /*.sticky_menu .layer_fontsize::before,
    .sticky_menu .layer_share::before { content: ''; z-index: 1; position: absolute; left: -5px; top: 20px; transform: rotate(-45deg); width: 7px; height: 7px; border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; background-color: #fff; }*/
    .sticky_menu .reader_area span{font-size: 12px; line-height: 22px; color: #666;}
    .sticky_menu .cnt.bg_black{color: #fff;}
    .sticky_menu .btn_comment{padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .sticky_menu .btn_fontsize{padding-bottom: 15px;}
    .sticky_menu .reader_area{padding-bottom: 4px;  border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 20px;}
    .txt_outline div{ padding: 20px;}

    /* layer_comment 답글 */
    .layer_comment .new_comment::before { left: -40px; width: calc(100% + 80px); }
    .layer_comment .reply_area .new_comment::before { left: -60px; width: calc(100% + 120px); }
    
    /* 댓글 제한 */
    .comment_disabled {margin-top:20px;padding:20px 24px;}

    /* not_comment */
    .not_comment{ padding: 40px 0;}

    /* 로딩 */
    .spinner_wrap {padding-top:40px;}

    .comment_list .card{padding:13px 0 20px;}
    .comment_list .card .logo{margin-bottom:13px;}
    .comment_list .card .headline{line-height:22px;}
    .comment_list .card .card_image{margin-right:16px;}
    .comment_list .card .flex_area > .card_image{margin-top:5px;}
    .comment_list .card .flex_area > .headline:first-child{margin-top:8px;margin-bottom:11px;}
    .comment_list .card .flex_area > .headline:nth-child(2){margin-top:1px;}

    
    /* 더중플 댓글 */
    /* 추천 키워드 통계 */
    .comment_keyword {padding-top: 30px;padding-bottom: 24px;}
    .comment_keyword .title_wrap,
    .comment_keyword .comment_chart,
    .comment_recomm_plus .comment_inbox .title_wrap,
    .comment_inbox ul {max-width: 440px;}
    .comment_keyword .title_wrap {margin-bottom: 24px;text-align: center;}

    /* 추천 키워드 통계 - 차트 */
    .comment_chart .label,
    .comment_series .title {font-size: 13px;}
    .comment_chart .label {line-height: 21px;}
    .comment_keyword .comment_chart .bar {height: 100px;}

    /* 추천 키워드 등록 */
    .comment_inbox .title {font-size: 14px;line-height: 24px;}
    .comment_inbox ul {gap: 5px;margin-bottom: 10px;}
    .comment_inbox label {padding-top: 4px;padding-bottom: 4px;}
    .comment_inbox label i {display: inline-block;}
    .comment_inbox label .label {display: inline-block;width: 48px;font-size: 12px;}
    .comment_recomm_plus .comment_inbox {padding-bottom: 20px;}
    .comment_recomm_plus .comment_inbox .title_wrap {align-items: center;}

    /* 구독 유도 문구 */
    .comment_recomm_plus .comment_paywall {margin-top: 12px;}
    /* .comment_recomm_plus .comment_paywall_login {padding-bottom: 30px;} */
    .comment_recomm_plus + .comment_wrap .comment_list:not(.bdr_none) {margin-top: 30px;}

    /* 댓글 화면 */
    .layer_comment .comment_inbox {margin-left: -1px;margin-right: -1px;}
    .layer_comment .comment_paywall_login {margin-bottom: -10px;}

    /* 사용자 댓글 이력 */
    .comment_userinfo {width: 480px;padding-top: 30px;}
    .comment_userinfo::before {right: -40px;left: -40px;}
    .comment_userinfo .id {font-size: 20px;line-height: 30px;}
    .comment_userinfo .ellip {max-width: 141px;}
    .badge_plus_user {margin-left: 10px;padding-left: 12px;padding-right: 12px;}
    .comment_lateststats {padding-left: 30px;padding-right: 30px;padding-bottom: 30px;}

    /* 사용자 댓글 이력 - 활동 현황 */
    .comment_currentstats {margin-top: 50px;}
    .comment_currentstats .label {font-size: 14px;line-height: 24px;}
    .comment_currentstats .value {font-size: 24px;line-height: 28px;}

    /* 댓글 작성 이력 없을 경우 안내 가이드 */
    .comment_none {padding: 100px 0;}
    .layer_comment .btn_prev {top: 34px;}

    /* 댓글 레이어 스티키 영역 - 운영 */
    .layer_comment.sticky > .comment_header .comment_state::before {content: '';position: absolute;z-index: -1;top: 0;right: -40px;bottom: 0;left: -40px;background: #fff;}

    .layer_comment.user .comment_none {margin-top: -1px;}

}

/* pick */
.badge_pick {display:block;width:57px;height:22px;margin-bottom:6px;background-image:url("data:image/svg+xml,%0A%3Csvg width='57' height='22' viewBox='0 0 57 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='izfqlk2ira'%3E%3CfeColorMatrix in='SourceGraphic' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Crect fill='%23F6330A' width='57' height='22' rx='3'/%3E%3Cg filter='url(%23izfqlk2ira)'/%3E%3C/g%3E%3Cpath d='M24.993 14.855v-2.56h.969c1.748 0 3.274-.808 3.274-2.642 0-1.907-1.504-2.508-3.33-2.508H23v7.71h1.993zm.869-4.02h-.869V8.605h.813c.958 0 1.492.27 1.492 1.047 0 .756-.468 1.181-1.436 1.181zm6.78 4.02v-7.71H30.65v7.71h1.993zm5.412.145c1.08 0 2.005-.383 2.706-1.14l-1.047-1.16c-.39.393-.924.704-1.58.704-1.17 0-1.927-.891-1.927-2.425 0-1.502.88-2.394 1.949-2.394.59 0 1.024.25 1.436.602l1.047-1.182A3.656 3.656 0 0 0 38.12 7c-2.104 0-3.953 1.472-3.953 4.041 0 2.612 1.782 3.959 3.886 3.959zm5.913-.145v-2.02l.902-1.14 1.949 3.16H49l-2.973-4.622 2.505-3.088H46.35L44 10.192h-.033V7.145h-1.993v7.71h1.993z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cg transform='rotate(40 .167 21.83)' fill='%23FFF'%3E%3Cpath d='M2.835 8c-.743-.002-1.487-.001-2.231-.001-.485 0-.64-.16-.597-.63.094-1.02.557-1.85 1.398-2.473a.308.308 0 0 0 .143-.284c-.005-.863 0-1.725-.007-2.588 0-.1-.038-.211-.094-.295A2.311 2.311 0 0 1 1.038.414c.002-.251.15-.41.411-.41 1.37-.005 2.74-.005 4.11 0 .253 0 .406.164.406.417.001.464-.142.886-.393 1.28a.667.667 0 0 0-.108.332c-.01.862-.003 1.725-.007 2.588-.001.118.03.194.132.269.896.662 1.344 1.554 1.41 2.635.017.293-.159.468-.49.472-.584.006-1.168.002-1.752.002H2.835z'/%3E%3Crect x='3' y='7' width='1' height='4' rx='.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

.pick_info {margin-right:10px;margin-left:auto;align-self:center;}
.pick_info .btn_info {display:flex;align-items:center;font-size:11px;font-weight:900;line-height:17px;letter-spacing:0;color:#666;}
.pick_info .ico_info {width:16px;height:16px;margin-left:2px;background-image:url("data:image/svg+xml,%0A%3Csvg id='group-3' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='사각형_2' data-name='사각형 2' width='16' height='16' rx='8' fill='%23cdcdcd'/%3E%3Cpath id='패스_7' data-name='패스 7' d='M8.98,9.535V9.309a.965.965,0,0,1,.083-.416,1.013,1.013,0,0,1,.29-.341,4.655,4.655,0,0,1,.583-.382,2.561,2.561,0,0,0,.894-.776,1.777,1.777,0,0,0,.277-1V6.382a1.98,1.98,0,0,0-.35-1.168,2.23,2.23,0,0,0-.982-.768,3.772,3.772,0,0,0-1.493-.272,3.722,3.722,0,0,0-1.536.29,2.25,2.25,0,0,0-.994.83A2.3,2.3,0,0,0,5.4,6.57v.01L7.4,6.575h.01a.8.8,0,0,1,.094-.39.675.675,0,0,1,.258-.262.737.737,0,0,1,.373-.094.86.86,0,0,1,.374.077.638.638,0,0,1,.257.213.53.53,0,0,1,.094.311v.01a.863.863,0,0,1-.075.374.925.925,0,0,1-.279.317,5.387,5.387,0,0,1-.585.379,2.178,2.178,0,0,0-.583.467,1.273,1.273,0,0,0-.277.594,2.7,2.7,0,0,0,0,.835l.016.129Zm-.913,2.68a1.325,1.325,0,0,0,.894-.271.969.969,0,0,0,.314-.777.974.974,0,0,0-.314-.781,1.332,1.332,0,0,0-.894-.271,1.332,1.332,0,0,0-.892.271.971.971,0,0,0-.317.781.968.968,0,0,0,.317.777,1.337,1.337,0,0,0,.892.27Z' fill='%23fff'/%3E%3C/svg%3E%0A");}
.layer_pick {z-index:10;top:24px;right:0;width:320px;padding:14px 20px 20px;}
.layer_pick p {font-size:14px;}
.layer_pick p.title {font-weight:bold;line-height:20px;color:#333;}
.layer_pick p.desc {margin-top:10px;line-height:22px;color:#666;}
.layer_pick .btn_close {top:10px;right:10px;}
.layer_pick .ico_close {width:20px;height:20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath d='M16.71751 2.6l.70711.7071-6.71724 6.7179 6.71724 6.71714-.7071.7071-6.71714-6.71724-6.7179 6.71724-.7071-.7071 6.718-6.71714-6.718-6.7179.7071-.7071 6.7179 6.718L16.7175 2.6z' fill='%231D1D1D'/%3E%3C/g%3E%3C/svg%3E");}
.comment .badge_pick + .comment_header.flex + .comment_body + .comment_footer .more_option_area {top:38px;}
.comment .comment_header.flex {display:flex;}
.comment .comment_header.flex .comment_userid {margin-right:auto;order:1;}
.comment .comment_header.flex .comment_date {margin-left:0;margin-right:15px;order:3;}
.comment .comment_header.flex .btn_report {margin-left:0;margin-right:21px;order:2;}
.comment .comment_header.flex .btn_report::before {left:auto;right:-11px;}
.comment .comment_header.flex + .comment_body {margin-top:6px;}
.comment .comment_header.flex + .comment_body + .comment_footer .more_option_area,
.comment .badge_pick.hide + .comment_header.flex + .comment_body + .comment_footer .more_option_area {top:12px;}

.ico_level_bronze {width:22px;height:22px;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.6' height='21.6' viewBox='0 0 21.6 21.6'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.03' y1='0.571' x2='0' y2='0.402' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23cba283'/%3E%3Cstop offset='1' stop-color='%23a77d6f'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='0.074' y1='0.241' x2='0.882' y2='0.805' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23d6ad8e'/%3E%3Cstop offset='1' stop-color='%23a77d6f'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-3' x1='0.5' y1='0.276' x2='0.5' y2='0.914' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23faefe5'/%3E%3Cstop offset='1' stop-color='%23ddbea3'/%3E%3C/linearGradient%3E%3Cfilter id='패스_6' x='5.754' y='5.14' width='10.884' height='12.16' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='0.5' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='0.5' result='blur'/%3E%3CfeFlood flood-color='%23654838' flood-opacity='0.302'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='group-6' transform='translate(0.8 0.8)'%3E%3Ccircle id='타원_3' data-name='타원 3' cx='10.4' cy='10.4' r='10.4' transform='translate(-0.4 -0.4)' stroke='%239e7965' stroke-width='0.8' fill='url(%23linear-gradient)'/%3E%3Ccircle id='타원_4' data-name='타원 4' cx='9' cy='9' r='9' transform='translate(1 1)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='그룹_2' data-name='그룹 2'%3E%3Cpath id='패스_4' data-name='패스 4' d='M6.454,5.34V14.5h4.653a4.084,4.084,0,0,0,1.707-.33,2.623,2.623,0,0,0,1.124-.93,2.468,2.468,0,0,0,.4-1.4v-.012a1.983,1.983,0,0,0-.292-1.05A2.28,2.28,0,0,0,13.265,10a2.14,2.14,0,0,0-1.08-.308V9.568a1.96,1.96,0,0,0,.892-.337,2.025,2.025,0,0,0,.62-.688,1.86,1.86,0,0,0,.228-.911V7.619A2.106,2.106,0,0,0,13.573,6.4a2.228,2.228,0,0,0-1.013-.784,4.184,4.184,0,0,0-1.6-.273h-4.5ZM9.145,7.182h1.08a1.185,1.185,0,0,1,.8.244.828.828,0,0,1,.286.663V8.1a.812.812,0,0,1-.3.657,1.236,1.236,0,0,1-.816.25H9.145Zm0,3.37h1.168a1.787,1.787,0,0,1,.692.12.956.956,0,0,1,.438.35.984.984,0,0,1,.152.558v.013a.964.964,0,0,1-.336.79,1.486,1.486,0,0,1-.965.276H9.145Z'/%3E%3Cpath id='패스_5' data-name='패스 5' d='M6.454,5.34V14.5h4.653a4.084,4.084,0,0,0,1.707-.33,2.623,2.623,0,0,0,1.124-.93,2.468,2.468,0,0,0,.4-1.4v-.012a1.983,1.983,0,0,0-.292-1.05A2.28,2.28,0,0,0,13.265,10a2.14,2.14,0,0,0-1.08-.308V9.568a1.96,1.96,0,0,0,.892-.337,2.025,2.025,0,0,0,.62-.688,1.86,1.86,0,0,0,.228-.911V7.619A2.106,2.106,0,0,0,13.573,6.4a2.228,2.228,0,0,0-1.013-.784,4.184,4.184,0,0,0-1.6-.273h-4.5ZM9.145,7.182h1.08a1.185,1.185,0,0,1,.8.244.828.828,0,0,1,.286.663V8.1a.812.812,0,0,1-.3.657,1.236,1.236,0,0,1-.816.25H9.145Zm0,3.37h1.168a1.787,1.787,0,0,1,.692.12.956.956,0,0,1,.438.35.984.984,0,0,1,.152.558v.013a.964.964,0,0,1-.336.79,1.486,1.486,0,0,1-.965.276H9.145Z' fill='%23fff'/%3E%3Cg transform='matrix(1, 0, 0, 1, -0.8, -0.8)' filter='url(%23패스_6)'%3E%3Cpath id='패스_6-2' data-name='패스 6' d='M6.454,5.34V14.5h4.653a4.084,4.084,0,0,0,1.707-.33,2.623,2.623,0,0,0,1.124-.93,2.468,2.468,0,0,0,.4-1.4v-.012a1.983,1.983,0,0,0-.292-1.05A2.28,2.28,0,0,0,13.265,10a2.14,2.14,0,0,0-1.08-.308V9.568a1.96,1.96,0,0,0,.892-.337,2.025,2.025,0,0,0,.62-.688,1.86,1.86,0,0,0,.228-.911V7.619A2.106,2.106,0,0,0,13.573,6.4a2.228,2.228,0,0,0-1.013-.784,4.184,4.184,0,0,0-1.6-.273h-4.5ZM9.145,7.182h1.08a1.185,1.185,0,0,1,.8.244.828.828,0,0,1,.286.663V8.1a.812.812,0,0,1-.3.657,1.236,1.236,0,0,1-.816.25H9.145Zm0,3.37h1.168a1.787,1.787,0,0,1,.692.12.956.956,0,0,1,.438.35.984.984,0,0,1,.152.558v.013a.964.964,0,0,1-.336.79,1.486,1.486,0,0,1-.965.276H9.145Z' transform='translate(0.8 0.8)' fill='url(%23linear-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.ico_level_silver {width:22px;height:22px;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.6' height='21.6' viewBox='0 0 21.6 21.6'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.03' y1='0.571' x2='0' y2='0.402' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23d5dfe5'/%3E%3Cstop offset='1' stop-color='%23c4ced5'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='0.074' y1='0.241' x2='0.882' y2='0.805' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23dce3e8'/%3E%3Cstop offset='1' stop-color='%23a6afb5'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-3' x1='0.5' y1='0.281' x2='0.5' y2='0.871' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23dbe0e3'/%3E%3C/linearGradient%3E%3Cfilter id='패스_10' x='5.36' y='4.687' width='10.941' height='12.668' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='0.5' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='0.5' result='blur'/%3E%3CfeFlood flood-color='%2330566e' flood-opacity='0.302'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='group-7' transform='translate(0.8 0.8)'%3E%3Ccircle id='타원_5' data-name='타원 5' cx='9.5' cy='9.5' r='9.5' transform='translate(0 1)' fill='%23cdcdcd'/%3E%3Ccircle id='타원_6' data-name='타원 6' cx='10.4' cy='10.4' r='10.4' transform='translate(-0.4 -0.4)' stroke='%23c2c7ca' stroke-width='0.8' fill='url(%23linear-gradient)'/%3E%3Ccircle id='타원_7' data-name='타원 7' cx='9' cy='9' r='9' transform='translate(1 1)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='그룹_3' data-name='그룹 3'%3E%3Cpath id='패스_8' data-name='패스 8' d='M10,14.554a5.437,5.437,0,0,0,2.158-.387,3.042,3.042,0,0,0,1.368-1.1A2.933,2.933,0,0,0,14,11.4V11.4a2.259,2.259,0,0,0-.708-1.78,4.484,4.484,0,0,0-2.186-.9l-.92-.171a3.141,3.141,0,0,1-1-.315.587.587,0,0,1-.311-.53V7.693a.616.616,0,0,1,.126-.378.845.845,0,0,1,.378-.266,1.7,1.7,0,0,1,.62-.1,1.942,1.942,0,0,1,.653.1,1.182,1.182,0,0,1,.46.282.823.823,0,0,1,.22.435l.012.07h2.469l-.006-.07a3.1,3.1,0,0,0-.52-1.5,2.931,2.931,0,0,0-1.27-1.016,5.078,5.078,0,0,0-2.05-.365,4.736,4.736,0,0,0-1.934.375A3.183,3.183,0,0,0,6.7,6.322a2.725,2.725,0,0,0-.488,1.625v.006A2.464,2.464,0,0,0,6.885,9.74a3.955,3.955,0,0,0,2.146.975l.92.171a4.413,4.413,0,0,1,1.073.3.513.513,0,0,1,.311.486v.006a.636.636,0,0,1-.159.422,1.032,1.032,0,0,1-.447.292,2.042,2.042,0,0,1-.7.1,2.149,2.149,0,0,1-.714-.108,1.225,1.225,0,0,1-.486-.292.73.73,0,0,1-.21-.413l-.006-.05H6.06l.007.127a2.607,2.607,0,0,0,.53,1.507,3.047,3.047,0,0,0,1.352.959A5.715,5.715,0,0,0,10,14.555Z'/%3E%3Cpath id='패스_9' data-name='패스 9' d='M10,14.554a5.437,5.437,0,0,0,2.158-.387,3.042,3.042,0,0,0,1.368-1.1A2.933,2.933,0,0,0,14,11.4V11.4a2.259,2.259,0,0,0-.708-1.78,4.484,4.484,0,0,0-2.186-.9l-.92-.171a3.141,3.141,0,0,1-1-.315.587.587,0,0,1-.311-.53V7.693a.616.616,0,0,1,.126-.378.845.845,0,0,1,.378-.266,1.7,1.7,0,0,1,.62-.1,1.942,1.942,0,0,1,.653.1,1.182,1.182,0,0,1,.46.282.823.823,0,0,1,.22.435l.012.07h2.469l-.006-.07a3.1,3.1,0,0,0-.52-1.5,2.931,2.931,0,0,0-1.27-1.016,5.078,5.078,0,0,0-2.05-.365,4.736,4.736,0,0,0-1.934.375A3.183,3.183,0,0,0,6.7,6.322a2.725,2.725,0,0,0-.488,1.625v.006A2.464,2.464,0,0,0,6.885,9.74a3.955,3.955,0,0,0,2.146.975l.92.171a4.413,4.413,0,0,1,1.073.3.513.513,0,0,1,.311.486v.006a.636.636,0,0,1-.159.422,1.032,1.032,0,0,1-.447.292,2.042,2.042,0,0,1-.7.1,2.149,2.149,0,0,1-.714-.108,1.225,1.225,0,0,1-.486-.292.73.73,0,0,1-.21-.413l-.006-.05H6.06l.007.127a2.607,2.607,0,0,0,.53,1.507,3.047,3.047,0,0,0,1.352.959A5.715,5.715,0,0,0,10,14.555Z' fill='%23fff'/%3E%3Cg transform='matrix(1, 0, 0, 1, -0.8, -0.8)' filter='url(%23패스_10)'%3E%3Cpath id='패스_10-2' data-name='패스 10' d='M10,14.554a5.437,5.437,0,0,0,2.158-.387,3.042,3.042,0,0,0,1.368-1.1A2.933,2.933,0,0,0,14,11.4V11.4a2.259,2.259,0,0,0-.708-1.78,4.484,4.484,0,0,0-2.186-.9l-.92-.171a3.141,3.141,0,0,1-1-.315.587.587,0,0,1-.311-.53V7.693a.616.616,0,0,1,.126-.378.845.845,0,0,1,.378-.266,1.7,1.7,0,0,1,.62-.1,1.942,1.942,0,0,1,.653.1,1.182,1.182,0,0,1,.46.282.823.823,0,0,1,.22.435l.012.07h2.469l-.006-.07a3.1,3.1,0,0,0-.52-1.5,2.931,2.931,0,0,0-1.27-1.016,5.078,5.078,0,0,0-2.05-.365,4.736,4.736,0,0,0-1.934.375A3.183,3.183,0,0,0,6.7,6.322a2.725,2.725,0,0,0-.488,1.625v.006A2.464,2.464,0,0,0,6.885,9.74a3.955,3.955,0,0,0,2.146.975l.92.171a4.413,4.413,0,0,1,1.073.3.513.513,0,0,1,.311.486v.006a.636.636,0,0,1-.159.422,1.032,1.032,0,0,1-.447.292,2.042,2.042,0,0,1-.7.1,2.149,2.149,0,0,1-.714-.108,1.225,1.225,0,0,1-.486-.292.73.73,0,0,1-.21-.413l-.006-.05H6.06l.007.127a2.607,2.607,0,0,0,.53,1.507,3.047,3.047,0,0,0,1.352.959A5.715,5.715,0,0,0,10,14.555Z' transform='translate(0.8 0.8)' fill='url(%23linear-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.ico_level_gold {width:22px;height:22px;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21.6' height='21.6' viewBox='0 0 21.6 21.6'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.185' y1='0.121' x2='0.792' y2='0.943' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f8b735'/%3E%3Cstop offset='1' stop-color='%23ffd465'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='0.099' y1='0.243' x2='0.882' y2='0.805' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffd465'/%3E%3Cstop offset='1' stop-color='%23f8b735'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-3' x1='0.5' y1='0.226' x2='0.5' y2='0.806' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fffdf8'/%3E%3Cstop offset='1' stop-color='%23ffe9ae'/%3E%3C/linearGradient%3E%3Cfilter id='패스_13' x='4.896' y='4.686' width='11.868' height='12.668' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='0.5' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='0.5' result='blur'/%3E%3CfeFlood flood-color='%23fa0'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='group-8' transform='translate(0.8 0.8)'%3E%3Ccircle id='타원_8' data-name='타원 8' cx='10.4' cy='10.4' r='10.4' transform='translate(-0.4 -0.4)' stroke='%23ffc800' stroke-width='0.8' fill='url(%23linear-gradient)'/%3E%3Ccircle id='타원_9' data-name='타원 9' cx='9.087' cy='9.087' r='9.087' transform='translate(0.913 0.913)' fill='url(%23linear-gradient-2)'/%3E%3Cg id='그룹_4' data-name='그룹 4'%3E%3Cpath id='패스_11' data-name='패스 11' d='M10.224,14.554a4.876,4.876,0,0,0,2.282-.495,3.411,3.411,0,0,0,1.454-1.425,4.621,4.621,0,0,0,.5-2.231V9.2H10.478v1.79h1.4l-.013.127a1.3,1.3,0,0,1-.794,1.092,1.9,1.9,0,0,1-.78.153,1.683,1.683,0,0,1-1.029-.324,2.079,2.079,0,0,1-.679-.924,3.847,3.847,0,0,1-.241-1.431V9.666a4.007,4.007,0,0,1,.213-1.39,1.9,1.9,0,0,1,.615-.885,1.556,1.556,0,0,1,.975-.308,1.784,1.784,0,0,1,1.022.3,1.223,1.223,0,0,1,.54.777l.012.058h2.647l-.007-.064a3.224,3.224,0,0,0-.663-1.692,3.878,3.878,0,0,0-1.485-1.152,4.924,4.924,0,0,0-2.066-.419,4.821,4.821,0,0,0-2.428.581,3.889,3.889,0,0,0-1.568,1.66A5.625,5.625,0,0,0,5.6,9.7v.013a5.667,5.667,0,0,0,.553,2.6,3.868,3.868,0,0,0,1.587,1.66,5.042,5.042,0,0,0,2.488.577Z'/%3E%3Cpath id='패스_12' data-name='패스 12' d='M10.224,14.554a4.876,4.876,0,0,0,2.282-.495,3.411,3.411,0,0,0,1.454-1.425,4.621,4.621,0,0,0,.5-2.231V9.2H10.478v1.79h1.4l-.013.127a1.3,1.3,0,0,1-.794,1.092,1.9,1.9,0,0,1-.78.153,1.683,1.683,0,0,1-1.029-.324,2.079,2.079,0,0,1-.679-.924,3.847,3.847,0,0,1-.241-1.431V9.666a4.007,4.007,0,0,1,.213-1.39,1.9,1.9,0,0,1,.615-.885,1.556,1.556,0,0,1,.975-.308,1.784,1.784,0,0,1,1.022.3,1.223,1.223,0,0,1,.54.777l.012.058h2.647l-.007-.064a3.224,3.224,0,0,0-.663-1.692,3.878,3.878,0,0,0-1.485-1.152,4.924,4.924,0,0,0-2.066-.419,4.821,4.821,0,0,0-2.428.581,3.889,3.889,0,0,0-1.568,1.66A5.625,5.625,0,0,0,5.6,9.7v.013a5.667,5.667,0,0,0,.553,2.6,3.868,3.868,0,0,0,1.587,1.66,5.042,5.042,0,0,0,2.488.577Z' fill='%23fff'/%3E%3Cg transform='matrix(1, 0, 0, 1, -0.8, -0.8)' filter='url(%23패스_13)'%3E%3Cpath id='패스_13-2' data-name='패스 13' d='M10.224,14.554a4.876,4.876,0,0,0,2.282-.495,3.411,3.411,0,0,0,1.454-1.425,4.621,4.621,0,0,0,.5-2.231V9.2H10.478v1.79h1.4l-.013.127a1.3,1.3,0,0,1-.794,1.092,1.9,1.9,0,0,1-.78.153,1.683,1.683,0,0,1-1.029-.324,2.079,2.079,0,0,1-.679-.924,3.847,3.847,0,0,1-.241-1.431V9.666a4.007,4.007,0,0,1,.213-1.39,1.9,1.9,0,0,1,.615-.885,1.556,1.556,0,0,1,.975-.308,1.784,1.784,0,0,1,1.022.3,1.223,1.223,0,0,1,.54.777l.012.058h2.647l-.007-.064a3.224,3.224,0,0,0-.663-1.692,3.878,3.878,0,0,0-1.485-1.152,4.924,4.924,0,0,0-2.066-.419,4.821,4.821,0,0,0-2.428.581,3.889,3.889,0,0,0-1.568,1.66A5.625,5.625,0,0,0,5.6,9.7v.013a5.667,5.667,0,0,0,.553,2.6,3.868,3.868,0,0,0,1.587,1.66,5.042,5.042,0,0,0,2.488.577Z' transform='translate(0.8 0.8)' fill='url(%23linear-gradient-3)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}
.comment_header [class^="ico_level_"], .layer_pick .level [class^="ico_level_"] {margin-right:5px;}
.layer_pick .level {margin-top:16px;padding-top:16px;border-top:1px solid rgba(0, 0, 0, 0.1);font-size:14px;line-height:22px;letter-spacing:-0.4px;color:#111;}
.layer_pick .level li {display:flex;}
.layer_pick .level li:not(:first-child) {margin-top:5px;}
.layer_pick .level strong {font-weight:normal;}

@media (max-width: 985px){
	.comment_area {position:relative;}
}

@media (min-width:986px) {
	.pick_info {position:relative;}
}

/* 차단 해제 추가 */
.comment .comment_body .btn_unblock {position:relative;margin-left: 21px;color:#999;font-size:13px;line-height:22px;}
.comment .comment_body .btn_unblock:before {content: '';position: absolute;left: -11px;top: 50%;transform: translateY(-50%);width: 1px;height: 11px;background-color: #999;}

.comment_source .badge_free::before {display: block !important;}

/* house banner */
.house_banner{width:100%;height:100%;overflow:hidden;margin:20px auto;}
/* .house_banner a:hover{opacity:.7} */
.house_banner .flex{align-items:center;justify-content:center}
.house_banner.anni_2nd{margin-top:20px;margin-bottom:0;background-color:#fff}
.house_banner.anni_2nd .title{font-size:14px;font-weight:400;line-height:22px;color:#111;text-align:center}
.house_banner.anni_2nd strong{color:#26a7fb}
.house_banner.anni_2nd .flex{align-items:flex-end}
.house_banner.anni_2nd .img_kid{width:40px;height:48px;margin-left:10px}
@media(min-width:986px){
  .house_banner{margin:30px auto}
  .house_banner.anni_2nd{margin-top:12px}
}
.comment_header .house_banner{margin-top:22px;margin-bottom:0}
.btn_full.btn_promotion{padding:0;border:0;flex-direction:column;background-color:#fff}
.btn_full.btn_promotion>div:not([class]){width:100%;padding:11px 15px 13px;background-color:#f5f5fa;border:1px solid #f5f5fa}
.template_audio .comment_wrap .btn_full.btn_promotion,.template_vod .comment_wrap .btn_full.btn_promotion{padding:0;border:0;flex-direction:column;background-color:#fff}
.template_audio .comment_wrap .btn_full.btn_promotion>div:not([class]),.template_vod .comment_wrap .btn_full.btn_promotion>div:not([class]){width:100%;padding:11px 15px 13px;background-color:#000;border:1px solid #000}

.house_banner.anni_2nd .title + img {
  margin-left: 10px;
}
.house_banner.anni_2nd .title span.font_orange {
    font-weight: bold;
}
.house_banner.anni_2nd .megabox {
    width: 60px;
    height: 36px;
}
/* 요약 1min */
.sticky_menu .btn_1min {
  display: block;
  padding-top: 20px;
  text-align: center;
}
.sticky_menu .btn_1min .ico_1min {
  display: block;
}
@media (min-width: 986px) {
  .sticky_menu .btn_1min {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 16px;
  }
}
.sticky_menu .btn_1min span {
  display: inline-block !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(95deg, #01d6c0, #8163fb);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 13px !important;
  line-height: 22px;
  font-weight: 900;
}
.sticky_menu .ico_1min {
  width: 24px;
  height: 24px;
  margin: 0 auto 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2511 0.397461C16.5915 0.408631 16.9247 0.498768 17.2247 0.660156L17.3722 0.74707L17.5118 0.844727C17.7833 1.05043 18.0036 1.3161 18.1554 1.62109L18.2257 1.77734L18.2833 1.9375C18.4024 2.31319 18.4182 2.71468 18.3292 3.10059L17.0323 8.73145L17.0304 8.74023L17.0284 8.74805C16.9108 9.23899 16.7922 9.73916 16.6729 10.2432L19.7716 10.3262C19.7769 10.3263 19.7828 10.326 19.7882 10.3262L19.7911 10.3271H19.7901C20.1867 10.3373 20.5719 10.4542 20.9063 10.6641L21.0489 10.7607L21.1827 10.8691C21.4418 11.0948 21.6451 11.3775 21.7755 11.6953L21.8341 11.8574L21.881 12.0234C21.9735 12.4133 21.9579 12.8224 21.8351 13.2061C21.6946 13.6446 21.4212 14.0287 21.0519 14.3037L21.0509 14.3027L9.20615 23.418L9.20517 23.417C8.86053 23.6834 8.44509 23.8435 8.00986 23.874C7.5599 23.9055 7.11097 23.7985 6.72373 23.5674C6.33637 23.3361 6.02959 22.9912 5.84384 22.5801C5.65813 22.169 5.60221 21.7111 5.68466 21.2676L5.68662 21.2598L5.68759 21.252L7.11045 13.9141L3.75888 13.7217H3.75205C3.29651 13.6938 2.86087 13.5249 2.50498 13.2393C2.14908 12.9535 1.8895 12.5647 1.76377 12.126C1.63806 11.6872 1.6522 11.22 1.80283 10.7891L1.86533 10.6299C2.02289 10.2711 2.27388 9.96033 2.59287 9.72949H2.59189L14.877 0.821289V0.822266C15.2276 0.566269 15.6456 0.417835 16.0802 0.398438L16.2511 0.397461ZM15.9112 2.54102L3.76572 11.3486C3.73093 11.3736 3.70465 11.4088 3.69052 11.4492C3.67641 11.4897 3.6748 11.5339 3.68662 11.5752C3.69849 11.6164 3.72347 11.6528 3.75693 11.6797C3.79043 11.7065 3.83127 11.723 3.87412 11.7256L9.50986 12.0488L7.65146 21.6328L7.64951 21.6963C7.65204 21.7171 7.65739 21.7375 7.66611 21.7568C7.68361 21.7956 7.71263 21.8278 7.74912 21.8496C7.76749 21.8606 7.78712 21.8692 7.80771 21.874L7.87021 21.8789C7.91259 21.8759 7.95334 21.8597 7.98642 21.833L19.8575 12.6992C19.8747 12.6864 19.8891 12.6706 19.9015 12.6533L19.9308 12.5967C19.9439 12.5556 19.944 12.5108 19.9308 12.4697C19.9175 12.4286 19.8912 12.3929 19.8565 12.3672C19.8391 12.3543 19.8202 12.3438 19.7999 12.3369L19.7374 12.3262L14.1495 12.1758C14.3113 11.5287 14.4671 10.8798 14.6212 10.2305L15.0831 8.28223L16.338 2.83691L16.381 2.65234C16.3908 2.61047 16.3873 2.56625 16.3712 2.52637C16.3551 2.48663 16.3272 2.45289 16.2911 2.42969C16.2549 2.40644 16.212 2.39457 16.169 2.39648C16.1262 2.39846 16.0848 2.41412 16.0509 2.44043L15.9112 2.54102Z' fill='url(%23paint0_linear_5982_275587)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5982_275587' x1='19.508' y1='12.1379' x2='4.1113' y2='12.1379' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230BCEC4'/%3E%3Cstop offset='1' stop-color='%237B69F8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media (max-width: 985px) {
  .sticky_menu .body .btn_1min {
    position: absolute;
    top: 19px;
    left: 152px;
    vertical-align: top;
    width: auto;
    padding: 0;
  }
  .sticky_menu .body .btn_1min span {
    display: none !important;
  }
  .sticky_menu.plus_sticky_menu .btn_1min {
    left: 196px;
  }
  .sticky_menu .reader_area.re {
    left: 196px;
  }
  .sticky_menu.plus_sticky_menu .reader_area.re {
    left: 238px;
  }
}