.box-input:focus {
    outline: none;
    box-shadow: none;
}

.list_new {
    max-width: 1230px;
    width: 100%;
    margin: 0 -12px;
    margin-top: 16px;
}

.list_new  li.svy_list_li_new {
    display: inline-block;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 0 30px;
}

.list_new  li.svy_list_li_new .box {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: normal;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.list_new  li.svy_list_li_new .thumbs-survey {
    position: relative;
    cursor: pointer;
}

.svy_list_li_new .thumbs-survey {
	position: relative;
	cursor: pointer;
}

.svy_list_li_new .thumbs-survey::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, .2); */
	z-index: 2;
	transition: .2s;
}

.svy_list_li_new .box:hover .thumbs-survey img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.svy_list_li_new .box:hover  {
    -webkit-box-shadow: 18px 18px 26px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;
    -ms-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;
    -o-box-shadow: 18px 18px 26px rgba(0,0,0,0.3) !important;
    box-shadow: 18px 18px 26px rgba(0, 0, 0, 0.3) !important;
    -webkit-transition: .3s !important;
    -moz-transition: .3s !important;
    -ms-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
    -webkit-transition: all .4s ease-out !important;
    transition: all .4s ease-out !important;
}

.svy_list_li_new .thumbs-survey .profile-wrap {
	opacity: 0;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 3;
	display: flex;
    align-items: center;
    gap: 8px;
}

