:root {
  --light-grey: rgba(159, 159, 159, 1);
  --black: rgba(17, 17, 17, 1);
  --variable-collection-main: rgba(134, 98, 230, 1);
}


.content-frame {
  position: relative;
  /* width: 1685px; */
  width:100%;
  /* height: 1512px; */
  background-color: #f9f9f9;
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
}


/* detail */

.detail_item{width:1380px; display: flex; justify-content: space-between; margin-top:85px; flex-wrap:wrap;}
.detail_frame{flex-basis:60%; max-width:60%; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
/* .ainews-frame{flex-basis:40%; max-width:40%;} */


.content-frame .modallayerbtmbtn {
  position: fixed;
  width: 40px;
  height: 88px;
  /* top: 1387px;
  left: 1619px; */
  bottom:2%;
  right:1%;
}

.content-frame .modallayer-froup {
  position: relative;
  height: 88px;
}

.content-frame .list-icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 48px;
  left: 0;
  background-color: #e5e5e5;
  border-radius: 20px;
}

.content-frame .group {
  position: relative;
  width: 14px;
  height: 14px;
  top: 13px;
  left: 13px;
  background-color: #555555;
  border-radius: 3px;
}

.content-frame .div {
  position: relative;
  width: 10px;
  height: 8px;
  top: 3px;
  left: 2px;
}

.content-frame .rectangle {
  width: 10px;
  height: 2px;
  left: 0;
  background-color: #d9d9d9;
  border-radius: 2px;
   /* position: absolute; */
  top: 0;
}

.content-frame .group-2 {
   /* position: absolute; */
  width: 10px;
  height: 3px;
  top: 5px;
  left: 0;
}

.content-frame .rectangle-2 {
  width: 3px;
  height: 3px;
  left: 0;
  background-color: #e5e5e5;
  border-radius: 0.9px;
   /* position: absolute; */
  top: 0;
}

.content-frame .rectangle-3 {
  width: 3px;
  height: 3px;
  left: 4px;
  background-color: #e5e5e5;
  border-radius: 0.9px;
   /* position: absolute; */
  top: 0;
}

.content-frame .rectangle-4 {
  width: 3px;
  height: 3px;
  left: 7px;
  background-color: #e5e5e5;
  border-radius: 0.9px;
   /* position: absolute; */
  top: 0;
}

.content-frame .top-icon {
   /* position: absolute; */
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  background-color: #e5e5e5;
  border-radius: 20px;
}

.content-frame .layer {
   /* position: absolute; */
  width: 12px;
  height: 15px;
  top: 12px;
  left: 14px;
}

.content-frame .linkservice-frame {
  display: flex;
  flex-direction: column;
  width: 1380px;
  align-items: flex-start;
  gap: 16px;
  margin-top:40px;
}

.content-frame.viewframe{width:1032px; background-color:#Fff;}
.content-frame.viewframe .linkservice-frame{width:1032px;}
.content-frame.viewframe .overlap{width:1032px;}
.content-frame.viewframe .frame{width:1032px;}
.content-frame.viewframe .linkservice-items-2{width:1032px;}
.content-frame.viewframe .ser_list_row .ai_list_item{min-width:280px;}

.content-frame .linkservice-title {
  position: relative;
  width: 108px;
  height: 25px;
}

.content-frame .text-wrapper {
   /* position: absolute; */
  top: 0;
  left: 26px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 500;
  color: #555555;
  font-size: 17px;
  letter-spacing: 0.34px;
  line-height: normal;
}

.content-frame .linkservice-icon {
   /* position: absolute; */
  width: 22px;
  height: 15px;
  top: 6px;
  left: 0;
}

.content-frame .linkservice-items {
  position: relative;
  align-self: stretch;
  width: 100%;
  /* height: 180px; */
  /* overflow: hidden; */
}

.content-frame .overlap {
  position: relative;
  width: 1404px;
  /* height: 180px; */
}

.content-frame .frame {
  display: flex;
  width: 1378px;
  align-items: center;
  justify-content: center;
  gap: 10px;
   /* position: absolute; */
  top: 0;
  left: 13px;
}

.content-frame .linkservice-items-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 20px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  width:1400px;
}

/*
.content-frame .frame-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .div-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 23px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .frame-2 {
  display: flex;
  flex-direction: column;
  width: 446px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.content-frame .frame-3 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content-frame .frame-4 {
  display: flex;
  width: 446px;
  align-items: center;
  gap: 23px;
  position: relative;
}

.content-frame .frame-5 {
  display: flex;
  flex-direction: column;
  width: 446px;
  height: 180px;
  align-items: center;
  gap: 33px;
  padding: 9px 0px;
  position: relative;
}

.content-frame .overlap-wrapper {
   position: absolute;
  width: 446px;
  height: 180px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid;
  border-color: #e4e5ed;
  box-shadow: 0px 0px 5px #0000001a;
}

.content-frame .overlap-group {
  position: relative;
  height: 44px;
  top: 135px;
}

.content-frame .frame-6 {
  display: inline-flex;
  height: 22px;
  align-items: center;
  gap: 5px;
   position: absolute;
  top: 12px;
  left: 343px;
}
 */
