/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/comment.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comment_container__rAIx2 {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.comment_infoContainer__zA_EA {
  display: flex;
  justify-content: space-between;
}
.comment_infoContainer__zA_EA div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.comment_infoContainer__zA_EA div span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.comment_email__9c4gw {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.comment_date__GhZcw {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.comment_thumbCount__knAWQ {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.comment_commentContainer__MGUC3 {
  font-size: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}

.comment_btnContainer__Esvp4 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.comment_btnContainer__Esvp4 div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.comment_btnContainer__Esvp4 div:last-child {
  gap: 10px;
}

.comment_commentCount__KtHLX {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.comment_btn__p1jLN {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 32px;
  padding: 0px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .comment_commentContainer__MGUC3 {
    font-size: 14px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/my-reply-comment.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-reply-comment_container__UO32V {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.my-reply-comment_infoContainer__JyDa_ {
  display: flex;
  justify-content: space-between;
}
.my-reply-comment_infoContainer__JyDa_ div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-reply-comment_infoContainer__JyDa_ div span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.my-reply-comment_email__pcJda {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.my-reply-comment_date__su_ck {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.my-reply-comment_thumbCount__w_xDi {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.my-reply-comment_commentContainer__1r4Ys {
  font-size: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}

.my-reply-comment_btnContainer__hOCZS {
  display: flex;
  align-items: center;
  gap: 10px;
}
.my-reply-comment_btnContainer__hOCZS div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.my-reply-comment_btnContainer__hOCZS div:last-child {
  gap: 10px;
}

.my-reply-comment_commentCount__ed5Zr {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.my-reply-comment_btn__KZrFg {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 32px;
  padding: 0px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .my-reply-comment_commentContainer__1r4Ys {
    font-size: 14px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/my-reply-comment-edit-input.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.my-reply-comment-edit-input_container__NwCUM {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.my-reply-comment-edit-input_infoContainer__hF0wo {
  display: flex;
  justify-content: space-between;
}
.my-reply-comment-edit-input_infoContainer__hF0wo div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-reply-comment-edit-input_infoContainer__hF0wo div span {
  display: flex;
  align-items: center;
  gap: 12px;
}

.my-reply-comment-edit-input_email__vHS3C {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.my-reply-comment-edit-input_date__hts_u {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.my-reply-comment-edit-input_thumbCount__VpizN {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.my-reply-comment-edit-input_commentContainer__nL2iD {
  display: flex;
  gap: 12px;
  font-size: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}
.my-reply-comment-edit-input_commentContainer__nL2iD button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
  padding: 0 36px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22;
  color: #ff728f;
  background-color: #ffffff;
  border: 1px solid #ff728f;
}

.my-reply-comment-edit-input_textarea__APyYc {
  flex: 1 1;
  height: 76px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
  resize: none;
}

.my-reply-comment-edit-input_textarea__APyYc::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.my-reply-comment-edit-input_btnContainer__ezbJz {
  display: flex;
  align-items: center;
  gap: 10px;
}
.my-reply-comment-edit-input_btnContainer__ezbJz div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.my-reply-comment-edit-input_btnContainer__ezbJz div:last-child {
  gap: 10px;
}

.my-reply-comment-edit-input_commentCount__p_KA8 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.my-reply-comment-edit-input_btn__JB36z {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 32px;
  padding: 0px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .my-reply-comment-edit-input_commentContainer__nL2iD {
    flex-direction: column;
  }
  .my-reply-comment-edit-input_commentContainer__nL2iD button {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
  .my-reply-comment-edit-input_textarea__APyYc {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/reply-comment.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.reply-comment_container__H8JDs {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.reply-comment_infoContainer__ceLBf {
  display: flex;
  justify-content: space-between;
}
.reply-comment_infoContainer__ceLBf div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reply-comment_infoContainer__ceLBf div span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.reply-comment_email___3RTB {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.reply-comment_date__yxXTZ {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.reply-comment_thumbCount__HirQ7 {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.reply-comment_commentContainer__2_s9K {
  font-size: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .reply-comment_commentContainer__2_s9K {
    font-size: 14px;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/reply-comment-container.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.reply-comment-container_container__N69qu {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: auto;
  background-color: #f8f8f8;
  padding: 25px;
  box-sizing: border-box;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/reply-comment-input.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.reply-comment-input_container__owiWM {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

.reply-comment-input_textarea__QyGcb {
  flex: 1 1;
  height: 76px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 14px 18px;
  color: #424242;
  resize: none;
}

.reply-comment-input_textarea__QyGcb::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.reply-comment-input_btn__kZs7j {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 36px;
  height: 76px;
  border-radius: 6px;
  background: #424242;
  font-weight: 700;
  font-size: 16px;
  line-height: 22;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .reply-comment-input_container__owiWM {
    flex-direction: column;
  }
  .reply-comment-input_commentCount__BDzib {
    font-size: 16px;
    line-height: 26px;
  }
  .reply-comment-input_textarea__QyGcb {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
  .reply-comment-input_btn__kZs7j {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/reply-comment-login.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.reply-comment-login_container__S70_v {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

.reply-comment-login_textarea__Gb2g5 {
  flex: 1 1;
  height: 76px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 14px 18px;
  resize: none;
}

.reply-comment-login_textarea__Gb2g5::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.reply-comment-login_btn__K1eCL {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 36px;
  height: 76px;
  border-radius: 6px;
  background: #424242;
  font-weight: 700;
  font-size: 16px;
  line-height: 22;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .reply-comment-login_container__S70_v {
    flex-direction: column;
  }
  .reply-comment-login_commentCount___rxqq {
    font-size: 16px;
    line-height: 26px;
  }
  .reply-comment-login_textarea__Gb2g5 {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
  .reply-comment-login_btn__K1eCL {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/comment-input.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.comment-input_container___1C3q {
  display: flex;
  gap: 12px;
}

.comment-input_commentCount__AOQLO {
  padding-bottom: 8px;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  display: inline-block;
  margin-top: 12px;
}

.comment-input_textarea__zcP61 {
  flex: 1 1;
  height: 84px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  padding: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
  resize: none;
}

.comment-input_textarea__zcP61::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.comment-input_btn__VX8HE {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  padding: 0px 36px;
  border-radius: 6px;
  background: #ff3e66;
  font-weight: 700;
  font-size: 16px;
  line-height: 22;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .comment-input_container___1C3q {
    flex-direction: column;
  }
  .comment-input_commentCount__AOQLO {
    font-size: 16px;
    line-height: 26px;
  }
  .comment-input_textarea__zcP61 {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
  .comment-input_btn__VX8HE {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/comment-not-found.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.comment-not-found_container__6c5sr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 212px;
  margin: 40px 0px 60px 0px;
  gap: 10px;
}
.comment-not-found_container__6c5sr span {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #424242;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/my-comment.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.my-comment_container__eKDxe {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.my-comment_infoContainer__yHwzU {
  display: flex;
  justify-content: space-between;
}
.my-comment_infoContainer__yHwzU div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.my-comment_infoContainer__yHwzU div span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.my-comment_email__vMZnl {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.my-comment_date__n8EGR {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.my-comment_thumbCount__l8f69 {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.my-comment_commentContainer__6iaXJ {
  font-size: 400px;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}

.my-comment_btnContainer__aCDJy {
  display: flex;
  align-items: center;
  gap: 10px;
}
.my-comment_btnContainer__aCDJy div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.my-comment_btnContainer__aCDJy div:last-child {
  gap: 10px;
}

.my-comment_commentCount__4H5Gq {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.my-comment_btn__INbBM {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 32px;
  padding: 0px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .my-comment_commentContainer__6iaXJ {
    font-size: 14px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/comment-edit-input.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.comment-edit-input_container__D2lIi {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #eee;
  gap: 20px;
  padding: 20px 0px 20px 0px;
}

.comment-edit-input_infoContainer__vOeiQ {
  display: flex;
  justify-content: space-between;
}
.comment-edit-input_infoContainer__vOeiQ div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.comment-edit-input_infoContainer__vOeiQ div span {
  display: flex;
  align-items: center;
  gap: 12px;
}

.comment-edit-input_email__UF3YR {
  font-size: 14px;
  line-height: 16.71px;
  font-weight: 400;
  color: #9e9e9e;
}

.comment-edit-input_date__HkK94 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: 3%;
  color: #9e9e9e;
}

.comment-edit-input_thumbCount__ESXdo {
  font-weight: 400;
  font-size: 13px;
  line-height: 15.51px;
  color: #424242;
}

.comment-edit-input_commentContainer__EOs0f {
  display: flex;
  gap: 12px;
}
.comment-edit-input_commentContainer__EOs0f button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
  padding: 0px 36px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22;
  color: #ff728f;
  background-color: #ffffff;
  border: 1px solid #ff728f;
}

.comment-edit-input_textarea__CGWGH {
  flex: 1 1;
  height: 76px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  padding: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
  resize: none;
}

.comment-edit-input_textarea__CGWGH::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.comment-edit-input_btnContainer__0tst3 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.comment-edit-input_btnContainer__0tst3 div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.comment-edit-input_btnContainer__0tst3 div:last-child {
  gap: 10px;
}

.comment-edit-input_commentCount__HI1vi {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.comment-edit-input_btn__yaBm3 {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 32px;
  padding: 0px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: #424242;
}

@media screen and (max-width: 768px) {
  .comment-edit-input_commentContainer__EOs0f {
    flex-direction: column;
  }
  .comment-edit-input_commentContainer__EOs0f button {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
  .comment-edit-input_textarea__CGWGH {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/app/sub/_component/comment/comment-login.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.comment-login_container__JtxGx {
  display: flex;
  gap: 12px;
}

.comment-login_commentCount__mHeTr {
  padding-bottom: 8px;
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  display: inline-block;
}

.comment-login_textarea__3ukcN {
  flex: 1 1;
  height: 84px;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
  padding: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #bdbdbd;
  resize: none;
}

.comment-login_textarea__3ukcN::placeholder {
  color: #e0e0e0; /* 원하는 색상으로 변경합니다. */
}

.comment-login_btn___Zpgv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
  padding: 0px 36px;
  border-radius: 6px;
  background: #ff3e66;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .comment-login_container__JtxGx {
    flex-direction: column;
  }
  .comment-login_commentCount__mHeTr {
    font-size: 16px;
    line-height: 26px;
  }
  .comment-login_textarea__3ukcN {
    flex: 1 1 auto;
    height: 128px;
    font-size: 14px;
  }
  .comment-login_btn___Zpgv {
    flex: 1 1 auto;
    height: 44px;
    font-size: 14px;
  }
}