.svy_list_li_new .profile-wrap .profile_thumb {
	position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_new li.svy_list_li_new .box .info .info_txt {
    padding: 24px;
    color: #444;
}

.list_new li.svy_list_li_new .box .info .info_txt.pc .profile-wrap {
    margin-bottom: 8px;
}

.list_new li.svy_list_li_new .box .info .info_txt.pc .profile-wrap .txt-row {
    margin-bottom: 0;
}

.svy_list_li_new .profile-wrap .profile_thumb {

}

.svy_list_li_new .profile-wrap .profile_thumb .profile_image {
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.svy_list_li_new .profile-wrap .profile_thumb .profile_placeholder img  {
	filter: invert(64%) sepia(12%) saturate(5%) hue-rotate(17deg) brightness(94%) contrast(83%);
}

.svy_list_li_new .profile-wrap .writer {
	color: #fff;
	font-weight: 500;
	line-height:1;
}

.svy_list_li_new .thumbs-survey .badge-row {
	opacity: 0;
	position: absolute;
	left: 16px;
	bottom: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	z-index: 3;
	transition: 0.2s;
}

.svy_list_li_new .thumbs-survey .card-badge {
	padding: 6px 12px;
	border-radius: 50px;
	font-weight: 500;
	z-index: 3;
	line-height: 1;
}

.svy_list_li_new .thumbs-survey .card-badge.ai {
	position: absolute;
	right: 16px;
	bottom: 16px;
	background: rgba(232, 248, 240, 0.8);
	color: #1A7A44;
}

.svy_list_li_new .thumbs-survey .card-badge.answer-num {
	background: rgba(76, 154, 255, 0.8);
	color: #fff;
}

.svy_list_li_new .thumbs-survey .card-badge.date {
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
}

.svy_list_li_new .thumbs-survey .card-badge.popularity {
	position: absolute;
	right: 16px;
	top: 16px;
    background: rgb(255 65 65);
    color: #fff;
}

.svy_list_li_new .thumbs-survey .icon-col {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	z-index: 3;
	transition: .2s;
}

.svy_list_li_new .thumbs-survey .icon-col > div {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.svy_list_li_new .thumbs-survey .icon-col > div span {
	line-height: 1;
	color: #fff;
	font-size: 12px;
}

li.svy_list_li_new .box .info h4 {
    display: flex;
    font-size: 18px;
    color: #222;
    font-weight: 700;
    height: 52px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
}

.list_new li.svy_list_li_new .box .info .info_txt.mo {
	display: none;
}

.list_newli.svy_list_li_new .box .info .info_txt.pc {
	display: flex;
	align-items: flex-start;
	ustify-content: space-between;
	flex-direction: column;
	gap: 8px;
}

.list_new li.svy_list_li_new .box .info .info_txt .title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
    margin-bottom: 16px;
}

.list_new li.svy_list_li_new .box .info .info_txt .info-right-detail {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.list_new li.svy_list_li_new .box .info .info_txt .area-btns {
    margin: 16px 0 0;
}

.list_new li.svy_list_li_new .box .info .info_txt .area-btns .btn {
    margin-right: 0;
    padding: 6px 24px;
}

.list_new li.svy_list_li_new .box .info .info_txt .area-btns .share {
    cursor: pointer;
}

.svy_list_li_new .box .info .info_txt .info-right-btn {
	display: flex;
	align-items: center;
	gap: 8px;

    display: none;
}

.svy_list_li_new .box .info .info_txt .info-right-btn .btn-share ,
.svy_list_li_new .box .info .info_txt .info-right-btn .btn-more {
	width: 32px;
	height: 32px;
	background: #f1f1f1;
	border-radius: 50px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}


/* 설문광장 카테고리 */
.svy-category-swiper {
    padding: 0 0 24px;
}

.svy-category-swiper .swiper-wrapper {
	display: flex;
    gap: 8px;
}

.svy-category-swiper .swiper-slide {
  width: auto;
  height: 36px;
  padding: 0 16px;
  border-radius: 50px;
  border: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  color: #181818;
  cursor: pointer;
  transition: .2s ease;
  white-space: nowrap;
}

.svy-category-swiper .swiper-slide.active {
  border-color: #181818;
  background: #181818;
  color: #fff;
}

/* 설문광장 상세페이지 (새로 추가 260525) */
.plaza-detail-page * {
	box-sizing: border-box;
	line-height: 1.5;
	font-size: 14px;
}

.plaza-detail-page {
	background-color: #ededed;
	padding: 0 24px;
	min-height: calc(100vh - 92px);
}

.plaza-detail-page .max-width {
	max-width: 768px;
	width: 100%;
	padding: 0;
}

.plaza-detail-page .max-width .wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 24px 24px 120px;
	background: #fff;
}

.svy-summary-section .thumbs-survey {
	width: 100%;
	border-radius: 16px;
	margin-bottom: 32px;
	position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f5f5f5;
}

.thumbs-survey img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 서베이 카테고리 뱃지 컬러 각각 다르게 설정 */
.list_new li.svy_list_li_new .info .badge-box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.category-badge	{
    display:inline-flex;
    align-items:center;    justify-content:center;
    height:28px;
    padding:0 12px;
    border-radius: 50px;
    font-size:12px;
    font-weight:600;
	margin-bottom: 8px;
}

.list li.svy_list_li_new .info .badge-box .category-badge {
	margin-bottom: 0;
}

 .svy_list_li_new .box .thumbs-survey .card-badge.report  {
    opacity: 0;
    position: absolute;
    top: 16px;
    right: 16px;
    background:#E8F8F0;
    color:#1A7A44;
    z-index: 1;
    font-size: 12px;
 }

  .svy_list_li_new .box .thumbs-survey .category-badge {
    position: absolute;
    bottom: 16px;
    right: 16px;
    opacity: 0;
    z-index: 1;
    margin: 0;
  }

/* 자기진단 보고서 제공 */
.category-badge.report{
    background:#E8F8F0;
    color:#1A7A44;
}

/* AI 자기진단 */
.category-badge.aiselfdiag{
    background:#fff3e0;
    color:#fb8c00;
}

/* 정치 */
.category-badge.politics{
    background:#ffe2e2;
    color:#e53935;
}

/* 경제 */
.category-badge.economy{
    background:#e3f2fd;
    color:#1976d2;
}

/* 사회 */
.category-badge.society{
    background:#ede7f6;
    color:#673ab7;
}

/* 문화, 예술, 생활 */
.category-badge.art{
    background:#fff3e0;
    color:#ef6c00;
}

/* 정부/공공/NGO */
.category-badge.ngo{
    background:#f1f8e9;
    color:#558b2f;
}

/* 북한, 세계 */
.category-badge.world{
    background:#fce4ec;
    color:#d81b60;
}

/* IT */
.category-badge.IT{
    background:#e0f7fa;
    color:#00838f;
}

/* 기업 설문 */
.category-badge.company{
    background:#f3e5f5;
    color:#8e24aa;
}

/* 학술 */
.category-badge.scholar{
    background:#fff3e0;
    color:#fb8c00;
}

/* 연예, 스포츠 */
.category-badge.sports{
    background:#e8f5e9;
    color:#2e7d32;
}

/* 기타 */
.category-badge.etc{
    background:#eeeeee;
    color:#616161;
}

.svy-summary-section .info_txt h4 {
	font-size: 28px;
    color: #222;
    font-weight: 700;
    margin: 0 0 16px 0;
    line-height: 1.4;
    display: flex;
}

.plaza-detail-page .profile-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.svy-summary-section .info .info_txt .profile-wrap .txt-row,
.list li.svy_list_li_new .info .info_txt .profile-wrap .txt-row {
	margin-bottom: 0;
}


.plaza-detail-page .profile-wrap .profile_thumb {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plaza-detail-page .profile_image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.plaza-detail-page .profile-wrap .profile_thumb .profile_placeholder img {
    filter: invert(64%) sepia(12%) saturate(5%) hue-rotate(17deg) brightness(94%) contrast(83%);
}


.svy-summary-section  .info .info_txt .txt-row,
.svy_list_li_new .info .info_txt .txt-row  {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-bottom: 8px;
}

.svy-summary-section  .info .info_txt .label,
.svy_list_li_new .info .info_txt .label {
	color: #555;
}

.svy-summary-section  .info .info_txt .value,
.svy_list_li_new .info .info_txt .value {
	color: #222;
	font-weight: 600;
}

.svy-summary-section .info .txt {
	margin-bottom: 8px;
}

.result-action-wrap{
    display:flex;
    align-items:center;
    gap:12px;
	padding-top: 16px;
}

.btn-result-view{
    flex: 1;
    height: 46px;
    border: 0;
    border-radius: 8px;
    background: #222;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
}

.result-left{
    display:flex;
    align-items:center;
    gap:12px;
}

.result-text{
    color:#fff;
    font-size:16px;
    font-weight:600;
}

.result-arrow{
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.result-icon{
    display:flex;
    align-items:flex-end;
    gap:3px;
    height:20px;
}

.result-icon .bar{
    width:5px;
    border-radius:2px;
    display:block;
}

.result-icon .bar1{
    height:14px;
    background:#ffcc00;
}

.result-icon .bar2{
    height:20px;
    background:#55c271;
}

.result-icon .bar3{
    height:17px;
    background:#4d7cff;
}

.btn-share{
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:#f1f1f1;
    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
    cursor:pointer;
}

.btn-share img {
	filter: brightness(3);
}

.right-arrow-btn {
	rotate: -90deg;
    width: 18px;
    filter: brightness(5);
}

.svy_list_li_new .share .sns,
.svy_list_li_new .share .sns-area {
    visibility: hidden;
    position: absolute;
    right: 16px;
    bottom: 66px;
    width: auto;
    cursor: default;
    z-index: 10000;
}

.svy_list_li_new .share:hover .sns,
.svy_list_li_new .share:hover .sns-area {
    visibility: visible;
    text-indent: 0;
}

.svy_list_li_new .sns-area,
.svy_list_li_new .sns-area2 {
    width: auto;
    height: auto;
    border: 1px solid #ccc;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.svy_list_li_new .share:hover .sns-area2 h1 {
    display: none;
}

.svy_list_li_new .share:hover .sns-area h1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
}

.svy_list_li_new .share:hover .sns-area h1 img {
    width: 18px;
}

.svy_list_li_new .sns-area ul,
.svy_list_li_new .sns-area2 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: fit-content;
    margin: 0 auto;
}

.sub-page.survey .svy_list_li_new .sns .sns-area2 ul li {
    margin: 0;
    width: 50px;
    height: 50px;
}

.svy_list_li_new .sns-area > div ,
.svy_list_li_new .sns-area2 > div {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.svy_list_li_new .sns-area input[type='text'].width-250,
.svy_list_li_new .sns-area2 input[type='text'].width-250 {
    width: 140px;
    height: 35px;
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    text-indent: 10px;
    color: #999;
    padding: 0 8px;
}

.svy_list_li_new .sns-area > div .btn,
.svy_list_li_new  .sns-area2 > div .btn {
    background: #222;
    border-radius: 4px;
    color: #fff;
    padding: 0;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px !important;
}

.svy_list_li_new .sns-area > div .btn a,
.svy_list_li_new  .sns-area2 > div .btn a {
    color: #fff;
}


/* 설문조사 인트로 섹션 */
.svy-description-section {
	padding: 16px;
    background: #f6f6f6;
    border-radius: 12px;
}

.svy-description-section p {
	font-size: 16px;
	line-height: 1.5;
}

/* 댓글 영역 */
.svy-comment-section .comment-write-box{
    padding:12px;
    border:1px solid #e5e5e5;
    border-radius:12px;
    background:#fff;
	margin: 8px  0 32px;
	display: flex;
    align-items: end;
}

.svy-comment-section .comment-textarea{
	width: 100%;
    min-height: 84px;
    border: 0;
    resize: none;
    outline: none;
    font-size: 14px;
    line-height: 1.6;
    color: #111;
    text-align: left;
}

.svy-comment-section .comment-textarea::placeholder{
    color:#999;
}

.svy-comment-section .comment-write-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:16px;
}

.svy-comment-section .comment-guide{
    font-size:13px;
    color:#999;
}

.svy-comment-section .btn-comment-submit{
    min-width: 62px;
    height: 32px;
    padding: 0 16px;
    border-radius: 6px;
    background: #ed5c23;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor:pointer;
}

.svy-comment-section .comment-item-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.svy-comment-section .comment-item{
    display:flex;
    justify-content:space-between;
    gap:16px;
}

.svy-comment-section .comment-left{
    display:flex;
    gap:8px;
    flex:1;
	margin-bottom: 8px;
}

.svy-comment-section .comment-content{
    flex:1;
}

.svy-comment-section .comment-top{
    display:flex;
    align-items:center;
    gap:8px;

    margin-bottom:4px;
}

.svy-comment-section .btn-like{
    display:inline-flex;
    cursor:pointer;
}

.svy-comment-section .like-input{
    display:none;
}

.svy-comment-section .like-icon{
    width:18px;
    height:18px;
    background-image:url('/img/icon/icon_heart.svg');
    background-repeat:no-repeat;
    background-size:100% 200%;
    background-position:center top;
}

.svy-comment-section .comment-more-wrap{
    position:relative;
}

.svy-comment-section .btn-more	{
    width:24px;
    height:24px;
    border:0;
    background:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.svy-comment-section .comment-more-menu	{
	display: none;
	position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    min-width: 88px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    transition: .2s;
}

.svy-comment-section .comment-more-menu.on {
	display: block;
}

.svy-comment-section .comment-more-menu a {
	padding: 8px;
	width: 100%;
	display: inline-block;
}


/* 체크된 상태 */
.svy-comment-section .like-input:checked + .like-icon{
    background-position:center bottom;
}

.svy-comment-section .writer{
    font-size:14px;
    font-weight:700;
    color:#111;
}

.svy-comment-section .date{
    font-size:13px;
    color:#999;
}

.svy-comment-section .comment-text{
    font-size:14px;
    color:#222;
}

.svy-comment-section .reply-btn{
    border:0;
    background:none;
    padding:0;
    font-size:13px;
    color:#999;
    cursor:pointer;
}

.svy-comment-section .comment-right{
    display:flex;
    align-items:center;
    gap:4px;
    flex-shrink:0;
}

.svy-comment-section .comment-right .like {
	display: flex;
	align-items: center;
	gap: 4px;
}

.svy-comment-section .like-btn{
    border:0;
    background:none;
    font-size:20px;
    color:#999;
    cursor:pointer;
}

.svy-comment-section .like-count{
    font-size:14px;
    color:#666;
}

.box-layout-comment .box-top {
    border: solid #d9dce1;
    border-width: 1px 0;
    padding: 0 20px;
    margin: 0 0 20px;
}

.box-prev-comment {
    margin: 20px 0 0 20px;
}

.box-prev-comment a {
    color: #ed5c23;
}

.box-list-comment {
    margin: 20px;
}

.box-list-comment .box-list {
    position: relative;
    margin: 0 0 20px;
}

.box-list-comment .box-list.my-comment:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -5px;
    left: -10px;
    width: 2px;
    height: 52px;
    background: #ed5c23;
}

.box-list-comment .box-list.box-reply {
    margin: 0 0 20px 30px;
}

.box-list-comment .box-list .box-content-text {
    margin: 0 110px 5px 0;
    color: #333;
    word-break: break-all;
}

.box-list-comment .box-list .writer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.box-list-comment .box-list .box-name {
    float: left;
    margin: 0 10px 0 0;
    color: #ed5c23;
    font-weight: 700;
}

.box-list-comment .box-list .box-right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    display: flex;
    align-items: center;
    gap: 8px;

}

/*
.box-list-comment .box-list .box-right .box-option { display: none; position: relative; margin: 0 5px 0 0; cursor: pointer; }
.box-list-comment .box-list:hover .box-right .box-option { display: inline-block; }
.box-list-comment .box-list .box-right .box-option .btn-option { width: 15px; height: 3px; padding: 8px 5px; }
.box-list-comment .box-list .box-right .box-option .btn-option span { float: left; width: 3px; height: 3px; background: #bec2c9; border-radius: 50%; margin: 0 1px; }
.box-list-comment .box-list .box-right .box-option .box-floating { display: none; position: absolute; top: 100%; right: -5px; z-index: 3; width: 68px; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align: left; padding: 5px 0; }
.box-list-comment .box-list .box-right .box-option .box-floating:before { content: ''; position: absolute; top: -6px; right: 10px; left: 0; height: 6px; background: url("/img/issue/ico-arrow-floating.png") no-repeat right center; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a { display: block; text-align: center; font-size: 12px; color: #333; line-height: 22px; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a:hover { background: #ed5c23; color: #fff; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a span { display: inline-block; padding: 0 0 0 20px; width: 22px; height: 24px; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-modify a span { background: url("/img/issue/ico-modify.png") no-repeat left center; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-delete a span { background: url("/img/issue/ico-delete.png") no-repeat left center; }
*/
.box-list-comment .box-list .comment-content-box .box-right .box-option {
    display: none;
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
    z-index: auto;
}

.box-list-comment .box-list .comment-content-box:hover .box-right .box-option {
    display: inline-block;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option {
    width: 15px;
    height: 3px;
    padding: 8px 5px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option span {
    float: left;
    width: 3px;
    height: 3px;
    background: #bec2c9;
    border-radius: 50%;
    margin: 0 1px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating {
    display: none;
    position: absolute;
    top: 100%;
    right: -5px;
    z-index: 3;
    width: 68px;
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    text-align: left;
    padding: 5px 0;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 10px;
    left: 0;
    height: 6px;
    background: url("/img/issue/ico-arrow-floating.png") no-repeat right center;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 22px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a:hover {
    background: #ed5c23;
    color: #fff;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a span {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 22px;
    height: 24px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-modify a span {
    background: url("/img/issue/ico-modify.png") no-repeat left center;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-delete a span {
    background: url("/img/issue/ico-delete.png") no-repeat left center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option {
    display: none;
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.box-list-comment .box-list .comment-reply-content-box:hover .box-right .box-option {
    display: inline-block;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option {
    width: 15px;
    height: 3px;
    padding: 8px 5px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option span {
    float: left;
    width: 3px;
    height: 3px;
    background: #bec2c9;
    border-radius: 50%;
    margin: 0 1px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating {
    display: none;
    position: absolute;
    top: 100%;
    right: -5px;
    z-index: 3;
    width: 68px;
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    text-align: left;
    padding: 5px 0;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 10px;
    left: 0;
    height: 6px;
    background: url("/img/issue/ico-arrow-floating.png") no-repeat right center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 22px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a:hover {
    background: #ed5c23;
    color: #fff;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a span {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 22px;
    height: 24px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-modify a span {
    background: url("/img/issue/ico-modify.png") no-repeat left center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-delete a span {
    background: url("/img/issue/ico-delete.png") no-repeat left center;
}

.box-list-comment .box-list {
    position: relative;
    margin: 0 0 20px;
}

.box-list-comment .box-list.my-comment:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -5px;
    left: -10px;
    width: 2px;
    height: 52px;
    background: #ed5c23;
}

.box-list-comment .box-list.box-reply {
    margin: 0 0 20px 30px;
}

.box-list-comment .box-list .box-content-text {
    margin: 0 110px 5px 0;
    color: #333;
    word-break: break-all;
}

.box-list-comment .box-list .box-name {
    float: left;
    margin: 0 10px 0 0;
    color: #ed5c23;
    font-weight: 700;
}

.box-list-comment .box-list .box-right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

/*
.box-list-comment .box-list .box-right .box-option { display: none; position: relative; margin: 0 5px 0 0; cursor: pointer; }
.box-list-comment .box-list:hover .box-right .box-option { display: inline-block; }
.box-list-comment .box-list .box-right .box-option .btn-option { width: 15px; height: 3px; padding: 8px 5px; }
.box-list-comment .box-list .box-right .box-option .btn-option span { float: left; width: 3px; height: 3px; background: #bec2c9; border-radius: 50%; margin: 0 1px; }
.box-list-comment .box-list .box-right .box-option .box-floating { display: none; position: absolute; top: 100%; right: -5px; z-index: 3; width: 68px; border: 1px solid #d9dce1; border-radius: 5px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.2); text-align: left; padding: 5px 0; }
.box-list-comment .box-list .box-right .box-option .box-floating:before { content: ''; position: absolute; top: -6px; right: 10px; left: 0; height: 6px; background: url("/img/issue/ico-arrow-floating.png") no-repeat right center; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a { display: block; text-align: center; font-size: 12px; color: #333; line-height: 22px; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a:hover { background: #ed5c23; color: #fff; }
.box-list-comment .box-list .box-right .box-option .box-floating > div a span { display: inline-block; padding: 0 0 0 20px; width: 22px; height: 24px; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-modify a span { background: url("/img/issue/ico-modify.png") no-repeat left center; }
.box-list-comment .box-list .box-right .box-option .box-floating .btn-delete a span { background: url("/img/issue/ico-delete.png") no-repeat left center; }
*/
.box-list-comment .box-list .comment-content-box .box-right .box-option {
    display: none;
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
    z-index: auto;
}

.box-list-comment .box-list .comment-content-box:hover .box-right .box-option {
    display: inline-block;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option {
    width: 15px;
    height: 3px;
    padding: 8px 5px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option span {
    float: left;
    width: 3px;
    height: 3px;
    background: #bec2c9;
    border-radius: 50%;
    margin: 0 1px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating {
    display: none;
    position: absolute;
    top: 100%;
    right: -5px;
    z-index: 3;
    width: 68px;
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    text-align: left;
    padding: 5px 0;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 10px;
    left: 0;
    height: 6px;
    background: url("/img/issue/ico-arrow-floating.png") no-repeat right center;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 22px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a:hover {
    background: #ed5c23;
    color: #fff;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating > div a span {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 22px;
    height: 24px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-modify a span {
    background: url("/img/issue/ico-modify.png") no-repeat left center;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .box-floating .btn-delete a span {
    background: url("/img/issue/ico-delete.png") no-repeat left center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option {
    display: none;
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.box-list-comment .box-list .comment-reply-content-box:hover .box-right .box-option {
    display: inline-block;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option {
    width: 15px;
    height: 3px;
    padding: 8px 5px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .btn-option span {
    float: left;
    width: 3px;
    height: 3px;
    background: #bec2c9;
    border-radius: 50%;
    margin: 0 1px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating {
    display: none;
    position: absolute;
    top: 100%;
    right: -5px;
    z-index: 3;
    width: 68px;
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    text-align: left;
    padding: 5px 0;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 10px;
    left: 0;
    height: 6px;
    background: url("/img/issue/ico-arrow-floating.png") no-repeat right center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #333;
    line-height: 22px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a:hover {
    background: #ed5c23;
    color: #fff;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating > div a span {
    display: inline-block;
    padding: 0 0 0 20px;
    width: 22px;
    height: 24px;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-modify a span {
    background: url("/img/issue/ico-modify.png") no-repeat left center;
}

.box-list-comment .box-list .comment-reply-content-box .box-right .box-option .box-floating .btn-delete a span {
    background: url("/img/issue/ico-delete.png") no-repeat left center;
}

.box-list-comment .box-list .box-right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    /*display: flex;
    align-items: center;
    gap: 8px;*/

}

.box-list-comment .box-list .box-right .my-emotion {
    position: relative;
    display: inline-block;
    text-align: right;
}

.box-list-comment .box-list .box-right .my-emotion b {
    cursor: pointer;
    color: #ed5c23;
    font-weight: 400;
}

.box-list-comment .box-list .box-right .popup-emotion {
    display: none;
    position: absolute;
    top: 24px;
    right: 0px;
    z-index: 3;
    border: 1px solid #d9dce1;
    border-radius: 5px;
    background: #fff;
    padding: 5px 5px;
    width: 200px;
    text-align: center;
    transform: none;
    left: auto;
}

.none_blank {
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px;
}


.box-list-comment .box-list .box-right .popup-emotion ul li {
    display: inline-block;
    width: 20%;
    font-size: 10px;
    line-height: normal;
    letter-spacing: normal;
}

.box-list-comment .box-list .box-right .popup-emotion ul li a {
    display: inline-block;
    width: 40px;
    padding: 35px 0 0 0;
    display: block;
    color: #999;
    font-size: 12px;
}

.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion1 a {
    background: url(/img/issue/ico-emotion1.png) center top no-repeat;
    background-size: 30px;
}

.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion2 a {
    background: url(/img/issue/ico-emotion2.png) center top no-repeat;
    background-size: 30px;
}

.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion3 a {
    background: url(/img/issue/ico-emotion3.png) center top no-repeat;
    background-size: 30px;
}

.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion4 a {
    background: url(/img/issue/ico-emotion4.png) center top no-repeat;
    background-size: 30px;
}

.box-list-comment .box-list .box-right .popup-emotion ul li.box-emotion5 a {
    background: url(/img/issue/ico-emotion5.png) center top no-repeat;
    background-size: 30px;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option {
    display: none;
    position: relative;
    margin: 0 5px 0 0;
    cursor: pointer;
    z-index: auto;
}

.box-list-comment .box-list .comment-content-box .box-right .box-option .btn-option {
    width: 15px;
    height: 3px;
    padding: 8px 5px;
}

.dropdown-comment .btn-dropdown-comment {
    display: block;
    width: 15px;
    height: 32px;
    background: url(https://nownsurvey.com/img/svy/dropdown_setting_off.png?v=20211217) center no-repeat;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    text-indent: -9999px;
}

.box-list-comment .box-list .box-action .btn-comment {
    float: left;
}

.box-list-comment .box-list .box-action .btn-comment a {
    color: #ed5c23;
    font-size: 12px;
}

.box-list-comment .box-list .box-action .box-date {
    float: left;
    color: #999;
    font-size: 12px;
}

.box-list-comment .box-list .box-action {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}


.dropdown-comment .layer-option-small {
    position: absolute;
    min-width: 50px;
    top: 25px;
    right: -2px;
    left: auto;
    z-index: 999;
}

.dropdown-comment .layer-option-small .option-list {
    color: #666;
    font-size: 14px;
    padding: 5px 0;
    background: #fff;
    position: relative;
    border: 1px solid #d9dce1;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.dropdown-comment .layer-option-small .option-list ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0;
}

.dropdown-comment .layer-option-small .option-list ul li a {
    display: block;
    padding: 5px 5px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.box-layout-comment .box-write .box-cancel {
    margin: 8px 54px 0 0;
    font-size: 12px;
    color: #999;
    text-align: right;
}

.box-layout-comment .box-write .box-cancel a {
    color: #ed5c23;
        font-size: 12px;
}

.box-layout-comment .box-write {
    position: relative;
    padding: 0 0 20px;
    font-size: 12px;
}

.box-layout-comment .box-write .box-write-comment {
    position: relative;
    border: 1px solid #d9dce1;
    background: #fafafa;
    padding: 10px;
    border-radius: 8px;
    margin: 0 66px 0 0;
}

.box-layout-comment .box-write .box-write-comment .text-guide {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    color: #acacac;
    line-height: 17px;
}

.box-layout-comment .box-write .box-write-comment .box-input {
    position: relative;
    z-index: 2;
    background: transparent;
    white-space: pre-wrap;
    word-break: break-all;
    min-height: 18px;
}

.box-layout-comment .box-write .box-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 40px;
    text-align: center;
    line-height: 38px;
}


.box-layout-comment .box-write .box-btn a {
    display: block;
    width: inherit;
    height: inherit;
    background: #ed5c23;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 참여하기 하단 고정버튼 */
.svy-action-bar{
    position: fixed;
    left: 50%;
    bottom: 0;
	transform: translateX(-50%);
    width: 100%;
	max-width: 768px;
    padding: 16px 24px;
    background: #fff;
    border-top: 1px solid #eaeaea;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-join-survey{
    width: 100%;
    height: 56px;
    border: 0;
    border-radius: 8px;
    background: #ed5c23;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

ul li.emoticon a {
    background: url(/img/issue/btn-emotion.png) no-repeat left center;
    padding: 0 0 0 38px;
	display: block;
    padding: 0 0 0 24px;
    width: 40px;
    height: 28px;
    color: #666;
    line-height: 28px;
    background-size: 40px 20px;
}

ul li.emotion-count {
    text-align: center;
    font-weight: 500;
}

.box-hidden-top-emotion {
    display: none;
    z-index: 100;
    width: 400px;
    text-align: center;
    position: absolute;
    top: -150px !important;
    bottom: 88px !important;
    right: 24px;
    /*left: 50% !important;
    transform: translateX(-50%) !important;*/
    border: 1px solid #bebebe;
    border-radius: 12px;
    background: #fff;
    padding: 20px 0 !important;
    transform: translateX(12px) !important;
}

.box-hidden-top-emotion.open {
    display: block;
}

.box-hidden-top-emotion .overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.box-top-emotion {
    margin: 16px 0;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.box-hidden-top-emotion ul,
.box-top-emotion ul {
    max-width: 400px;
    padding: 0 10px;
    margin: auto;
    box-sizing: border-box;
    display: flex;
}

.box-top-emotion ul li,
.box-hidden-top-emotion ul li {
    display: inline-block;
    width: 20%;
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box-top-emotion ul li a,
.box-hidden-top-emotion ul li a {
    display: inline-block;
    width: 55px;
    padding: 60px 0 0 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.box-top-emotion ul li.box-emotion1 a,
.box-hidden-top-emotion ul li.box-emotion1 a {
    background: url(/img/issue/ico-emotion1.png) center top no-repeat;
}

.box-top-emotion ul li.box-emotion2 a,
.box-hidden-top-emotion ul li.box-emotion2 a {
    background: url(/img/issue/ico-emotion2.png) center top no-repeat;
}

.box-top-emotion ul li.box-emotion3 a,
.box-hidden-top-emotion ul li.box-emotion3 a {
    background: url(/img/issue/ico-emotion3.png) center top no-repeat;
}

.box-top-emotion ul li.box-emotion4 a,
.box-hidden-top-emotion ul li.box-emotion4 a {
    background: url(/img/issue/ico-emotion4.png) center top no-repeat;
}

.box-top-emotion ul li.box-emotion5 a,
.box-hidden-top-emotion ul li.box-emotion5 a {
    background: url(/img/issue/ico-emotion5.png) center top no-repeat;
}

.box-top-emotion ul li.box-emotion1 a:hover {
    background: url("/img/issue/ico-emotion1_over.png") center top no-repeat;
}

.box-top-emotion ul li.box-emotion2 a:hover {
    background: url("/img/issue/ico-emotion2_over.png") center top no-repeat;
}


.box-top-emotion ul li.box-emotion3 a:hover {
    background: url("/img/issue/ico-emotion3_over.png") center top no-repeat;
}

.box-top-emotion ul li.box-emotion4 a:hover {
    background: url("/img/issue/ico-emotion4_over.png") center top no-repeat;
}


.box-top-emotion ul li.box-emotion5 a:hover {
    background: url(/img/issue/ico-emotion5_over.png) center top no-repeat;
}


.box-top-emotion ul li .text,
.box-hidden-top-emotion ul li .text {
    display: block;
    color: #999;
}

.box-top-emotion ul li .number,
.box-hidden-top-emotion ul li .number {
    font-weight: 700;
    color: #000;
}

@media (max-width: 1023px) {

    .list_new {
        margin: 0;
    }

   .list_new li.svy_list_li_new {
        display: inline-block;
        width: 47%;
        padding: 0 !important;
        margin: 0 10px 20px 10px;
    }

.svy_list_li_new .box:hover .thumbs-survey::before {
	background: rgba(0, 0, 0, .5);
}

.svy_list_li_new .box:hover .icon-col {
	opacity: 1;
}

.list_new li.svy_list_li_new .thumbs-survey {
    margin: 0;
}

.svy_list_li_new .box .info .info_txt h4 {
		margin-bottom: 0;
		font-size: 16px;
	}

   .list_new li.svy_list_li_new .box .info .info_txt.mo {
		display: block;
	}

	   .list_new li.svy_list_li_new .box .info .info_txt.pc {
		display: none;
	}

    .list_new li.svy_list_li_new .box .info .info_txt .title {
        margin-bottom: 0;
    }

    .svy_list_li_new .box .info .info_txt .info-right-btn {
        display: flex;
    }

	   .list_new li.svy_list_li_new .box .info .info_txt {
		padding: 16px !important;
	}

	   .list_new li.svy_list_li_new .box .info {
		margin: 0;
	}

    .svy_list_li_new .profile-wrap .writer {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

.svy_list_li_new .thumbs-survey .profile-wrap {
    opacity: 1;
}
	
	.svy_list_li_new .box:hover .thumbs-survey .badge-row,
    .svy_list_li_new .box  .thumbs-survey .card-badge.report,
      .svy_list_li_new .box .thumbs-survey .category-badge   {
		opacity: 1;
	}

    .sub-page.survey  .svy_list_li_new .sns-area {
        max-width: fit-content;
    }

    .sub-page.survey .svy_list_li_new .sns-area ul li {
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

        .sub-page.survey .svy_list_li_new .sns-area ul li a,
    .sub-page.survey .svy_list_li_new .sns-area ul li img {
        display: block;
        width: 50px;
        height: 50px;
    }
}


@media (max-width:768px){
    .list_new li.svy_list_li_new {
        display: block;
        width: 100%;
        padding: 0 !important;
        margin: 0 0 16px;
       }

  .mobile-only {
    display: block;
  }

  .svy-filter-sort {
    display: none;
  }

  .main_tit_box .main_tit {
	font-size: 28px;
  }

.list_new li.svy_list_li_new .box .info h4 {
	font-size: 16px;
    height: auto;
    max-height: 46px;
  }

  /* 설문광장 상세페이지 */
  	.plaza-detail-page {
		padding: 0;
	}

	.plaza-detail-page .max-width .wrap {
		padding: 16px 16px 120px;
	}

	.svy-summary-section .info_txt h4 {
		font-size: 22px;
	}

}