.content-frame .text-wrapper-2 {
  position: relative;
  width: 52px;
  height: 22px;
  margin-top: -1.00px;
  background: linear-gradient(
    180deg,
    rgb(71, 143, 251) 0%,
    rgb(134, 98, 230) 92.34%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .img {
  position: relative;
  width: 22px;
  height: 22px;
}

.content-frame .overlap-2 {
   /* position: absolute; */
  width: 446px;
  height: 44px;
  top: 0;
  left: 0;
}

.content-frame .line-wrapper {
   /* position: absolute; */
  width: 446px;
  height: 1px;
  top: 0;
  left: 0;
  background-image: url(./img/line-52.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.content-frame .line {
  width: 132px;
  height: 1px;
  top: 0;
   /* position: absolute; */
  left: 314px;
  object-fit: cover;
}

.content-frame .line-2 {
  width: 1px;
  height: 43px;
  top: 1px;
   /* position: absolute; */
  left: 314px;
  object-fit: cover;
}

.content-frame .frame-7 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
   /* position: absolute; */
  top: 15px;
  left: 14px;
}

.content-frame .frame-8 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .coolicon {
  position: relative;
  width: 12.89px;
  height: 10.94px;
}

.content-frame .text-wrapper-3 {
  position: relative;
  width: 18px;
  height: 14.57px;
  margin-top: -1.00px;
  font-family: "Noto Sans-DisplayRegular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .free-icon-speech {
  position: relative;
  width: 14px;
  height: 13.59px;
  object-fit: cover;
}

.content-frame .text-wrapper-4 {
  position: relative;
  width: 12px;
  height: 14.57px;
  margin-top: -1.00px;
  font-family: "Noto Sans-DisplayRegular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .mask-group {
  position: relative;
  width: 19px;
  height: 15px;
}

.content-frame .text-wrapper-5 {
  position: relative;
  width: 27px;
  height: 14.57px;
  margin-top: -0.78px;
  font-family: "Noto Sans-DisplayRegular", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 11px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .frame-9 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 17px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .frame-10 {
  display: inline-flex;
  height: 60px;
  align-items: flex-start;
  justify-content: center;
  gap: 170px;
  position: relative;
}

.content-frame .div-2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
  width:80%;
}

.content-frame .vector-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #75a99c;
  border-radius: 30px;
}

.content-frame .vector {
   /* position: absolute; */
  width: 46px;
  height: 47px;
  top: 6px;
  left: 7px;
}

.content-frame .frame-11 {
  display: flex;
  flex-direction: column;
  width: 171px;
  align-items: flex-start;
  gap: 1px;
  position: relative;
}

.content-frame .chatgpt {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: normal;
}

.content-frame .span {
  letter-spacing: -0.02px;
}

.content-frame .openai-ai {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #6c757d;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .text-wrapper-6 {
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #6c757d;
  font-size: 12px;
  letter-spacing: 0;
}

.content-frame .free-icon-share {
  width: 15px;
  height: 15px;
  position: relative;
  object-fit: cover;
}

.content-frame .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: 5px; */
  /* flex-grow:1; */
  flex-basis:68%;
  max-width:68%;
}

.content-frame .frame-12 {
  display: flex;
  width: 424px;
  align-items: center;
  gap: 3px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .frame-13 {
  display: inline-flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .view {
  width: 34px;
  padding: 5px;
  background-color: #fcebeb;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #d7282f;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .view-2 {
  width: 33px;
  padding: 5px;
  background-color: #ffebd4;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #f46c09;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .div-wrapper-2 {
  width: 70px;
  padding: 5px 9px;
  background-color: #fff7d4;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #f4ad09;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .div-wrapper-3 {
  width: 56px;
  padding: 5px 9px;
  background-color: #e5f8e0;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-left: -1.50px;
  margin-right: -1.50px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #5dad8c;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .view-3 {
  width: 62px;
  padding: 5px 9px;
  background-color: #e0f8f4;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #5d9ead;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .div-wrapper-4 {
  width: 55px;
  padding: 5px 8px;
  background-color: #e0eef8;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #5d7fad;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .view-4 {
  width: 51px;
  padding: 5px 8px;
  background-color: #e0e3f8;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-13 {
  position: relative;
  width: fit-content;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #6a5dad;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .view-5 {
  width: 42px;
  padding: 5px 8px;
  background-color: #ece0f8;
  display: flex;
  height: 19px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}

.content-frame .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-left: -1.00px;
  margin-right: -1.00px;
  font-family: "Noto Sans CJK KR-Bold", Helvetica;
  font-weight: 700;
  color: #875dad;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .img-wrapper {
   /* position: absolute; */
  width: 446px;
  height: 1px;
  top: 0;
  left: 0;
  background-image: url(./img/line-52-2.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.content-frame .overlap-group-2 {
   /* position: absolute; */
  width: 446px;
  height: 1px;
  top: 0;
  left: 0;
  background-image: url(./img/image.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.content-frame .coolicon-wrapper {
   /* position: absolute; */
  width: 26px;
  height: 26px;
  top: 77px;
  left: 0;
  background-color: #8b8d92;
  border-radius: 13px;
}

.content-frame .coolicon-2 {
   /* position: absolute; */
  width: 6px;
  height: 10px;
  top: 8px;
  left: 10px;
}

.content-frame .group-wrapper {
   /* position: absolute; */
  width: 26px;
  height: 26px;
  top: 79px;
  left: 1378px;
}

.content-frame .group-3 {
  position: relative;
  height: 26px;
  background-color: #8b8d92;
  border-radius: 13px;
  transform: rotate(-180.00deg);
}

.content-frame .coolicon-3 {
   /* position: absolute; */
  width: 6px;
  height: 10px;
  top: 8px;
  left: 10px;
  transform: rotate(180.00deg);
}

.content-frame .comment-frame {
   position: relative;
  width: 1380px;
  /* height: 573px;
  top: 814px;
  left: 121px; */
  margin-top:5px;
  /* padding-bottom:4rem; */
}

.content-frame .comment-title-group {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-bottom:23px;
  color:#555;
}
/* .content-frame .comment-title-group span{font-size:19px !important; font-weight:500;} */
.content-frame .comment-icon {
  position: relative;
  width: 18px;
  height: 18px;
}

.content-frame .text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 500;
  color: #555555;
  font-size: 19px;
  letter-spacing: 0.38px;
  line-height: normal;
}

.content-frame .comment-list-frame {
  display: flex;
  flex-direction: column;
  width: 1380px;
  height: auto;
  align-items: flex-start;
  gap: 10px;
  padding: 23px 13px;
   /* position: absolute; */
  top: 51px;
  left: 0;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid;
  border-color: #e4e5ed;
  box-shadow: 0px 0px 5px #0000001a;
}

.content-frame .comment-content {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 10px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .comment-list-frame-2 {
  display: flex;
  flex-direction: column;
  width: 1340px;
  align-items: center;
  gap: 16px;
  padding: 0px 27px;
  position: relative;
}

.content-frame .cmt-write-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.content-frame .cmt-write-user-icon {
  position: relative;
  width: 28px;
  height: 28px;
  background-color: #d9d9d9;
  border-radius: 14px;
  display:flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.content-frame .user-solid {
   /* position: absolute; */
  width: 14px;
  height: 16px;
  top: 6px;
  left: 7px;
}

.content-frame .div-wrapper-5, .content-frame .sdiv-wrapper-5 {
  display: flex;
  width: 12%;
  height: 28px;
  align-items: center;
  gap: 316px;
  padding: 10px ;
  position: relative;
  background-color: #f1f3f6;
  border-radius: 5px;
}

.content-frame .div-wrapper-6 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -4.00px;
  margin-bottom: -4.00px;
  width:100%;
}
.content-frame .div-wrapper-6 > input{border:0; font-family: "Noto Sans KR", Helvetica; background:none; font-size:11px; width:100%;}

.content-frame .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 300;
  color: #9f9f9f;
  font-size: 11px;
  letter-spacing: -0.44px;
  line-height: normal;
}

.content-frame .text-wrapper-17 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 300;
  color: var(--light-grey);
  font-size: 11px;
  letter-spacing: -0.44px;
  line-height: normal;
}

.content-frame .cmt-write {
  display: flex;
  height: 139px;
  align-items: flex-start;
  padding: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f1f3f6;
  border-radius: 4px;
  overflow: hidden;
  justify-content: space-between;
}
.content-frame .cmt-write > textarea{width:100%; height:100%; max-width:92%; max-width:92%; border:0; background:none; resize: none; /* 크기 조절 비활성화 */ font-size:11px;font-family: "Noto Sans KR", Helvetica;}

.content-frame .text-wrapper-18 {
  position: relative;
  width: 38px;
  height: 12px;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 300;
  color: #9f9f9f;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.content-frame .cmt-write-submit {
  display: flex;
  width: 85px;
  height: 110px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin-bottom: -1.00px;
  margin-right: -2.00px;
  border-radius: 4px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgb(71, 143, 251) 0%,
    rgb(134, 98, 230) 92.34%
  );
}

.content-frame .text-wrapper-19 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .cmt-write-list-frame {
  display: flex;
  flex-wrap: wrap;
  width: 1286px;
  align-items: flex-start;
  justify-content: center;
  gap: 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .cmt-list-frame {
  display: flex;
  flex-direction: column;
  width: 1286px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.content-frame .cmt-list {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* gap: 20px; */
  position: relative;
  flex: 0 0 auto;
}

.content-frame .cmt-list-list {
  display: flex;
  flex-direction: column;
  width: 1286px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .cmt-list-headmenu {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #c9c9c9;
}

.content-frame .cmt-list-totalsort {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.content-frame .cmt-totalsort {
  display: flex;
  align-items: center;
}

.content-frame .cmt-total {
  display: flex;
  width: 100px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 10px;
  position: relative;
}

.content-frame .element {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans Kr", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 14px;
  letter-spacing: -0.70px;
  line-height: 14px;
  white-space: nowrap;
}

.content-frame .text-wrapper-20 {
  color: #111111;
}

.content-frame .text-wrapper-21 {
  color: #d31929;
}

.content-frame .cmt-sort {
  position: relative;
  width: 64px;
  /* height: 21px; */
  margin-right: -2.00px;
  margin-left:10px;
}

.content-frame .overlap-group-3 {
  position: relative;
  width: 62px;
  height: 21px;
  background-color: #ffffff;
  border: 1px solid;
  border-color: #cccccc;
}

.content-frame .text-wrapper-22 {
   /* position: absolute; */
  height: 8px;
  top: 6px;
  left: 6px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #555555;
  font-size: 11px;
  letter-spacing: -0.55px;
  line-height: 14px;
  white-space: nowrap;
}

.content-frame .vector-2 {
   /* position: absolute; */
  top: 7px;
  left: 46px;
  width: 9px;
  height: 5px;
}

.content-frame .cmt-list-menu {
  display: flex;
  align-items: center;
}
.cmt-list-menu > div{position:relative;}
.cmt-list-menu > div:after{
  display:block; 
  content:""; 
  width:1px; 
  height:12px; 
  background:#ddd; 
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}
.cmt-list-menu > div:last-child:After{display:none;}

.content-frame .div-wrapper-7 {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px 10px;
  position: relative;
  flex: 0 0 auto;
  cursor: pointer;
}

.content-frame .text-wrapper-23 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: var(--black);
  font-size: 12px;
  letter-spacing: -0.60px;
  line-height: 14px;
  white-space: nowrap;
}

.content-frame .vector-3 {
  position: relative;
  width: 1px;
  height: 12px;
}

.content-frame .cmt-comment-frame {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 10px;
  position: relative;
  flex: 0 0 auto;
  cursor: pointer;
}

.content-frame .vector-4 {
  position: relative;
  width: 9px;
  height: 5px;
  transform:rotate(180deg);
}

.content-frame .div-wrapper-8 {
  display: flex;
  flex-direction: column;
  width: 1288px;
  height: 42px;
  align-items: center;
  position: relative;
  margin-left: -1.00px;
  margin-right: -1.00px;
}

.content-frame .div-wrapper-9 {
  display: flex;
  height: 40px;
  align-items: center;
  gap: 101px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ededed;
}

.content-frame .div-4 {
  display: inline-flex;
  align-items: center;
  /* gap: 553px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -5.00px;
  margin-bottom: -5.00px;
  margin-right: -5.00px; */
  width:100%;
}

.content-frame .div-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:100%;
}

.content-frame .div-wrapper-10 {
  display: flex;
  width: 100px;
  align-items: center;
  gap: 4px;
  padding: 6px 10px 6px 11px;
  position: relative;
  flex-basis:10%;
  max-width:10%;
}

.content-frame .text-wrapper-24 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans-Medium", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 12px;
  letter-spacing: -0.48px;
  line-height: 15px;
  white-space: nowrap;

}

.content-frame .div-wrapper-11 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  position: relative;
  flex: 0 0 auto;
  flex-basis:80%;
  max-width:80%;
  

}
.delete_bt{/*flex-basis:4%; max-width:4%;*/ width:50px; display: flex; justify-content: center;}
/* .delete_bt{position:absolute; right:6%;} */
#deleteLayer{top:50% !important; left:50% !important; transform:translate(-50%, -50%); border-radius:3px; border:1px solid #ddd; padding:20px;}
#deleteLayer > p{padding-bottom:20px; font-size:15px; text-align: center;}
#deletePassword{width:100%; margin-bottom:10px; height:30px; border:1px solid #ddd;}
.del_btbx{display: flex; justify-content: space-around; align-items: center;}
.del_btbx button{width:32%; height:30px; border:none; border-radius:3px; font-size:14px;}
.del_btbx button:first-child{background:#8662E6; color:#fff;}
.del_btbx button:last-child{background:#ddd;}
.comment_delete{font-size:14px; text-align: center; width:50px; padding:5px; background:#8662e6; border-radius:5px; color:#fff; cursor: pointer;}
.content-frame .div-wrapper-8.non_comm .div-wrapper-11{flex-basis:100%; max-width:100%;}
.content-frame .non_comm .text-wrapper-25{width:100%; padding:25px 0;}
.non_comicon{padding-bottom:10px;}
.div-wrapper-8.non_comm {height:auto;}
.div-wrapper-8.non_comm .div-wrapper-9{height:auto;}
.content-frame .text-wrapper-25 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 300;
  color: #333333;
  font-size: 12px;
  letter-spacing: -0.60px;
  line-height: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-frame .text-wrapper-25 > p{text-align: center;}
.content-frame .div-wrapper-12 {
  display: flex;
  width: 90px;
  /* height: 50px; */
  align-items: center;
  justify-content: right;
  gap: 10px;
  padding: 4px 10px;
  position: relative;
  flex-basis:8%;
  max-width:8%;
}

.content-frame .text-wrapper-26 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 300;
  color: #8b8d92;
  font-size: 12px;
  letter-spacing: -0.60px;
  line-height: 15px;
  white-space: nowrap;
}

.content-frame .frame-14 {
  display: flex;
  flex-direction: column;
  width: 1288px;
  height: 42px;
  align-items: center;
  position: relative;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
}

.content-frame .cmt-paging {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16.29px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .div-6 {
  display: inline-flex;
  align-items: flex-start;
  gap: 3.26px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .icon-wrapper {
  border-radius: 9.5px;
  border: 0.54px solid;
  border-color: #e0e0e0;
  position: relative;
  width: 19px;
  height: 19px;
}

.content-frame .icon {
  width: 7px;
  top: 6px;
  left: 5px;
   /* position: absolute; */
  height: 7px;
}

.content-frame .icon-2 {
  width: 4px;
  top: 6px;
  left: 7px;
   /* position: absolute; */
  height: 7px;
}

.content-frame .cmt-paging-page {
  position: relative;
  width: 103.14px;
  height: 19px;
}

.content-frame .overlap-group-4 {
  position: relative;
  width: 103px;
  height: 19px;
}

.content-frame .ellipse {
  background: linear-gradient(
    180deg,
    rgb(71, 143, 251) 0%,
    rgb(134, 98, 230) 92.34%
  );
   /* position: absolute; */
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  border-radius: 9.5px;
}

.content-frame .paging-page-frame {
  display: inline-flex;
  align-items: flex-end;
  gap: 17.91px;
   position: absolute;
  top: 5px;
  left: 6px;
}

.content-frame .text-wrapper-27 {
  position: relative;
  width: fit-content;
  margin-top: -0.54px;
  font-family: "Noto Sans CJK KR-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.content-frame .text-wrapper-28 {
  position: relative;
  width: fit-content;
  margin-top: -0.54px;
  font-family: "Noto Sans CJK KR-Regular", Helvetica;
  font-weight: 400;
  color: #373737;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.content-frame .overlap-group-wrapper {
  position: relative;
  width: 19px;
  height: 19px;
}

.content-frame .overlap-group-5 {
  position: relative;
  height: 19px;
  border-radius: 9.5px;
}

.content-frame .ellipse-2 {
  border: 0.54px solid;
  border-color: #e0e0e0;
  transform: rotate(180deg);
   /* position: absolute; */
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  border-radius: 9.5px;
}

.content-frame .icon-3 {
  width: 4px;
  top: 7px;
  left: 8px;
   /* position: absolute; */
  height: 7px;
}

.content-frame .icon-4 {
  width: 7px;
  top: 7px;
  left: 6px;
   /* position: absolute; */
  height: 7px;
}

.content-frame .frame-15 {
  display: flex;
  flex-wrap: wrap;
  width: 1393px;
  align-items: flex-start;
  gap: 19px 19px;
   /* position: absolute; */
  top: 53px;
  left: 121px;
}

.content-frame .frame-16 {
  position: relative;
  width: 914px;
  height: 448px;
}

.content-frame .item-frame {
   /* position: absolute; */
  /* width: 650px;
  height: 287px;
  top: 0;
  left: 2px; */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width:100%;
}

.content-frame .frame-17 {
  display: flex;
  width: 70px;
  height: 20px;
  align-items: center;
  justify-content: center;
  gap: 10px;
   /* position: absolute; */
  top: 0;
  left: 316px;
  background-color: var(--variable-collection-main);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom:10px;
}

.content-frame .div-wrapper-13 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .text-wrapper-29 {
  position: relative;
  width: fit-content;
  /* margin-top: -1.00px; */
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
}

.content-frame .frame-18 {
  display: inline-flex;
  align-items: stretch;
  gap: 10px;
   /* position: absolute; */
  top: 163px;
  left: 316px;
}

.content-frame .frame-19 {
  display: flex;
  width: 109px;
  height: 37px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 5px;
  overflow: hidden;
}

.content-frame .frame-18 .share_a{display: flex; align-items: center;}

.content-frame .text-wrapper-30 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #444444;
  font-size: 14px;
  letter-spacing: -0.30px;
  line-height: 14px;
  white-space: nowrap;
}

.content-frame .img-2 {
  position: relative;
  width: 12px;
  height: 12px;
}

.content-frame .frame-20 {
  display: flex;
  width: 109px;
  height: 37px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 83px;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 5px;
  overflow: hidden;
}

.content-frame .frame-21 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -0.50px;
  margin-bottom: -0.50px;
  margin-left: -52.50px;
  margin-right: -52.50px;
}

.content-frame .group-4 {
  position: relative;
  width: 12px;
  height: 12px;
  background-image: url(./img/mask-group-4.png);
  background-size: 100% 100%;
}

.content-frame .free-icon-alert-wrapper {
  display: flex;
  width: 47px;
  height: 37px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 10px;
  position: relative;
  background-color: #f1404b;
  border-radius: 5px;
}

.content-frame .free-icon-alert {
  position: relative;
  width: 26px;
  height: 26px;
  object-fit: cover;
}

.content-frame .free-icon-share-2 {
  width: 17px;
  height: 17px;
  position: relative;
  object-fit: cover;
}

.content-frame .gpt {
   /* position: absolute; 
  top: 31px;
  left: 317px;*/
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 27px;
  letter-spacing: -1.08px;
  line-height: normal;
  padding-bottom:1rem;
}

.content-frame .text-wrapper-31 {
  letter-spacing: -0.29px;
}

.content-frame .ai {
   /* position: absolute; 
  width: 171px;
  top: 89px;
  left: 316px;*/
  font-family: "Noto Sans KR";
  font-weight: 400;
  color: #373c43;
  font-size: 15px;
  letter-spacing: 0.75px;
  line-height: normal;
  padding-bottom:14px;
  word-break:keep-all;
}

.content-frame .text-wrapper-32 {
   /* position: absolute; */
  top: 125px;
  left: 315px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  color: #373c43;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
  /* flex-basis:8%;
  max-width:8%; */
  width:40px;
  height:22px;
}

.content-frame .frame-22 {
  display: inline-flex;
  align-items: center;
  /* gap: 8px; */
   /* position: absolute; 
  top: 126px;
  left: 348px;*/
  width:100%;
  padding-bottom:17px;
}

.content-frame .group-5 {
   position: relative;
 /* width: 62px;
  height: 20px; */
  color:#373C43;
  font-size:14px;
  gap:3px;
  display: flex;
  flex-wrap:wrap;
  /* flex-basis:93%;
  max-width:93%; */
  width:calc(100% - 40px);

}

.content-frame .group-5 > a{display:block; border-radius:2px;}
.content-frame .group-5 > a > img{position:absolute; bottom:0; right:-8px;}

.content-frame .div-7 {
   /* position: absolute; */
  top: 0;
  left: 0;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #373c43;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.content-frame .text-wrapper-33 {
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #373c43;
  font-size: 14px;
  letter-spacing: 0;
}

.content-frame .group-6 {
   /* position: absolute; */
  width: 4px;
  height: 4px;
  top: 12px;
  left: 56px;
}

.content-frame .group-7 {
  position: relative;
  width: 78px;
  height: 20px;
}

.content-frame .group-8 {
   /* position: absolute; */
  width: 4px;
  height: 4px;
  top: 12px;
  left: 72px;
}

.content-frame .group-9 {
  position: relative;
  width: 75px;
  height: 20px;
}

.content-frame .group-10 {
   /* position: absolute; */
  width: 4px;
  height: 4px;
  top: 12px;
  left: 69px;
}

.content-frame .group-11 {
  position: relative;
  width: 62px;
  height: 20px;
  margin-right: -2.00px;
}
.content-frame .item_imgbx{flex-basis:35%; max-width:35%; position:relative;}
.content-frame .item-thumbnail-frame {
  /* position: absolute; */
  width: 285px;
  height: 287px;
  /* top: 0;
  left: 0; */
  background-color: #e6e8ed;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0px 15px 10px -7px #dbdbdb;
  /* flex-basis:35%; max-width:35%; */
  position:relative;
}
.content-frame .frame_bx{width:calc(100% - 315px);}

.content-frame .item-thumbnail {
  position: absolute;
  width: 259px;
  height: 222px;
  top: 32px;
  left: 13px;
  border-radius: 7px;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: 0px 15px 10px -7px #DBDBDB;
  
}

.content-frame .item-thumb-info {
  position: absolute;
  width: 182px;
  height: 50px;
  bottom:5%;
  left: 50%;
  transform:translateX(-50%);
}

.content-frame .item-infobtn-frame {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.content-frame .item-heartbtn-frame {
  position: relative;
  width: 50px;
  height: 50px;
}

.content-frame .item-heartbtn-group {
  height: 50px;
  background-color: #fafafa;
  border-radius: 25px;
}

.content-frame .item-info-heart-btn {
  position: relative;
  width: 19px;
  height: 32px;
  top: 9px;
  left: 16px;
}

.content-frame .item-info-heartbtn {
  position: absolute;
  width: 19px;
  height: 16px;
  top: 1px;
  left: 0;
}



.content-frame .text-wrapper-34 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform:translateX(-50%);
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #424446;
  font-size: 11px;
  letter-spacing: 0.22px;
  line-height: normal;
}

.content-frame .item-commentbtn {
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.content-frame .item-commentbtn-2 {
  width: 52px;
  height: 50px;
}

.content-frame .overlap-group-6 {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #fafafa;
  border-radius: 25px;
}

.content-frame .item-info-commentbtn {
   position: absolute;
  width: 17px;
  height: 17px;
  top: 9px;
  left: 17px;
}

.content-frame .item-info-comment {
   /* position: absolute; */
  width: 17px;
  height: 17px;
  top: 9px;
  left: 17px;
}

.content-frame .text-wrapper-35 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform:translateX(-50%);
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #424446;
  font-size: 11px;
  letter-spacing: 0.22px;
  line-height: normal;
}

.content-frame .item-viewbtn-frame {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #fafafa;
  border-radius: 25px;
  overflow: hidden;
}

.content-frame .text-wrapper-36 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #424446;
  font-size: 11px;
  letter-spacing: 0.22px;
  line-height: normal;
}

.content-frame .item-info-viewbtn {
  position: absolute;
  width: 26px;
  height: 16px;
  top: 9px;
  left: 12px;
}

.content-frame .languge-frame {
  display: flex;
  width: 85px;
  height: 20px;
  align-items: center;
  justify-content: center;
  gap: 1px;
  position: absolute;
  top: 8px;
  left: 191px;
  border-radius: 13px;
  overflow: hidden;
  background: linear-gradient(
    180deg,
    rgb(71, 143, 251) 0%,
    rgb(134, 98, 230) 92.34%
  );
}

.content-frame .detail-frame {
  width: 100%;
  padding-top:64px
}

.content-frame .openai-chat-AI {

  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #373c43;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  padding-top:15px;
  padding-left:27px;
}

.content-frame .text-wrapper-37 {
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #1d232b;
  font-size: 16px;
  letter-spacing: 0;
}

.content-frame .detail-title-gorup {
   /* position: absolute; */
  width: 92px;
  height: 25px;
  top: 0;
  left: 0;
}

.content-frame .detail-icon {
  width: 22px;
  height: 15px;
  top: 5px;
   /* position: absolute; */
  left: 0;
}

.content-frame .ainews-frame {
  display: flex;
  /* width: 446px; */
  /* height: 436px; */
  /* align-items: center; */
  justify-content: center;
  gap: 10px;
  padding: 30px 20px 20px 20px;
  position: relative;
  border-radius: 5px;
  border: 1px solid #E4E5ED;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
  flex-basis:32.5%; max-width:32.5%;
}

/* .content-frame .ainews-frame-2 {
   position: absolute;
  width: 446px;
  height: 436px;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid;
  border-color: #e4e5ed;
  box-shadow: 0px 0px 5px #0000001a;
} */

.content-frame .ainews-contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width:100%;
  /* position: relative;
  flex: 0 0 auto;
  margin-top: -6.00px;
  margin-bottom: -6.00px;
  margin-left: -2.00px;
  margin-right: -2.00px; */
}

.content-frame .ainews-contents-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  flex: 0 0 auto;
  width:100%;
}

.content-frame .ainews-title {
  display:flex;
  align-items: flex-start;
  justify-content: center;
  gap: 170px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .ainews {
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .ainews-title-ICON {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .frame-23 {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  position: relative;
  flex: 0 0 auto;
}

.content-frame .stripe-s-brands {
  display: flex;
  width: 19px;
  height: 23px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
}

.content-frame .frame-24 {
  display: flex;
  flex-direction: column;
  width: 19px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.content-frame .free-icon-analytics-wrapper {
  display: flex;
  flex-direction: column;
  height: 17px;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 1px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #282a2d;
  border-radius: 3px;
}

.content-frame .free-icon-analytics {
  position: relative;
  width: 17px;
  height: 9px;
  object-fit: cover;
}

.content-frame .ai-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 500;
  color: #333333;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: normal;
}

.content-frame .ainews-title-line {
  position: relative;
  width: 60px;
  height: 2px;
}

.content-frame .ainews-contents-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  /* position: relative;
  flex: 0 0 auto; */
  width:100%;
}
.content-frame .ainews-contents-list .ainews-2{width:100%;}
.content-frame .ainews-contents-list .ainews-2 a {
  display: flex;
  align-items: flex-start;
  gap: 27px;
  width:100%;
}

.content-frame .ainews-contents-img {
  position: relative;
  width: 120px;
  height: 68px;
  background-color: #f1f1f1;
  border-radius: 4px;
  flex-basis:32%;
  max-width:32%;
}
.content-frame .ainews-contents-img > img{width:100%; height:100%; object-fit: cover;}

.content-frame .byte-dance {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #282a2d;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ainews_tit{font-size:16px; font-weight: bold; margin-bottom:5px; color:#333; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
  text-overflow: ellipsis;}
.ainews_txt{font-size:14px; color:#282a2d;  display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  text-overflow: ellipsis; min-height:32px;}
.content-frame .text-wrapper-38 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-", Helvetica;
  font-weight: 400;
  color: #282a2d;
  font-size: 14px;
  letter-spacing: -0.14px;
  line-height: normal;
}

.content-frame .ainews-contents-txt {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-DemiLight", Helvetica;
  font-weight: 300;
  color: #6c757d;
  font-size: 12px;
  letter-spacing: -0.12px;
  line-height: normal;
}

.content-frame .text {
   /* position: absolute; */
  top: 64px;
  left: 1304px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 400;
  color: #333333;
  font-size: 10px;
  letter-spacing: -0.10px;
  line-height: normal;
}

#report-form{color:#282a2d; font-size:14px;}
.other-reason-input .hidden{display: none;}
#otherText{width:100%; border:1px solid #f1f3f6; background-color:#f1f3f6; padding:10px 5px; margin-bottom:10px; border-radius:3px; font-size:12px;}

/* sns모달 */

.sns_modal{padding:30px; padding-top:40px;}
.sns_share_top{display: flex; justify-content: space-between; margin-bottom:18px;}
.sns_share_top .sns_bx{flex-basis:20%; max-width:20%; }
.sns_share_top .sns_bx > a{display: flex; justify-content: center; align-items: center; flex-wrap:wrap;}
.sns_share_top .sns_bx > a > p{padding-top:10px; color:#333; font-size:14px; font-weight: 500; width:100%; text-align: center;}
.sns_share_bt .link_bx{display: flex; align-items: stretch; width:100%;}
.sns_share_bt .link_bx #share_url{flex-basis:80%; max-width:80%; padding:10px; color:#666; font-size:14px; border-radius:5px 0 0 5px; background:#f8f8f8; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:0;}
.sns_share_bt .link_bx .copy_bt{padding:10px 11px; color:#333; font-size:14px; font-weight:400; text-align: center; border-radius:0px 5px 5px 0px; border:1px solid #eada0f; background:#fcec24; cursor: pointer;}
.share_bx{position:absolute; right:0; top:0;}

.like-button{border-radius: 5px; border:1px solid transparent; background: linear-gradient(white,white) padding-box, linear-gradient(125deg, #478FFB 3.05%, #8662E6 89.24%) border-box; padding:5px 15px; display: flex; align-items: center; gap:10px; font-weight:400; font-size:14px; color:#8662E6;}
.like-button > img{padding-top:2px;}
.like-button > p{font-weight:400;}
.like-button.liked{
    display: flex;
    align-items: center;
    gap:10px;
    font-size:14px;
    font-weight:400;
    background: linear-gradient(125deg, #478FFB 3.05%, #8662E6 89.24%);
    text-align: center;
    cursor: pointer;
    color:#fff;
}

/* #likeButton:hover {
    background-color: #F1404B;
    border-color: #F1404B;
} */
/* 
#likeButton img {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    filter: brightness(0) saturate(100%) invert(1);
}    
   */


/* 관련서비스 */

.ser_list_row{display:flex; justify-content: flex-start; align-items: center; gap:20px; width:1380px; overflow: hidden; height:210px;}
.slick-prev.slick-arrow{display:block; width:26px; height:26px; position:absolute; top:45%; left:-16px; transform: translateY(-50%); z-index: 1; border:0; background:none; cursor: pointer;}
.slick-next.slick-arrow{display:block; width:26px; height:26px; position:absolute; top:45%; right:-16px; transform: translateY(-50%); z-index: 1; border:0; background:none; cursor: pointer}
.ser_list_row .ai_list_item{margin:0 12px; min-width:380px; cursor: pointer;}
.ser_list_row .slick-list{height:220px; padding-top:20px;}
.ser_list_row.autoplay.no-slick{gap:unset;}
.ai_list_item:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px); box-shadow:0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);}
.no-slick > div {
	display: inline-block; /* 슬라이드가 아닌 기본 배치 스타일 */
  }

  
.autoplay2.no-slick .ai_list_item{max-width:280px;}
.ser_list_row.no-slick{gap:0;}
/* 댓글 */
.comment_order{border:1px solid #ccc; padding:3px; font-size:11px;}
select {
  -webkit-appearance: none; /* 크롬, 사파리 */
  -moz-appearance: none; /* 파이어폭스 */
  appearance: none; /* 기본 브라우저 */
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  background-image: url('../main_imgs/Vector_1.svg'); /* 화살표 이미지 경로 */
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 11px;
  width:62px;
  font-size:11px;
  font-weight: 400;
  color:#555;
}
.comment-list-frame-2 form{width:100%;}
.ainews-frame .ainews-contents-2 .ainews-title .div-2{width:100%;}

.pic_partial_lt .card-header {
  margin-top: 1rem;
  margin-bottom: 2px; /* 여백 추가 */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pic_partial_lt .card:hover, .pic_partial_lt .card:focus-within {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);
  transform: translatey(-5px);
}
.interlock_dvwrap{position:relative;}
.ai_interlock.slick-arrow{top:50%;}
.pic_partial_lt.writepg_partial{position:relative;}
.pic_partial_lt .card .card-header > a{color: #6C757D; font-family: "Noto Sans KR"; font-size: 12px; font-style: normal; 
	font-weight: 400; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.pic_partial_lt .card-body {
  margin-top: 0;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: -webkit-box; /* 플렉스 박스 사용 */
  -webkit-box-orient: vertical; /* 수직 정렬 */
  overflow: hidden; /* 넘치는 텍스트 숨김 */
  text-overflow: ellipsis; /* 말줄임표 표시 */
  -webkit-line-clamp: 2; /* 최대 줄 수 설정 */
}
.pic_partial_lt .card-footer {
  /* margin-top: 1.25rem; */
  /* border-top: 1px solid #ddd; */
  padding-top: 15px;
  display: flex;
  align-items: center;

  flex-wrap: wrap;
  width:100%;
}
.pic_partial_lt .card-meta {
  display: flex;
  align-items: center;
  color: #787878;
}
.pic_partial_lt .card-meta:first-child:after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentcolor;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.pic_partial_lt .card-meta i {
  margin-right:5px;
}

.card-footer .writer_bx{display:flex; justify-content: flex-start; align-items: center; gap:10px; font-size:12px; font-weight:400; color:#282A2D;}

.interlock_dvwrap .slick-track{padding:20px 0;}



@media (max-width:1700px) {
  .content-frame .item-frame{width:100%;}
  .content-frame .linkservice-frame{width:100%;}
  .content-frame .overlap, .content-frame .frame, .content-frame .linkservice-items-2{width:100%;}
  .ser_list_row {width:100%;}
  .ser_list_row .ai_list_item{min-width:400px;}
  .content-frame .comment-frame, .content-frame .comment-list-frame{width:100%;}
  .content-frame .comment-list-frame-2{width:100%;}
  .content-frame .cmt-write-list-frame, .content-frame .cmt-list-frame{width:100%;}
  .content-frame .cmt-list-list, .content-frame .div-wrapper-8{width:100%;}
  .content-frame .comment-content, .content-frame .cmt-list{width:100%;}
  /* .contents_box.ai_conts .content-frame{padding: 0 10px;} */
  .content-frame.viewframe .linkservice-items-2{width:100%;}
  .content-frame.viewframe .overlap{width:100%;}
  .content-frame.viewframe .linkservice-frame{width:100%;}
  .content-frame.viewframe{width:100%;}
  .content-frame.viewframe .frame{width:100%;}

}

@media (max-width:1600px) {

  .ser_list_row .ai_list_item{min-width:auto !important;}
}


@media (max-width: 1440px) {
  /* .content-frame .frame_bx{flex-basis:52%; max-width:52%;} */
  /* .content-frame .text-wrapper-32{flex-basis:13%; max-width:13%;} */
  /* .detail_frame{flex-basis:100%; max-width:100%;}
  .content-frame .ainews-frame{flex-basis:100%; max-width:100%; margin-top:4rem;} */
  .detail_item{flex-wrap:wrap; width:100%;}
  .content-frame .ainews-contents-list{flex-wrap:wrap; flex-direction: row; justify-content: space-between;}
  /* .content-frame .ainews-contents-list .ainews-2{flex-basis:47%; max-width:47%;} 
  .content-frame .ainews-contents-img{height:90px;}*/
  .content-frame .div-wrapper-5, .content-frame .sdiv-wrapper-5{width:25%;}
  .content-frame .ainews-frame{flex-basis:35%; max-width:35%;}
  .content-frame .div-wrapper-11{flex-basis:70%; max-width:70%;}
  /* .delete_bt{flex-basis:5%; max-width:5%;} */

}

@media (max-width: 1300px) {
  /* .content-frame .frame_bx{flex-basis:50%; max-width:50%;} */

}

@media (max-width: 1200px) {
  .content-frame .div-wrapper-5, .content-frame .sdiv-wrapper-5{width:30%;}
  .content-frame .ainews-frame{flex-basis:100%; max-width:100%; margin-top:40px; display: none;}
  #contents.active .contents_box.ai_conts{padding-left:20px;}
  .detail_frame{flex-basis:100%; max-width:100%;}


}

@media (max-width:1024px){
  .content-frame .ainews-contents-img{flex-basis:40%; max-width:40%;}
  .content-frame .div-3{flex-basis:60%; max-width:60%;}
  .content-frame .frame-22{gap:0;}
  /* .content-frame .text-wrapper-32{flex-basis:14%; max-width:14%;} */
  .content-frame .item-thumbnail-frame{width:245px; height:247px;}
  .content-frame .item-thumbnail{width:219px; height:182px;}
  .content-frame .languge-frame{left:152px;}
  .content-frame .frame_bx{width:calc(100% - 275px);}
  .content-frame .div-wrapper-10{flex-basis:18%; max-width:18%;}
  .content-frame .div-wrapper-11{flex-basis:57%; max-width:57%;}
  .delete_bt{flex-basis:13%; max-width:13%;}
  .content-frame .div-wrapper-12{flex-basis:12%; max-width:12%;}
}

@media (max-width:998px){
  /* .content-frame .text-wrapper-32{flex-basis:16%; max-width:16%;} 
  .content-frame .group-5{flex-basis:84%; max-width:84%;}*/
  .content-frame .frame_bx{width:calc(100% - 260px);}
  .content-frame .div-wrapper-10{flex-basis:18%; max-width:18%;}
  .content-frame .div-wrapper-11{flex-basis:51%; max-width:51%;}
  .delete_bt{flex-basis:16%; max-width:16%;}
  .content-frame .div-wrapper-12{flex-basis:15%; max-width:15%;}
}

@media (max-width:768px){
  .ser_list_row .ai_list_item {width:95% !important; margin:0 8px; margin-bottom:20px;}
  /* .content-frame .item-thumbnail-frame{width:265px; height:267px;}
  .content-frame .item-thumbnail{width:239px; height:202px;}
  .content-frame .languge-frame{left:172px;} */
  .content-frame .frame_bx{width:calc(100% - 245px);}
  .content-frame .ainews-contents-list .ainews-2{flex-basis:100%; max-width:100%;}
  .content-frame .ainews-contents-img{flex-basis:30%; max-width:30%;}
  .content-frame .div-3{flex-basis:70%; max-width:70%;}
  .content-frame .div-wrapper-5, .content-frame .sdiv-wrapper-5{width:100%;}
  .content-frame .div-2{width:100%; flex-wrap:wrap}
  .content-frame{max-width:540px; margin-right:auto; margin-left:auto;}
  .content-frame .item-thumbnail-frame{width:215px; height:217px;}
  .content-frame .item-thumbnail{width:189px; height:152px;}
  .content-frame .languge-frame{left:122px;}
  .detail_item{margin-top:60px;}
  .name_box{width:calc(100% - 55px);}
  .ai_subject_info .name_box .item_data_subject{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .content-frame .div-wrapper-6{font-size:14px; color:#333;}
  .content-frame.viewframe{max-width:unset;}
  .ser_list_row{height:370px;}
  .ser_list_row .slick-list{height:370px; padding-top:10px;}
}

@media (max-width:600px){
  /* .content-frame .frame_bx{flex-basis:50%; max-width:50%;} */
  .share_bx{right:-4px; top:-4px;}
  .share_bx > a{display: flex; padding:10px; }
  .share_snsbx{right:-6px;}
  .share_snsbx:before{right:16px;}
  .ser_list_row .ai_list_item{width:96% !important; margin:0 10px; margin-bottom:20px;}
  .comment_delete{width:40px; font-size:12px;}

}
@media (max-width:575px){
  .content-frame .frame_bx{flex-basis:100%; max-width:100%;}
  .content-frame .item-frame{flex-wrap:wrap;}
  .content-frame .item-thumbnail-frame{left:50%; transform:translateX(-50%); margin-bottom:2rem; width:100%; height:310px;}
  .content-frame .ainews-frame{margin-top:2rem;}
  .content-frame .ainews-contents-img{height:75px;}
  .content-frame .comment-list-frame-2{padding:0 10px;}
  .content-frame .item-thumbnail{width:319px; height:272px; top:17px; left:50%; transform:translateX(-50%);}
  .content-frame .languge-frame{left:425px;}
  .content-frame .cmt-total{width:85px;}
  .content-frame .element{font-size:13px;}
  .content-frame .cmt-sort{margin-left:5px;}
  .content-frame .div-wrapper-7{padding:4px 5px;}
  .content-frame .text-wrapper-23{font-size:11px;}
  .content-frame .vector-4{width:6px;}
  .content-frame .item-thumb-info{bottom:3%;}
  .contents_box.ai_conts .content-frame{padding: 0 10px;} 

  .content-frame .div-wrapper-10{flex-basis:20%; max-width:20%;}
  .content-frame .div-wrapper-11{flex-basis:44%; max-width:44%;}
  .delete_bt{flex-basis:18%; max-width:18%;}
  .content-frame .div-wrapper-12{flex-basis:18%; max-width:18%;}

}

@media (max-width:425px){
  .content-frame .div-wrapper-10{flex-basis:26%; max-width:26%;}
  .content-frame .div-wrapper-11{flex-basis:32%; max-width:32%;}
  .delete_bt{flex-basis:18%; max-width:18%;}
  .content-frame .div-wrapper-12{flex-basis:24%; max-width:24%;}
  .content-frame .cmt-list-totalsort{flex-wrap:wrap;}
  .content-frame .cmt-totalsort{flex-basis:100%; max-width:100%;}
  .content-frame .cmt-list-menu{flex-basis:100%; max-width:100%;}
  .content-frame .cmt-list-headmenu{height:auto;}
}