@charset "utf-8";

/* NB2024-13369 :: S */
/* IMC 댓글 이벤트 영역 (FO_IMC_01) - 1920 시안 기준 */
.imcCm { color: #151415; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; text-align: left; }
.imcCm *, .imcCm *::before, .imcCm *::after { box-sizing: border-box; }
.imcCm button { padding: 0; border: 0; background: none; font-family: inherit; cursor: pointer; }
.imcCm em { font-style: normal; }
.imcCm [hidden] { display: none !important; }

.imcCm__title { font-size: 40px; font-weight: 900; line-height: 56px; letter-spacing: -2px; text-align: center; color: #151415; }

/* 02 댓글 영역 */
.imcCm__board { max-width: 1620px; margin: 0 auto; padding: 140px 40px 120px; }
.imcCm__sub { margin-top: 5px; font-size: 18px; line-height: 38px; letter-spacing: -0.9px; text-align: center; color: #797979; }

/* 03 최근 댓글 말풍선 */
.imcCm__bubbles { display: flex; justify-content: center; max-width: 1464px; margin: 60px auto 0; }
.imcCm__bubble { flex: 0 1 468px; display: flex; flex-direction: column; min-width: 0; min-height: 160px; padding: 30px; border: 2px solid #f6f6f6; border-radius: 40px 40px 0 40px; background: #fff; box-shadow: 0 8px 24px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -2px rgba(0, 0, 0, 0.04); }
.imcCm__bubble + .imcCm__bubble { margin-left: 30px; }
.imcCm__bubbleTit { display: block; font-size: 18px; font-weight: 700; line-height: 25.2px; letter-spacing: -0.18px; color: #000; word-break: break-all; }
.imcCm__bubbleTxt { margin-top: 10px; font-size: 14px; line-height: 22.4px; letter-spacing: -0.14px; color: #737373; word-break: break-all; }
.imcCm__bubble--empty { justify-content: center; }
.imcCm__bubble--empty .imcCm__bubbleTxt { margin-top: 0; }

/* 04 댓글 작성 */
.imcCm__write { position: relative; display: flex; flex-direction: column; height: 120px; margin-top: 80px; border: 1px solid #e5e5e5; background: #fff; }
.imcCm__textarea { display: block; flex: 1 1 auto; width: 100%; min-height: 0; padding: 17px 16px 0; border: 0; background: transparent; font-family: inherit; font-size: 13px; line-height: 15.6px; color: #000; resize: none; outline: none; }
.imcCm__textarea::placeholder { color: #aaa; opacity: 1; }
.imcCm__textarea:disabled { color: #aaa; -webkit-text-fill-color: #aaa; }
.imcCm__write.is-disabled { background: #f5f5f5; }
.imcCm__guest { position: absolute; top: 17px; left: 16px; font-size: 13px; line-height: 15.6px; color: #aaa; }
/* reset.css 의 a:hover, a:active (굵기 400, 밑줄 제거) 덮어쓰기 방지 */
.imcCm__loginLink, .imcCm__loginLink:hover, .imcCm__loginLink:active { font-weight: 700; color: #000; text-decoration: underline; }
.imcCm__count { flex: none; padding: 4px 14px 18px; text-align: right; font-size: 13px; font-weight: 400; line-height: 15.6px; letter-spacing: -0.26px; color: #aaa; }
.imcCm__count em { color: #000; }
.imcCm__writeNoti { margin-top: 12px; font-size: 12px; font-weight: 500; line-height: 14.4px; color: #7e7e7e; }
.imcCm__btnArea { margin-top: 33px; text-align: center; }
.imcCm .imcCm__btnRegist { width: 200px; height: 60px; background: #000; font-size: 14px; font-weight: 500; letter-spacing: -0.7px; color: #fff; }

/* 06 댓글 목록 */
.imcCm__total { margin-top: 72px; font-size: 12px; font-weight: 500; line-height: 16px; color: #000; }
.imcCm__total em { font-size: 13px; color: #cf1a3f; }
.imcCm__list { margin-top: 21px; border-top: 1px solid #e5e5e5; }
.imcCm__item { border-bottom: 1px solid #e5e5e5; }
.imcCm__view { position: relative; min-height: 101px; padding: 20px 0; }
.imcCm__id { display: block; font-size: 10px; font-weight: 500; line-height: 12px; text-align: right; color: #979797; }
/* 오른쪽 작성자 ID 열(약 148px) 앞에서 줄바꿈 - PC 시안 본문 폭 1392px 기준 */
.imcCm__txt { margin-top: 11px; padding-right: 148px; font-size: 13px; font-weight: 500; line-height: 15.6px; color: #000; white-space: pre-line; word-break: break-all; }
.imcCm__mine { margin-top: 9px; font-size: 10px; line-height: 12px; text-align: right; color: #979797; }
.imcCm .imcCm__mine button { font-size: 10px; font-weight: 500; line-height: 12px; color: #979797; text-decoration: underline; }
.imcCm__bar { margin: 0 10px; font-weight: 700; }
.imcCm__item--empty { padding: 43px 0; font-size: 13px; font-weight: 500; line-height: 15.6px; color: #000; }

/* 06-2a 수정 input - 영역 200px, 위아래 여백 30px */
.imcCm__item.is-editing .imcCm__view { display: none; }
.imcCm__edit { padding: 30px 0; }
.imcCm__editBox { display: flex; flex-direction: column; height: 80px; border: 1px solid #e5e5e5; }
.imcCm__editBox .imcCm__textarea { padding-top: 15px; }
.imcCm__editBox .imcCm__count { padding-top: 0; padding-bottom: 8px; }
.imcCm__editBtns { margin-top: 20px; font-size: 0; text-align: center; }
.imcCm .imcCm__editBtns button { width: 80px; height: 40px; font-size: 14px; font-weight: 500; letter-spacing: -0.56px; vertical-align: top; }
.imcCm .imcCm__btnCancel { border: 1px solid #e5e5e5; background: #fff; color: #474747; }
.imcCm .imcCm__btnUpdate { margin-left: 10px; background: #000; color: #fff; }

/* 06 페이징 */
.imcCm__paging { display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.imcCm__paging:empty { display: none; }
.imcCm__paging a { display: inline-flex; align-items: center; justify-content: center; font-family: 'ProximaNova', sans-serif; font-size: 16px; font-weight: 400; line-height: 22.4px; color: #9e9e9e; }
.imcCm__paging a.on { color: #000; font-weight: 700; }
/* 숫자 묶음이 정가운데에 오도록 좌우 여백 동일 */
.imcCm__pageNums { display: inline-flex; margin: 0 16px; }
.imcCm__pageNums a + a { margin-left: 24px; }
.imcCm__pageArrow { height: 22px; }
.imcCm__pageArrow svg + svg { margin-left: -2px; }
.imcCm__pageArrow--prev { margin-left: 9px; }
.imcCm__pageArrow--last { margin-left: 9px; }
/* NB2024-13369 :: E */