.review {display:none;}
.popup_modal_close {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;background-color: #7b7b7b;opacity: 0.6;display: none;}
.display-block { display: block !important;}
.keyword_graph { padding:16px 16px 0px 16px;}
.keyword_graph .title { font-family: Pretendard;font-size: 13px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #242424;} 
.keyword_graph .keyword_msg { line-height: 38px; position: absolute; flex-grow: 0; font-family: Pretendard; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal;text-align: left; color: #000;padding-left:40px;}
.keyword_graph .progress {display: flex;height: 38px;overflow:hidden;margin-top:12px;border-radius: 5px;background-color: #f9f9f9;}

.keyword_graph .bg-info {background-color: #f1deff;}

.keyword_graph .bg-info2 {background-color: #fed7d7;}
.keyword_graph .bg-info3 {background-color: #fef1c2;}
.keyword_graph .bg-info4 {background-color: #ffe4f0;}
.keyword_graph .bg-info5 {background-color: #edfae2;}
.keyword_graph .bg-info6 {background-color: #ffefe0;}
.keyword_graph .bg-info7 {background-color: #ffe4fc;}
.keyword_graph .bg-info8 {background-color: #ffe2b6;}
.keyword_graph .bg-info9 {background-color: #d1e3ff;}
.keyword_graph .bg-info10 {background-color: #e7edff;}

.keyword_graph .bg-info:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon1.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info2:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon2.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info3:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon3.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info4:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon4.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info5:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon5.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info6:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon6.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info7:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon7.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info8:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon8.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info9:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon9.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}
.keyword_graph .bg-info10:before { content:'';background-image:url("https://d2i2w6ttft7yxi.cloudfront.net/site_img/images/review_icon/review_keyword_icon10.webp");background-size:28px 28px;width:28px;height:28px;display:inline-block;margin-left:7px;}


.keyword_graph .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center;border-radius: 5px;}
.keyword_graph .keyword_percent { line-height: 38px; position: absolute; flex-grow: 0; font-family: Pretendard; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal;text-align: left; color: #000;right: 34px;}
.keyword_graph #keyword_switch {font-family: Pretendard;text-align: center;padding: 10px 0px 0px;font-size: 13px;font-stretch: normal;font-style: normal;line-height: 40px;letter-spacing: normal;color: #585858;font-weight: 700;}

.keyword_graph #keyword_switch img {display: inline-block;vertical-align: middle;padding-bottom: 3px;}

.form_info_ul.review_ul * {font-family: Pretendard;}
.review_title_bar {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;padding: 10 16px;background-color: #fff;border-bottom: 0.5px solid #c4c4c4;gap: 18px;}
.review_title_bar .title {font-family: Pretendard;font-size: 13px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #242424;}
.review_title_bar .title_inactive {font-family: Pretendard;font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: rgba(36, 36, 36, 0.4);}
.review_title_bar .right {font-family: Pretendard;font-size: 13px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: right;color: rgba(36, 36, 36, 0.4);}
.review_title_bar .title_amount {font-family: Pretendard;font-size: 13px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: rgba(36, 36, 36, 0.4);right: 16px;position: absolute;}
.review_title_bar .form_btn {display: flex;justify-content: flex-start;align-items: flex-start;gap: 4px;padding: 5px 6px;border-radius: 5px;background-color: #f0f0f0;font-family: Pretendard;font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: right;color: rgba(36, 36, 36, 0.6);}
.form_info_ul.review_ul li {display: inline-block;padding:16px 16px 0px 16px;border-bottom: 0.5px solid #c4c4c4;width:100%;}
.form_info_ul.review_ul .swiper-container {width: 100%;}
.form_info_ul.review_ul .swiper-container .swiper-slide {width: 100px;margin-right: 12px;}
.form_info_ul.review_ul .swiper-container .swiper-slide img {object-fit: cover;width: 100px;height: 100px;border-radius: 10px;}
.form_info_ul.review_ul .swiper-container .swiper-wrapper {overflow: auto;overflow-y: hidden;}
.form_info_ul.review_ul li .card {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: start;min-width: 100%;}
.form_info_ul.review_ul li .card .profile { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: start; font-family: Pretendard; font-size: 12px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;margin-bottom: 10px;}
.form_info_ul.review_ul li .card .profile .profile_img {width: 28px;height: 28px;margin-right: 7px;border-radius: 50%;}
.form_info_ul.review_ul li .card .profile .profile_name {font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 28px;letter-spacing: normal;text-align: left;color: #000;}
.form_info_ul.review_ul li .card .date {font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;margin-bottom: 10px;}
.form_info_ul.review_ul li .card .date .modify {font-family: Pretendard;font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;margin-bottom: 10px;}
.form_info_ul.review_ul li .card .review_text {font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.42px;text-align: left;color: #000;margin-top: 10px;margin-bottom: 10px;}
.form_info_ul.review_ul li .popup_btn { position: absolute;right: 10px;width: 13px;height: auto;margin-top: 5px;}
.form_info_ul.review_ul li .card .review_keyword {margin-bottom: 10px;}
.form_info_ul.review_ul li .card .review_keyword .review_keyword_box {display: inline-block;border-radius: 16px;background-color: rgba(254, 193, 35, 0.2);font-size: 12px;font-weight: 500;color: #242424;padding: 5px 8px;cursor: pointer;margin: 0px 8px 8px 0px;}


/*리뷰 댓글*/
.form_info_ul.review_ul li .comment_content { padding:20px 16px;background-color: #fffdf0;border-top:1px solid rgba(36, 36, 36, 0.1); width:calc( 100% +  32px );margin-left:-16px;margin-top:16px;}
.form_info_ul.review_ul li .comment_content .profile { display: inline-block;font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal; letter-spacing: normal;text-align: left; color: #9f9f9f; margin-bottom: 10px;}
.form_info_ul.review_ul li .comment_content .profile .profile_img { width: 28px; height: 28px; margin-right: 7px; border-radius: 50%;float:left;}
.form_info_ul.review_ul li .comment_content .profile .profile_name {font-family: Pretendard;font-size: 14px;font-weight: 500; font-stretch: normal; font-style: normal;line-height: 28px; letter-spacing: normal;text-align: left;color: #000;float:left;}	
.form_info_ul.review_ul li .comment_content .date {font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;padding-left:26px;}

.form_info_ul.review_ul li .comment_content .reply { display:inline-block;float:left;}
.form_info_ul.review_ul li .comment_content .reply img { width: 20px; height: 20px; margin-right: 10px;}
.form_info_ul.review_ul li .comment_content .review_text {font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.42px;text-align: left;color: #242424;margin-top: 10px;margin-bottom: 10px;padding-left:26px;word-break: break-all;}

.form_info_ul.review_ul li .popup_btn_comment { position: absolute;right: 10px;width: 13px;height: auto;margin-top: 40px;}

/*댓글팝업*/
.comment_popup { width: 100%; height: 100%; position: fixed; z-index: 15; display: flex; flex-direction: column; top: 0; left: 0; background-color: #fff; overflow: auto; display: none;}
.comment_header { position: fixed; width: 100%; background: #fff; z-index: 2; top: 0;border-bottom:solid 0.5px #e2e2e2;}
.comment_header .top {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;padding: 16px;}
.comment_header .top .back_icon {width: 24px;height: 24px;}
.comment_header .top p {font-family: Pretendard;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;text-align: center;color: #343943;}
.comment_header .top .close_icon {width: 24px;height: 24px;}
.comment_popup .comment_div { padding:72px 16px 16px 16px;}

.comment_popup .comment_div .profile { display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;align-items: start;font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal; letter-spacing: normal;text-align: left; color: #9f9f9f; margin-bottom: 10px;}
.comment_popup .comment_div .profile .profile_img { width: 28px; height: 28px; margin-right: 7px; border-radius: 50%;}
.comment_popup .comment_div .profile .profile_name {font-family: Pretendard;font-size: 14px;font-weight: 500; font-stretch: normal; font-style: normal;line-height: 28px; letter-spacing: normal;text-align: left;color: #000;}	
.comment_popup .comment_div .date {font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;margin-bottom: 10px;}
.comment_popup .comment_div .swiper-container {width: 100%;}
.comment_popup .comment_div .swiper-container .swiper-wrapper {overflow: auto;overflow-y: hidden;}
.comment_popup .comment_div .swiper-container .swiper-slide {width: 100px;margin-right: 12px;}
.comment_popup .comment_div .swiper-container .swiper-slide img {object-fit: cover;width: 100px;height: 100px;border-radius: 10px;}
.comment_popup .comment_div .review_text {font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.42px;text-align: left;color: #000;margin-top: 10px;margin-bottom: 10px;}
.comment_popup .comment_div .review_keyword {margin-bottom: 10px;}
.comment_popup .comment_div .review_keyword .review_keyword_box {display: inline-block;border-radius: 16px;background-color: rgba(254, 193, 35, 0.2);font-size: 12px;font-weight: 500;color: #242424;padding: 5px 8px;cursor: pointer;margin: 0px 8px 8px 0px;font-family: Pretendard;}


.comment_popup  .comment_fixbar {position: fixed;width: 100%;background: #fff;z-index: 2;bottom: 0;}
.comment_popup  .send {display: flex;flex-direction: row; flex-wrap: nowrap;align-items: center;justify-content: space-between;padding: 10px 12px;border-radius: 15px;background-color: #f5f6f8;margin: 10px 16px;height: 44px;}
.comment_popup  .send textarea {margin-right: 8px;margin-right: 8px;width: 100%;border: none; background-color: #f5f6f8;font-family: Pretendard;font-size: 15px; font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #343943;height:20px;}
.comment_popup  .send .sendImg {display: flex;flex-direction: row;flex-wrap: nowrap; align-items: center;}
.comment_popup  .send .sendImg #sendComment {width: 24px; height: 24px;}



.comment_popup .comment_content { padding:20px 16px;background-color: #fffdf0;border-top:1px solid rgba(36, 36, 36, 0.1);display:none;}
.comment_popup .comment_content .profile { display: inline-block;font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal; letter-spacing: normal;text-align: left; color: #9f9f9f; margin-bottom: 10px;}
.comment_popup .comment_content .profile .profile_img { width: 28px; height: 28px; margin-right: 7px; border-radius: 50%;float:left;}
.comment_popup .comment_content .profile .profile_name {font-family: Pretendard;font-size: 14px;font-weight: 500; font-stretch: normal; font-style: normal;line-height: 28px; letter-spacing: normal;text-align: left;color: #000;float:left;}	
.comment_popup .comment_content .date {font-family: Pretendard;font-size: 12px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #9f9f9f;padding-left:26px;}

.comment_popup .comment_content .reply { display:inline-block;float:left;}
.comment_popup .comment_content .reply img { width: 20px; height: 20px; margin-right: 10px;}
.comment_popup .comment_content .review_text {font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.42px;text-align: left;color: #242424;margin-top: 10px;margin-bottom: 10px;padding-left:26px;word-break: break-all;}

.comment_popup .popup_btn { position: absolute; right: 10px; width: 13px; height: auto; margin-top: 27px;display:none;}


.reviewPopupComponent .popup_modal {text-align: center;transition: none;background-color: #fff;border-top-right-radius: 10px;border-top-left-radius: 10px;width: 100%;position: fixed;font-size: 16px;font-weight: normal;bottom: -100%;left: 0;display: flex;flex-direction: column;align-items: center;z-index: 0;}
.popup_modal_up {bottom: 0% !important;transition: all 200ms cubic-bezier(0.86, 0, 0.07, 1) !important;z-index: 12 !important;}
.page_con { display: flex; justify-content: center; margin-top: 30px;}
.page_con ul { display: flex; flex-direction: row; flex-wrap: nowrap; border: solid 1px #e8e8e8;}
.page_con ul li { width: 38px; height: 40px;font-size: 14px;font-weight: 300;text-align: left;color: #5f5f5f;display: flex;align-items: center;justify-content: center;border-right: solid 1px #e8e8e8;cursor: pointer;}
.page_con ul li.disabled { cursor: none; pointer-events: none; color: #989; cursor: not-allowed; opacity: 0.3;}
.page_con ul li.active { z-index: 1; color: #373a3c; background-color: #fff; cursor: default; font-weight: 800;}
.reviewPopupComponent .popup_modal .title { font-family: Pretendard; font-size: 16px; font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #242424;width: 375px;padding: 19px 15px 19px 15px;margin: 0;}
.reviewPopupComponent .popup_modal .con {width: 100%;max-height: 50vh;overflow: auto;padding: 0.7vw 6vw 4.2vw;}
.reviewPopupComponent .popup_modal .bar {display: block;width: 4.3vw;height: 0.7vw;border-radius: 0.7vw;margin: 2.6vw auto 3.4vw;background-color: #999;}
.reviewPopupComponent .popup_modal .con .item_div {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;border-bottom: 1px solid rgba(36, 36, 36, 0.2);padding: 10px 0;}
.reviewPopupComponent .popup_modal .con .item_div .item { display: inline-block; position: relative; padding-left: 7px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;font-family: Pretendard;font-size: 15px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #242424;width: 100%;}
.reviewPopupComponent .popup_modal .con .item_div .item.icon { width: 19px; display: inline-block; position: relative; padding: 0; font-size: 15px;}
.reviewPopupComponent .popup_modal .con .item_div .item.red { color: #f66;}
.reviewPopupComponent .popup_modal .con #filter_popup_item .item_div .item.icon {width: 39px;height: 33px;border-radius: 5px;display: inline-block;position: relative; padding: 0;font-size: 15px;}
.reviewPopupComponent .popup_modal .con #filter_popup_item .item_div .item.icon img { object-fit: cover;width: 39px;height: 33px;border-radius: 5px;display: inline-block;position: relative;padding: 0;font-size: 15px;}
.reviewPopupComponent .popup_modal .popup_title {width: 100%;padding: 0.7vw 6vw 0;}
.reviewPopupComponent .popup_modal .popup_title .item_div {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;border-bottom: 1px solid rgba(36, 36, 36, 0.2);padding: 10px 0;}
.reviewPopupComponent .popup_modal .popup_title .item_div .item { display: inline-block; position: relative; padding-left: 7px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;font-family: Pretendard;font-size: 15px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #242424;width: 100%;}
.reviewPopupComponent .popup_modal .popup_title .item_div .item.icon { width: 39px; height: 33px; border-radius: 5px; display: inline-block; position: relative; padding: 0; font-size: 15px;}
.reviewPopupComponent .popup_modal .popup_title .item_div .item.icon img { object-fit: cover; width: 39px; height: 33px; border-radius: 5px; display: inline-block; position: relative; padding: 0; font-size: 15px;}

.review_form { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: start; min-width: 100%; padding: 3px 6px; border-radius: 5px; border: solid 1px rgba(36, 36, 36, 0.1); width: 100%;}
#review_form_possible_div { display: none; }
.review_form_possible {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: start; min-width: 100%; padding: 4px 5px; width: 100%; border-radius: 5px; background-color: #f9f9f9;}
.review_form_possible .go_btn { display: inline-block; font-family: Pretendard;font-size: 15px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: right;color: #565656;right: 30px;position: absolute;}
.review_form_possible img {width: 32px;height: 32px;border-radius: 50%;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);}
.review_form_possible .img_dot {width: 32px;height: 32px;border-radius: 50%;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);background-color: rgba(237, 237, 237, 0.8);margin-left: -15px;display: flex;align-items: center;justify-content: center;}
.review_form_possible .img_dot img {width: 13px;height: auto;}
.review_form_possible .possible_msg { font-family: Pretendard;font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #565656;}
.review_form_possible .possible_msg .bold {font-weight: bold;}
.review_form .review_form_img {width: 39px;height: 33px;border-radius: 5px; margin-right: 7px;position: relative;}
.review_form .review_form_img > img { width: 100%; height: 100%; border-radius: 5px; object-fit: cover;}
.review_form .review_form_title { line-height: 33px;font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: left;color: #000;width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.review_write {padding: 10px 15px;}
.review_form .form_btn {display: flex;justify-content: flex-start;align-items: flex-start;gap: 4px;padding: 5px 6px;border-radius: 5px;background-color: #f0f0f0;font-family: Pretendard;font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: right;color: rgba(36, 36, 36, 0.6);}
.data_none {width: 100%;display: flex;flex-direction: column;align-items: center;}
.data_none img {margin-bottom: 16px;width: 110px;height: 80px;}
.data_none span {font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #9f9f9f;margin-bottom: 33px;}

.review_comment { font-family: Pretendard;display: inline-block;width:100%; margin: 20px 0px 4px 0px;}
.review_comment .review_comment_msg { display:inline-block;float:left;font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.42px;text-align: left;color: #9f9f9f;}
.review_comment .review_like { display:inline-block;float:right; font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 18px;letter-spacing: -0.42px;text-align: left;color: #d9d9d9;}
.review_comment .review_like.like_my { display:inline-block;float:right; font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 18px;letter-spacing: -0.42px;text-align: left;color: #ff6160;}
.review_comment .review_like img { width:18px;height:18px;float:left; margin-right:4px; }