body { font-family: 'pretendard',sans-serif; /*overflow: hidden;*/} /* jinseo.2023-04-05 */

/* 서브 곡상세 리플 코딩 */
.renew_pc_reply_wrap {clear:both; /*overflow:hidden;*/ border-top:1px solid #c5c5c5; background: #121212;} /*jinseo.2023-04-17*/
.renew_pc_reply {clear:both; /*overflow:hidden;*/ box-sizing:border-box; padding:30px 0 120px; max-width:1200px; margin:auto;} /*jinseo.2023-03-31*/
.renew_pc_reply ul.textarea_format {width:100%; display:table; table-layout:fixed;}
.renew_pc_reply ul.textarea_format li {display:table-cell; vertical-align:top;}
.renew_pc_reply ul.textarea_format li.reply_btn {width:120px;}
.renew_pc_reply ul.textarea_format li textarea, ul.textarea_format li a {height:120px; box-sizing:border-box;}
.renew_pc_reply ul.textarea_format li textarea {border:1px solid #c5c5c5; border-right:none; width:100%; resize: none; padding:15px;}
.renew_pc_reply ul.textarea_format li textarea:focus {background-color:#efefef; outline:none;}
.renew_pc_reply ul.textarea_format li.reply_btn a {display:block; border:1px solid #c5c5c5; line-height:120px; text-align:center;}
.renew_pc_reply ul.textarea_format li.reply_btn a:hover {border:1px solid #000;}
.renew_pc_reply ul.textarea_format li.reply_btn a:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background-image:url('../images/re/common/review_textarea_btn_ico01.png'); background-size:cover; -webkit-background-size:cover; margin:-3px -10px 0 3px;}

.renew_pc_reply ul.upload_format {text-align:left; clear:both; overflow:hidden; /* display:none; */} /*첨부파일 리스트 가린것*/
.renew_pc_reply ul.upload_format li {float:left; margin-right:15px;}
.renew_pc_reply ul.upload_format li button {display:inline-block; height:30px; vertical-align:middle; background-size:auto 100%; -webkit-background-size:auto 100%; background-position:left; background-repeat:no-repeat; background-color:transparent; border:none; padding-left:32px;}
.renew_pc_reply ul.upload_format li button:hover {color:#ff9600;}
.renew_pc_reply ul.upload_format li button.upload_btn01 {background-image:url('../images/re/common/re_detail_reply_ico01.png');}
.renew_pc_reply ul.upload_format li button.upload_btn02 {background-image:url('../images/re/common/re_detail_reply_ico02.png');}
.renew_pc_reply ul.upload_format li label.upload_btn02 {display:inline-block; width:30px; height:30px; vertical-align:middle; background-size:auto 100%; -webkit-background-size:auto 100%; background-position:left; background-repeat:no-repeat; background-color:transparent; background-image:url('../images/re/common/re_detail_reply_ico02.png');}
.renew_pc_reply ul.upload_format li input[type=file] {position:absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.renew_pc_reply ul.upload_format li input[type=file] + label {display:inline-block; height:30px; line-height:30px; vertical-align:middle; background-size:auto 100%; -webkit-background-size:auto 100%; background-position:left; background-repeat:no-repeat; background-color:transparent; background-image:url('../images/re/common/re_detail_reply_ico02.png'); padding-left:32px; cursor:pointer;}
.renew_pc_reply ul.upload_format li input[type=file] + label:hover {color:#ff9600;}
.renew_pc_reply ul.upload_format li button.upload_btn03 {background-image:url('../images/re/common/re_detail_reply_ico03.png');}

div.re_pc_reply_info {border:1px solid #999; border-radius:10px; -webkit-border-radius:10px; padding:20px 24px; box-sizing:border-box; color:#333; margin:15px 0; clear:both; overflow:hidden;}
div.re_pc_reply_info h3 {font-size:18px; font-weight:800; margin-bottom:6px;}
div.re_pc_reply_info p {font-size:14px; font-weight:500;}

/* 서브 곡상세 리플 코딩 상단 */
#commentBox2 .re_pc_reply_format {overflow:hidden; clear:both;}
#commentBox2 .re_pc_reply_format .reply_header {overflow:hidden; clear:both;  /* padding-bottom:15px; border-bottom:1px solid #c5c5c5;*/ width: 800px; margin: 0 auto;} /*jinseo.2023-03-28*/
#commentBox2 .re_pc_reply_format .reply_header h4 {font-size:20px; font-weight:500; float:left;}
#commentBox2 .re_pc_reply_format .reply_header h4 span {font-size:16px;}
#commentBox2 .re_pc_reply_format .reply_header ul {display: flex; gap: 12px;}/*jinseo.2023-03-28*/
#commentBox2 .re_pc_reply_format .reply_header ul li {float:left;}/*jinseo.2023-03-28*/
#commentBox2 .re_pc_reply_format .reply_header ul li a {font-size:14px; color:#000;}
#commentBox2 .re_pc_reply_format .reply_header ul li a:before {content:''; display:inline-block; width:12px; height:7px; vertical-align:middle; background-image:url('../images/re/common/re_detail_reply_more_ico.png'); background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat; background-color:transparent; color:#fff; text-align:center; font-size:0px; margin-top:-2px; margin-right:5px;}
#commentBox2 .re_pc_reply_format .reply_header ul li a.active {color:#de0b00;}
#commentBox2 .re_pc_reply_format .reply_header ul li a.active:before {background-image:url('../images/re/common/re_detail_reply_more_ico2.png');}

/* 서브 곡상세 리플 코딩 포맷 */
#commentBox2 div.re_pc_reply_format div.reply_contents {clear:both; overflow:hidden; width: 800px; margin: 0 auto;} /*jinseo.2023-03-28*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box { box-sizing:border-box; /*overflow:hidden;*/ margin:15px 0 0; clear:both; /*border-bottom:1px solid #c5c5c5;*/ width: 100%; margin: 40px auto; position: relative;} /*jinseo.2023-03-28*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box img {width:auto; max-width:100%;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box .reply_box_wrap {/*display: flex; justify-content: space-between; align-items: flex-end;*/ width: 100%; position: relative;} /*jinseo.2023-03-22*/

#commentBox2 .re_like { display: flex; gap: 10px; align-items: center; /*margin: 20px 0 0 150px;*/ justify-content: space-between; } /*jinseo.2023-03-21*/

#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box h5 {font-size:14px;  display: inline-block;/* width: 150px; color:#000; float:left; margin:0 0 5px 0;*/ } /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box span {color:#c5c5c5; font-size:12px;  font-weight:500; opacity: 0.5;} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.reply_box_wrap span { display: block; margin-top: 4px; opacity: 0.3; font-weight: 400;} /*jinseo.2023-04-05*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.reply_box_wrap span.star_result { opacity: 1; margin-left: 4px; font-weight: 400; display: inline-block;} /*jinseo.2023-04-05*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.reply_box_wrap span.star_result img { width: 16px; height: 16px; object-fit: contain;} /*jinseo.2023-03-29*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.reply_box_wrap span b { margin-left: 4px; } /*jinseo.2023-04-05*/

/* 수정,삭제,신고하기 */
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line {/*float:right;*/ margin-bottom:6px; margin-left: auto; text-align: right; position: absolute; top: 0; right: 0; display: flex; gap: 12px;} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li {/*float:left; margin-left:10px;*/ font-size:12px; font-weight: 200; opacity: 0.6;} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li.comment_del_wrap {margin-bottom: 26px;} /*jinseo.2023-03-28*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.claim_line li.claim_wrap { } /*jinseo.2023-03-28*/
/*#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li:after {content:'|'; color:#ccc; font-size:11px; display:inline-block; margin:-4px 0 0 12px;}*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li:last-child:after {display:none;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li a.modify {color:#ff9d42;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.btn_line li a:hover {color:#ff9d42;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.claim_line li a.claim {color:#cb0202; opacity: 0.7; font-size: 12px; font-weight: 700; display: block; text-align: right; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);} /*jinseo.2023-04-05*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.claim_line li a.claim:before {content:''; display:inline-block; width:10px; height:13px; vertical-align:middle; background-image:url(../images/common/re_detail_reply_claim_ico.png); background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat; background-color:transparent; color:#fff; text-align:center; font-size:0px; margin-top:-3px; margin-right:5px;}

#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.stars_line div.vote_detail_stars_chk {padding:0px 0 15px 0px; text-align:left;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.stars_line div.vote_detail_stars_chk ul li {display:inline-block; width:14px; height:14px; margin-right:2px; vertical-align:middle;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.stars_line div.vote_detail_stars_chk ul li.txt_line {font-size:11px; color:#2e2e2e; margin-top:-2px; margin-left:5px; font-weight:700;}

#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.txt_line { /*margin-bottom: 10px;*/ width: 94%;/*jinseo.2023-05-18*/ font-size:14px; padding: 12px 0 6px; clear:both; color:#5a5a5a;  } /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.txt_line blockquote {display:inline-block; border:1px solid #e70000; color:#e70000; font-size:14px; font-weight:700; padding:0 5px 1px 5px; margin-right:5px; margin-top:-3px; vertical-align:middle;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.txt_line textarea {width:100%; height:80px; font-size:12px; box-sizing:border-box; padding:15px; border:1px solid #ccc; resize: none;}

#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.button_line {/*width:30%; float:left;*/}  /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box button.re_reply_on_btn { opacity: 0.5; font-size: 12px; color: #00ffa8;/*border:1px solid #000; color:#000; font-size:14px; border-radius:40px; -webkit-border-radius:10px; padding:4px 15px; background-color:transparent;*/} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.button_line button.re_reply_on_btn span {font-weight:500;} /*jinseo.2023-03-28*/
/*#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.button_line button.re_reply_on_btn:after {content:''; display:inline-block; width:20px; height:20px; vertical-align:middle; background-image:url('../images/re/common/song_view_lyrics_ico01.png'); background-size:cover; -webkit-background-size:cover; margin:-2px -3px 0 5px;}*/ /*jinseo.2023-03-22*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.button_line button.re_reply_on_btn:hover {background-color:#efefef;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box div.button_line button.re_reply_on_btn.active:after {background-image:url('../images/re/common/song_view_lyrics_ico01up.png');}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line {/*width:70%; float:left; margin-top:4px;*/}  /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li {/*float:right; margin-left:10px;*/} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a {color:#5a5a5a; font-size:12px; font-weight: 800; position: absolute; top:50%; right: 0;} /*jinseo.2023-04-05*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a:before {content:''; display:inline-block; width:15px; height:15px; vertical-align:middle; background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat; background-color:transparent; color:#fff; text-align:center; font-size:0px; margin-top:-2px; margin-right:5px;} /*jinseo.2023-03-21*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_up:before {background-image:url('../images/jinseo/heart_off.png');} /*jinseo.2023-03-21*/
/*#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_down:before {background-image:url('../images/common/re_detail_reply_like02.png');}*/
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_up.active:before {background-image:url('../images/jinseo/heart_on.png');}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_down.active:before {background-image:url('../images/common/re_detail_reply_like02on.png');}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_up.active {color:#ff9d42;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box ul.like_line li a.like_down.active {color:#ff3929;}

#commentBox2 div.reply_lets_close_open {display:none;}
#commentBox2 div.reply_lets_close_open.active {display:block;}

#commentBox2 div.reply_lets_wrap {clear:both; overflow:hidden; display:table; table-layout:fixed; margin-top:15px; width:100%;}
#commentBox2 div.reply_lets_wrap div.nien_ico,  div.reply_lets_write_wrap div.nien_ico {display:table-cell; vertical-align:top; text-align:center; width:60px; border-bottom:1px solid #c5c5c5;}
#commentBox2 div.reply_lets_wrap div.nien_ico img,  div.reply_lets_write_wrap div.nien_ico img {vertical-align:middle;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box.lets_re {display:table-cell;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box.lets_re img {width:auto;}
#commentBox2 div.re_pc_reply_format div.reply_contents div.reply_box.lets_re ul.like_line {width:100%; float:right;}

#commentBox2 div.reply_lets_write_wrap {clear:both; overflow:hidden; margin-top:25px;}

/* 답글달기, 좋아요 waspkim.2023-04-03 */
#commentBox2 button.re_reply_on_btn { border: 0px solid #fff !important; color: #00ffa8 !important;}
#commentBox2 button.re_reply_on_btn:hover { background: #333 !important;}
#commentBox2 button.re_reply_on_btn:after { background: url(../images/common/arrow_active_w.png) 8px 6px no-repeat !important; background-size: 9px 7px !important; -webkit-background-size: 9px 7px !important;}
#commentBox2 ul.like_line li a { /*filter: brightness(2);*/}

/* 각 상세페이지 댓글라인 신고버튼 팝업소스 */
div.re_reply_claim_box {text-align:center;}
div.re_reply_claim_box h3 {color: #191919; font-size: 20px; font-weight:300; margin:20px 0 5px 0;}
div.re_reply_claim_box h5 {font-size:16px; font-weight:300; color: #191919; margin:5px 0 5px 0;}
div.re_reply_claim_box h5 span {color:#ff9d42;}
div.re_reply_claim_box p {font-size:14px;}
div.re_reply_claim_box ul {width:90%; margin:auto;}
div.re_reply_claim_box ul li {font-size:14px; float:left; width:50%; text-align:left; margin:10px 0 0; padding-top:2px;}
div.re_reply_claim_box div.claim_ex {font-size:14px; box-sizing:border-box; padding:10px; text-align:left; border:1px solid #ccc; color:#000; background:#efefef;}

.renew_radio_crack{display: inline-block;position: relative;}
.renew_radio_crack label{display: inline-block;padding-left: 27px;margin-left; width: auto;font-size:13px;color: #000000; background-image:url('../images/common/radio.png'); background-repeat:no-repeat; background-position:left middle; background-size:18px auto; height:18px; line-height:18px;}
.renew_radio_crack input[type="radio"]{display: none; -webkit-appearance: none;}
.renew_radio_crack input:checked+label{background-image: url('../images/common/radio_ch.png');}

div.re_reply_claim_box label { color: #000000;}

div.re_reply_claim_box .others_claim {clear:both; overflow:hidden; padding:15px 0 5px 0; box-sizing:border-box; width:90%; margin:auto;}
div.re_reply_claim_box .others_claim textarea {width:100%; height:80px; box-sizing:border-box; padding:10px; font-size:12px; border:1px solid #ccc; background-color: #fff;color:#000;}

div.re_reply_claim_box p { color: #000000;}

div.re_reply_claim_box div.btn-line {clear:both; overflow:hidden; border-top:1px solid #ccc; margin-top:20px;}
div.re_reply_claim_box div.btn-line a {width:50%; float:left; display:block; box-sizing:border-box; height:40px; line-height:40px; font-size:16px; color:#ff9d42;}
div.re_reply_claim_box div.btn-line a:first-child {border-right:1px solid #eee;}

/* GPT 리뷰 */
.gptCommentWrap {width:800px; margin:60px auto 0; padding:15px; border:1px solid #333; border-radius:12px; position:relative;}
.gptCommentWrap .gptNickname {font-size:12px; margin-bottom:10px; display:inline-block; background: linear-gradient(to left, #00e78d, #00A5FE); border-radius:50vh; padding:3px 8px; font-weight:400; text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);}
.gptCommentWrap .gptComment {padding:5px 15px; background:#222; border-radius:5px; word-break:keep-all;}
.gptCommentWrap .eyebrow {position:absolute; top:-25px; font-size:12px; color:#666; filter:grayscale(1);}

/* 레이어 팝업js관련 소스 */
#commentBox2 .pop-layer .pop-container {padding: 0px 0px;}
#commentBox2 .pop-layer p.ctxt {color: #666; line-height: 25px;}
#commentBox2 .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}
#commentBox2 .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 80%; max-width:370px; height: auto; background-color: #fff; z-index: 10; border-radius:10px; -webkit-border-radius:10px;}

#commentBox2 .dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000;}
#commentBox2 .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
#commentBox2 .dim-layer .pop-layer { display: block;}

#commentBox2 div.radio {margin-top:-2px;}

/* 댓글 페이징 */
#commentBox2 div.renew_sbm_paging_wrap ul {text-align:center; margin:15px 0;}
#commentBox2 div.renew_sbm_paging_wrap ul li {display:inline-block; vertical-align:middle;}
#commentBox2 div.renew_sbm_paging_wrap ul li a {display:block; width:22px; height:22px; border:1px solid #ccc; background-size:cover; -webkit-background-size:cover;}
#commentBox2 div.renew_sbm_paging_wrap ul li a.prev {background-image:url(../images/vote/vote_paging_arrow01.png); background-color:#efefef;}
#commentBox2 div.renew_sbm_paging_wrap ul li a.next {background-image:url(../images/vote/vote_paging_arrow02.png); background-color:#efefef;}
#commentBox2 div.renew_sbm_paging_wrap ul li a:hover {border:1px solid #000;}
#commentBox2 div.renew_sbm_paging_wrap ul li a.active {border:1px solid #ff6000; color:#ff6000;}

/* 댓글 신고하기 2019-07-21 waspkim 추가 */
#report .pop-layer .pop-container {padding: 0px 0px;}
#report .pop-layer p.ctxt {color: #666; line-height: 25px;}
#report .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right;}
#report .pop-layer { display: none; position: absolute; top:0; left:0;width:370px; max-width:370px; height: auto; background-color: #fff; z-index: 10; border-radius:10px; -webkit-border-radius:10px;}

#report { position: absolute; display: none; width: 370px; height: 415px;}
#report  .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
#report  .pop-layer { display: block;}

/* 댓글 리뉴얼 .jinseo.2023-03-20 */
.renew_pc_reply h4 { display: inline-block; font-size: 20px; margin-right: 10px;}
.renew_pc_reply strong.comments_guide { display: inline-block; color: #00ffa8; font-size: 14px;}

.renew_pc_reply {position: relative;}
ul.insert_link_wrap::after { content: ''; display: block; width: 48px; height: 36px; background: url('/@resource/images/jinseo/pointcoin_bg.png') 50% 50% no-repeat; ; position: absolute; top:-32px; right: -46px; background-size: contain;}
ul.insert_link_wrap.rere::after { content: ''; display: none;}
ul.insert_link_wrap li.about_point { position: absolute; top: -32px; right: -54px; width: 23px; height: 29px; background: url('/@resource/images/jinseo/pointcoin2.png') 50% 50% no-repeat; animation: coin_ani2 0.8s alternate infinite; background-size: contain; z-index: 1; margin: 0 20px 10px;}
@keyframes coin_ani2 {50%{transform: translate(0, 0);} 100%{transform: translate(0, -55%);}}
.about_point a { display: block; width: 100%; height: 100%;}

ul.insert_link_wrap div.reply_wrap_wrap { width: 24px; height: 24px; position: absolute;  cursor: pointer;}
ul.insert_link_wrap div.imo_wrap { right: 144px; top: 1px; background: url('../images/jinseo/emoji_off.png') 50% 50% no-repeat; background-size: contain;}
ul.insert_link_wrap div.imo_wrap.imo_wrap_pc { right: 174px; top: -4px; background: url('../images/jinseo/emoji_off.png') 50% 50% no-repeat; background-size: contain; transition: 0.4s;}
ul.insert_link_wrap div.imo_wrap.imo_wrap_pc:hover { background: url('../images/jinseo/emoji_on.png') 50% 50% no-repeat; background-size: contain;}
ul.insert_link_wrap div.imo_wrap.active { background: url('../images/jinseo/emoji_on.png') 50% 50% no-repeat; background-size: contain;}
/*ul.insert_link_wrap div.link_wrap { right: 114px; top: -4px; background: url('../images/jinseo/link_off.png') 50% 50% no-repeat; background-size: contain;}*/
ul.insert_link_wrap div.link_wrap.link_wrap_pc { right: 144px; top: -4px; background: url('../images/jinseo/link_off.png') 50% 50% no-repeat; background-size: contain; transition: 0.4s;}
ul.insert_link_wrap div.link_wrap.link_wrap_pc:hover { background: url('../images/jinseo/link_on.png') 50% 50% no-repeat; background-size: contain; }
ul.insert_link_wrap div.link_wrap.active { background: url('../images/jinseo/link_on.png') 50% 50% no-repeat; background-size: contain;}
/*ul.insert_link_wrap div.link_wrap.active + .insert_link_video { display: block;}*/
ul.reply_menu {display: flex; justify-content: flex-end; position: relative;}
ul.insert_link_wrap { margin: 50px auto 70px; width: 90%; position: relative;}
ul.insert_link_wrap li { /*width: 100%;*/ display: flex; justify-content: space-between; align-items: center; /*gap:20px;*/ position: relative; }
ul.insert_link_wrap li span{ display: block; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.insert_link_wrap li label { display: none;}
ul.insert_link_wrap li textarea { width: 800px;  border-bottom: 1px solid #c5c5c5; border-top: none; border-left: none; border-right: none; height: 26px; /*padding: 6px 30px; */ }
ul.insert_link_wrap li textarea.re_pc_input { padding: 2px 60px 2px 2px;}
ul.insert_link_wrap li textarea::placeholder { font-size: 14px;}
ul.insert_link_wrap li textarea:focus { color: #fff; outline: none; border-bottom: 1px solid #00ffa8;}
ul.insert_link_wrap li div.reply_btn_wrap { width: 134px; text-align: right; }
ul.insert_link_wrap li div.reply_btn_wrap button { /*font-weight: 300;*/ transition: 0.4s;}
ul.insert_link_wrap li div.reply_btn_wrap button.reply_cansel { margin-right: 18px;}
ul.insert_link_wrap li div.reply_btn_wrap button.reply_cansel:hover { color: #fff !important;}
ul.insert_link_wrap li div.reply_btn_wrap button.reply_submit.active {  background: #00ffa8; color: #000 !important; font-weight: 500; padding: 2px 10px; border-radius: 12px;}
ul.insert_link_wrap li div.reply_btn_wrap button.reply_submit:hover {  /*background: #00ffa8;*/ color: #fff !important; }


.emoticons { background: #000; width: 200px; height: 30px; margin: 20px 0 0 0; display: flex; justify-content: space-between; border-radius: 12px; position: absolute; top: -54px; right: 0;}
.emoticons .emojies {}
.reply_link_btn {  background: tomato; width: 200px; height: 50px; margin: 38px 0 0 0;}

/* 대댓글 댓글 입력 창 */
.reply_lets_close_open.active ul.rere {margin: 0px 0 80px 0px; /*width: 100%;*/}
.reply_lets_close_open.active ul.rere .rere_wrap { width: 800px; display: flex; /*justify-content: flex-end; padding-left: 150px;*/ align-items: center; position: relative; }
.reply_lets_close_open.active ul.rere .rere_wrap textarea { width:560px;}
.reply_lets_close_open.active ul.rere .rere_wrap .reply_btn_wrap.re_reply_btn_wrap { width:50px;}
.reply_lets_close_open.active ul.rere .rere_wrap .imo_wrap {top: -4px; right: 106px;}
.reply_lets_close_open.active ul.rere .rere_wrap .link_wrap { top: -4px; right: 76px;}
.reply_lets_close_open.active ul.rere .type_link { /*margin: 20px 0px 0px 160px;*/ right: -80px;}
.reply_lets_close_open.active ul.rere .typed_thumb  { margin: 10px 0px 0px 240px;}


/* 대댓글 꺾쇄 */
.reply_lets_close_open.active ul.rere .rere_wrap span.re_nickname::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("/@resource/images/jinseo/re_arrow.png") 50% 50% no-repeat;
    background-size: contain;
    margin: 0 20px 2px 0;
}


.insert_link_video { }
.insert_link_video .type_link { display: flex; justify-content: space-between;}
.insert_link_video .type_link input { width: 86% !important; height: 30px; padding: 10px 0 10px 0 !important; background: transparent; border: none;}
.insert_link_video .type_link input:focus { border: none;}
.insert_link_video .type_link button.link_submit_btn {  height: 30px; background: transparent; padding: 0 10px; padding: 0 12px 0 0px;}

.link_thumb {/*position: absolute;*/ /*display: none;*/  background: #fff; width: 360px; height: 202px;}
.link_thumb figure {margin: 0;}

/* 곡리스트 댓글 .jinseo.2023-03-22 */
.new_bgm_list_block.sbm_player_wrap div.reply_space { width: 100%; position: absolute; background: tomato; height: 60px; top: 80px; left: 0; background: #000 !important;}

#bgmSearchList
.list_reply_wrap { /*border: 1px solid #666; border-radius: 6px; padding: 10px 20px;*/ margin: 0px auto; width: 642px; background: rgba(255, 255, 255, 0.1); padding: 10px 20px; border-radius: 12px; }
.new_bgm_list_block.sbm_player_wrap { position: relative;}
#bgmSearchList
.list_reply_wrap .list_reply div.a_reply {display: flex; align-items: center; justify-content: flex-start; font-size: 12px; font-weight: 300; color: #fff; gap: 20px; position: relative;}
.list_reply_wrap .list_reply {position: relative;}
.list_reply_wrap .list_reply div.a_reply::after { content: ''; display: block; width: 48px; height: 36px; background: url('/@resource/images/jinseo/pointcoin_bg.png') 50% 50% no-repeat; ; position: absolute; top:-32px; right: -46px; background-size: contain;}
.list_reply_wrap .list_reply div.a_reply .about_point { position: absolute; top: -42px; right: -54px; width: 23px; height: 29px; background: url('/@resource/images/jinseo/pointcoin2.png') 50% 50% no-repeat; animation: coin_ani2 0.8s alternate infinite; background-size: contain; z-index: 1; margin: 10px 20px;}
.list_reply_wrap .list_reply div.a_reply .comment_count_wrap { cursor: pointer; }
@keyframes coin_ani2 {50%{transform: translate(0, 0);} 100%{transform: translate(0, -55%);}}
/*.about_point::after { content: ''; display; block;}*/
.about_point a { display: block; width: 100%; height: 100%;}
.list_reply_wrap .list_reply span.re_nickname { font-weight: 500; overflow: hidden; text-overflow: ellipsis; width: 100px; white-space: nowrap;}
.list_reply_wrap .list_reply span.re_nickname::before { content: ''; display: inline-block; width: 10px; height: 10px; background: url("/@resource/images/jinseo/re_arrow.png") 50% 50% no-repeat; background-size: contain; margin: 0 20px 2px 0;}
.list_reply_wrap .list_reply span.re_cont { display: flex; align-items: center; }
.list_reply_wrap .list_reply span.re_cont:hover { color: #ccc;}
.list_reply_wrap .list_reply span.re_cont .comment { max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; cursor: pointer; transition: 0.3s;}

.list_reply_wrap .list_reply_btn_wrap { display: flex; /*gap: 10px;*/ opacity: 0.6; margin-left: auto;}
.list_reply_wrap .list_reply_btn_wrap button.list_reply_btn { width: 15px; height: 15px;}
.list_reply_wrap .list_reply_btn_wrap button.reply_btn_write { background: url("/@resource/images/jinseo/comment_ico_off.png") 50% 50% no-repeat; background-size: contain;}
.list_reply_wrap .list_reply_btn_wrap button.reply_btn_write.active { background: url("/@resource/images/jinseo/comment_ico_on.png") 50% 50% no-repeat; background-size: contain;}
.list_reply_wrap .list_reply_btn_wrap a.reply_btn_go { display: block;  width: 15px; height: 15px; background: url("/@resource/images/jinseo/plus_ico.png") 50% 50% no-repeat; background-size: contain;}

.list_reply_wrap .list_reply ul.insert_link_wrap { margin: 0 auto; width: 100%;}
.list_reply_wrap .list_reply ul.insert_link_wrap li input { width: 380px; padding: 1px 26px 1px 1px; font-size: 12px; border:none; background: transparent;}
.list_reply_wrap .list_reply ul.insert_link > span { color: #c5c5c5; font-size: 12px;}
.list_reply_wrap .list_reply .reply_btn_wrap { display: flex; gap: 12px; margin-left: auto; width: 60px;}
.list_reply_wrap .list_reply div.reply_btn_wrap button.reply_cansel { margin-right: 0;}
.list_reply_wrap .list_reply ul.insert_link_wrap li input::placeholder { font-size: 12px;}
.list_reply_wrap .list_reply ul.insert_link_wrap li input:focus { outline: none; }
.list_reply_wrap .list_reply ul.insert_link_wrap div.reply_wrap_wrap { width: 18px; height: 18px; position: absolute; cursor: pointer;}
.list_reply_wrap .list_reply ul.insert_link_wrap div.imo_wrap { left: 494px;}


/* 별점팝업 .jinseo.2023-03-27 */
.search_wrap .dimbg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #666; opacity: 0.5; filter: alpha(opacity=50); z-index: 10;}
/*.star_score_wrap {background-color: #000; width: 300px; height: 320px;position: fixed; z-index: 10; text-align: center; padding: 20px; border-radius: 8px; top: 50%; left: 50%; transform: translate(-50%, -50px);}*/
.star_score_wrap {background-color: #000; width: 300px; height: 320px;position: absolute; z-index: 10; text-align: center; padding: 20px; border-radius: 8px;}   /* waspkim.2023-04-08 */
.star_score { font-size: 40px; margin-bottom: 10px; font-weight: 400;}
ul.star_wrap { display: flex;  justify-content: space-between; margin-bottom: 20px;}
ul.star_wrap li.stars { background: #000; width: 40px; height: 40px; cursor: pointer;}
ul.star_wrap li.stars figure { margin: 0;}
.star_infor_text { margin-bottom: 24px;}
.star_btn_wrap {  margin: 0 auto;}
.star_btn_wrap button.star_btn { display: block; margin: 0 auto; padding: 10px 110px; border-radius: 8px;}
.star_btn_wrap button.star_submit { background: #00ffa8; color: #111; border: 1px solid #00ffa8; font-weight: 700; transition: 0.3s; margin-bottom: 12px;}
.star_btn_wrap button.star_submit:hover {  background: #fff; color: #111; border: 1px solid #fff; }
.star_btn_wrap button.star_cansel { background: transparent; border: 1px solid #c5c5c5; color: #c5c5c5;}

/* 대댓글 리스트 .jinseo.2023-03-29 */
.rereply_box_wrap h5.re_nickname::before { /*content: '';*/ display: inline-block; width: 10px; height: 10px; background: url(/@resource/images/jinseo/re_arrow.png) 50% 50% no-repeat; background-size: contain; margin: 0 20px 2px 0;}
.rereply_box_wrap { width: 100%; position: relative; padding-left: 30px; margin-bottom: 30px;}
.rereply_box_wrap h5 { font-size: 14px; display: inline-block;}
.rereply_box_wrap span { color: #c5c5c5; font-size: 12px; font-weight: 500; opacity: 0.5;}
.rereply_box_wrap span { opacity: 0.3; font-weight: 400;}
.rereply_box_wrap span.rere_date { display: block;}
.rereply_box_wrap span.star_result { opacity: 1; display: inline-block;}
.rereply_box_wrap span.star_result img { width: 16px; height: 16px; object-fit: contain;}
.rereply_box_wrap div.txt_line {  width: 94%; font-size: 14px; padding: 12px 0 0px; clear: both; color: #e5e5e5; /*margin-left: 40px;*/ margin-bottom: 6px;} /*jinseo.2023-05-18*/
.rereply_box_wrap .link_thumb { background: #fff; width: 360px; height: 202px; /*margin-left: 40px;*/}
.rereply_box_wrap .link_thumb figure { margin: 0;}

.rereply_box_wrap ul.btn_line { margin-bottom: 6px; margin-left: auto; text-align: right; position: absolute; top: 0; right: 0; display: flex; gap: 12px;}
.rereply_box_wrap ul.btn_line li { font-size: 12px; font-weight: 200; opacity: 0.6;}
.rereply_box_wrap ul.btn_line li.comment_del_wrap { margin-bottom: 26px;}
.rereply_box_wrap ul.claim_line li a.claim { color: #cb0202; opacity: 0.7; font-size: 12px; font-weight: 700; display: block; text-align: right; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.rereply_box_wrap ul.claim_line li a.claim:before {content:''; display:inline-block; width:10px; height:13px; vertical-align:middle; background-image:url(../images/common/re_detail_reply_claim_ico.png); background-size:cover; -webkit-background-size:cover; background-position:center; background-repeat:no-repeat; background-color:transparent; color:#fff; text-align:center; font-size:0px; margin-top:-3px; margin-right:5px;}
.rereply_box_wrap ul.btn_line { margin-bottom: 6px; margin-left: auto; text-align: right; position: absolute; top: 0; right: 0; display: flex; gap: 12px;}
.rereply_box_wrap ul.btn_line li { font-size: 12px; font-weight: 200; opacity: 0.6;}
.rereply_box_wrap ul.btn_line li a.modify { color: #ff9d42;}
.rereply_box_wrap .re_like { display: flex; gap: 10px; align-items: center; justify-content: space-between;}
.rereply_box_wrap ul.like_line li a { color: #5a5a5a; font-size: 12px; font-weight: 800; position: absolute; top: 54%; right: 0;} /*jinseo.2023-04-06*/
.rereply_box_wrap ul.like_line li a:before { content:''; display: inline-block; width: 15px; height: 15px; background:url('../images/jinseo/heart_off.png') 50% 50% no-repeat; vertical-align: middle; margin-top: -2px; margin-right: 5px; background-size: contain;} /*jinseo.2023-04-06*/
.rereply_box_wrap ul.like_line li a.active:before {background-image:url('../images/jinseo/heart_on.png');}  /*waspkim.2023-05-22*/
.rereply_box_wrap ul.like_line li a.active { color:#ff9d42; }   /*waspkim.2023-05-22*/
.rereply_box_wrap button.re_reply_on_btn { opacity: 0.5; font-size: 12px; color: #00ffa8;}
.rereply_box_wrap div.button_line button.re_reply_on_btn span { font-weight: 500;}

/* 포인트 적립 성공 창 .jinseo.2023-03-31 */
/*.point_save_wrap { width: 300px; height: 200px; display: flex; align-items: center; flex-direction: column; background: #000; border-radius: 12px; justify-content: space-between; padding: 60px 24px 24px; position: fixed; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/
.point_save_wrap { width: 300px; height: 200px; display: flex; align-items: center; flex-direction: column; background: #000; border-radius: 12px; justify-content: space-between; padding: 60px 24px 24px; position: absolute; z-index: 10;} /* waspkim.2023-04-08 */
.point_save_wrap .point_save {position: relative;}
.point_save_wrap .point_save::before {content: '';display: block;width: 28px;height: 28px;background: url("/@resource/images/jinseo/m.gif") 50% 50% no-repeat;background-size: contain;position: absolute;top: -36px;left: 50%;transform: translate(-50%, 0);}
.point_save_wrap .point_save strong.point_save_info {font-size: 16px;color: #fff;padding: 10px 0;text-align: center;}
.point_save_wrap .point_save strong.point_save_info span.point_score {font-size: 20px;}
.point_save_wrap .point_save strong.point_save_info span.point_suc {font-size: 20px;display: block;}
.point_save_wrap .point_save_close_wrap {width: 100%;height: 100%;position: absolute;top: 0;right: 0;}
.point_save_wrap .point_save_close {cursor: pointer;width: 12px;height: 12px;background: url("/@resource/images/jinseo/ico_close_js.png") 50% 50% no-repeat;background-size: contain;position: absolute;top: 10px;right: 10px; }
.point_save_wrap .mypoint_go { width: 100%;color: #fff; background: #212121; padding: 10px 0; border-radius: 8px; }

/* 링크 입력 후 썸네일 생성 창 .jinseo.2023-03-31 */
.insert_link_video .insert_link_title { display: block; text-align:center; padding: 10px 0px 8px;}
.insert_link_video_thumb { position: relative;}
.insert_link_video_thumb .type_link { background: #212121; border-radius: 8px; width: 460px; position: absolute; top: 0px; right: 138px; z-index: 10;}
.typed_thumb { width: 280px; height: 157.5px; background: #fff; position: relative; margin: 10px 0 0 140px; background: #666 url("/@resource/images/common/none_check_in_logo.png") 50% 50% no-repeat;
    background-size: 30%;
    filter: grayscale(1);}
.typed_thumb::before { content: ''; display: block; width: 12px; height: 12px; background: url("/@resource/images/jinseo/ico_close_js.png") 50% 50% no-repeat; background-size: contain; position:absolute; top: 10px; right: 10px;}

.rere .insert_link_video {right: 76px;}

/* 더보기 */
.comment_more.re_list_more_wrap { text-align: right; width: 90%; margin: 0 auto; }


/*  댓글 수정 폼  */
.edit_line div.reply_wrap_wrap { width: 24px; height: 24px; position: absolute;  cursor: pointer;}
.edit_line div.imo_wrap { right: 144px; top: 1px; background: url('../images/jinseo/emoji_off.png') 50% 50% no-repeat; background-size: contain;}
.edit_line div.imo_wrap.imo_wrap_pc { right: 144px; top: -4px; background: url('../images/jinseo/emoji_off.png') 50% 50% no-repeat; background-size: contain; transition: 0.4s;}
.edit_line div.imo_wrap.imo_wrap_pc:hover { background: url('../images/jinseo/emoji_on.png') 50% 50% no-repeat; background-size: contain;}
.edit_line div.imo_wrap.active { background: url('../images/jinseo/emoji_on.png') 50% 50% no-repeat; background-size: contain;}
.edit_line div.link_wrap.link_wrap_pc { right: 114px; top: -4px; background: url('../images/jinseo/link_off.png') 50% 50% no-repeat; background-size: contain; transition: 0.4s;}
.edit_line div.link_wrap.link_wrap_pc:hover { background: url('../images/jinseo/link_on.png') 50% 50% no-repeat; background-size: contain; }
.edit_line div.link_wrap.active { background: url('../images/jinseo/link_on.png') 50% 50% no-repeat; background-size: contain;}
ul.reply_menu {display: flex; justify-content: flex-end; position: relative;}
.edit_line { margin: 20px auto; width: 100%;}
.edit_line li.insert_link { /*width: 100%;*/ display: flex; justify-content: space-between; align-items: center; /*gap:20px;*/ position: relative; }
.edit_line li.insert_link span{ display: block; width: 136px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.edit_line li.insert_link label { display: none;}
.edit_line li.insert_link textarea { width: 800px;  border-bottom: 1px solid #c5c5c5; border-top: none; border-left: none; border-right: none; height: 26px; /*padding: 6px 30px; */ }
.edit_line li.insert_link textarea.re_pc_input { padding: 2px 60px 2px 2px;}
.edit_line li.insert_link textarea::placeholder { font-size: 14px;}
.edit_line li.insert_link textarea:focus { color: #fff; outline: none; border-bottom: 1px solid #00ffa8;}
.edit_line li.insert_link div.reply_btn_wrap { width: 134px; text-align: right; }
.edit_line li.insert_link div.reply_btn_wrap button { /*font-weight: 300;*/ transition: 0.4s;}
.edit_line li.insert_link div.reply_btn_wrap button.reply_cansel { margin-right: 18px;}
.edit_line li.insert_link div.reply_btn_wrap button.reply_cansel:hover { color: #fff !important;}
.edit_line li.insert_link div.reply_btn_wrap button.reply_submit.active {  background: #00ffa8; color: #000 !important; font-weight: 500; padding: 2px 10px; border-radius: 12px;}
.edit_line li.insert_link div.reply_btn_wrap button.reply_submit:hover {  /*background: #00ffa8;*/ color: #fff !important; }
.edit_line .insert_link_video_thumb .type_link { right: 112px;}
.edit_line .insert_link_video_thumb .typed_thumb { margin: 10px 0 0 0px;}