.liveView {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* =============================================
   PC: 타이틀 영역 (어두운 그라데이션 배경)
   node: 6778-28602 > 타이틀영역
   padding: 46px 430px 42px, row, space-between
   ============================================= */
.liveView .lv-hero {
    width: 100%;
    background: linear-gradient(90deg, #111111 0%, #202020 100%);
    display: flex;
    justify-content: center;
}

.liveView .lv-hero-inner {
    width: 1060px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 46px 0 42px;
    gap: 40px;
}

/* 왼쪽 텍스트 컬럼 */
.liveView .lv-hero-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 549px;
    flex-shrink: 0;
}

/* 태그 행 */
.liveView .lv-tags {
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
}

.liveView .lv-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.01em;
}


.cate-tag {
    color: var(--Color-GY-300, #B9BFCA);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 19.5px */
    letter-spacing: -0.13px;
}

.liveView .lv-tag-live {
    background: #1DACFF;
    color: #fff;
}

.liveView .lv-tag-cat {
    background: #F3F5F7;
    color: #333842;
    font-weight: 500;
}

/* 제목 */
.liveView .lv-hero-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.04em;
    line-height: 1.4;
}

/* 날짜/별점 */
.liveView .lv-hero-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.liveView .lv-hero-date {
    font-size: 13px;
    font-weight: 400;
    color: #99A2B2;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

.liveView .lv-hero-discription {
    font-size: 13px;
    font-weight: 400;
    color: #99A2B2;
    letter-spacing: -0.02em;
    line-height: 1.5;
    margin-top: 12px;
    margin-bottom: 6px;
}

.liveView .lv-star-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.liveView .lv-stars {
    color: #FFBB00;
    font-size: 14px;
    letter-spacing: 1px;
}

.liveView .lv-star-text {
    font-size: 12px;
    font-weight: 400;
    color: #B9BFCA;
    letter-spacing: -0.02em;
    line-height: 1;
}

/* 버튼 그룹 */
.liveView .lv-hero-btns {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-self: stretch;
}

.liveView .lv-btn-alarm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 20px;
    background: #F3F5F7;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #040404;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.03em;
    flex: 1 0 0;
}

.liveView .lv-btn-alarm:hover {
    background: #e8eaee;
}

.liveView .lv-btn-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 17px 9px;
    background: #F3F5F7;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #F9F9FA;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.03em;
    background: #454C59;
}

/* 오른쪽 썸네일 */
.liveView .lv-hero-thumb {
    width: 333px;
    height: 187px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #e0e4ea;
}

.liveView .lv-hero-thumb-inner {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #cdd6e4 0%, #a8bcd4 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.liveView .lv-hero-thumb-inner img {
    width: 100%;
}

/* =============================================
   PC: 본문 레이아웃 (좌: 본문 + 우: 플로팅카드)
   ============================================= */
.liveView .lv-body {
    width: 100%;
    display: flex;
    justify-content: center;
}

.liveView .lv-body-inner {
    width: 1060px;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
    padding-bottom: 100px;
}

/* =============================================
   좌측 본문
   ============================================= */
.liveView .lv-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* --------- TAB (sticky) node: 6794-27191 --------- */
.liveView .lv-tab-wrap {
    position: sticky;
    top: 0;
    z-index: 200;
    background: #fff;
    border-bottom: 1px solid #DEE4ED;
    width: 100%;
}

.liveView .lv-tab {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 58px;
    padding: 15px 0 0;
}

.liveView .lv-tab-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    height: 35px;
}

.liveView .lv-tab-label {
    font-size: 14px;
    font-weight: 400;
    color: #191E24;
    letter-spacing: -0.02em;
    line-height: 1.6;
    white-space: nowrap;
}

.liveView .lv-tab-item.active .lv-tab-label {
    font-weight: 700;
    color: #1082DA;
}

.liveView .lv-tab-bar {
    height: 4px;
    width: 100%;
    background: transparent;
    border-radius: 2px;
}

.liveView .lv-tab-item.active .lv-tab-bar {
    background: #2094EE;
}

/* 카운트 뱃지 (특강후기 숫자) */
.liveView .lv-tab-count {
    color: #2094EE;
    font-weight: 700;
}

/* --------- 섹션 공통 --------- */
.liveView .lv-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 25px 0;
}

.liveView .lv-section+.liveView .lv-section {
    border-top: 1px solid #EFF2F6;
}

.liveView .lv-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #191919;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

.liveView .lv-section-body {
    font-size: 16px;
    font-weight: 400;
    color: #595959;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

/* 강의 소개 (PT01 — 첫 섹션) */
.liveView .lv-section-intro-title {
    font-size: 18px;
    font-weight: 700;
    color: #191919;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* divider */
.liveView .lv-divider {
    width: 100%;
    height: 10px;
    background: #EFF2F6;
    margin: 0 -40px;
    width: calc(100% + 80px);
}




/* 강의 소개 (PT01 — 첫 섹션) */
.liveView .lv-section-intro-title {
    font-size: 18px;
    font-weight: 700;
    color: #191919;
    letter-spacing: -0.02em;
    line-height: 1.4;
}


/* --------- 강사 카드 --------- */
.liveView .lv-instructor-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.liveView .lv-expand-btn {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 500;
    color: #333842;
    cursor: pointer;
    background: none;
    border: none;
    font-family: var(--font);
}



/* --------- 강사 카드 --------- */
/* ============================================================
   강사소개 영역  (Figma node: 2-10771)
   ============================================================ */

/* 헤더: 제목 left + 모두펼치기 right */
.liveView .lv-instructor-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* 모두 펼치기/접기 버튼 — Medium 11px #333842 */
.liveView .lv-expand-btn {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 11px;
    font-weight: 500;
    color: #333842;
    letter-spacing: -0.02em;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none;
    font-family: var(--font);
    flex-shrink: 0;
}

.liveView .lv-expand-btn .expand-arrow {
    width: 9px;
    height: 6px;
    transition: transform 0.25s;
}

.liveView .lv-expand-btn.all-open .expand-arrow {
    transform: rotate(180deg);
}

/* 그리드 컨테이너: 클리핑 + 상대 배치용 */
.liveView .lv-instructor-wrap {
    position: relative;
}

/* 2열 그리드 */
.liveView .lv-instructor-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

/* 5~6번째 카드(hidden) 기본 숨김 */
.liveView .lv-instructor-card.lv-card-hidden {
    display: none;
}

/* 그라데이션 페이드 오버레이 — 4개까지만 보일 때 */
.liveView .lv-instructor-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    transition: opacity 0.3s;
}

/* 모두 보기 버튼 클릭 후 페이드 숨김 */
.liveView .lv-instructor-wrap.all-shown .lv-instructor-fade {
    opacity: 0;
    pointer-events: none;
}

/* ── 강사 카드 ── */
.liveView .lv-instructor-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    background: #fff;
    border: 1px solid #DEE4ED;
    border-radius: 12px;
}

/* 카드 상단: 프로필 left + 토글 화살표 right */
.liveView .lv-instructor-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

/* 프로필 좌측 */
.liveView .lv-instructor-profile {
    display: flex;
    align-items: center;
    gap: 17px;
}

/* 아바타 이미지: 58×58, radius 58px, border #DEE4ED */
.liveView .lv-instructor-avatar {
    width: 58px;
    height: 58px;
    border-radius: 58px;
    background: linear-gradient(135deg, #d0dcea 0%, #a8bfd4 100%);
    border: 1px solid #DEE4ED;
    flex-shrink: 0;
    overflow: hidden;
}

/* USP 문구: Regular 13px #4A5668 */
.liveView .lv-instructor-desc {
    font-size: 13px;
    font-weight: 400;
    color: #4A5668;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* 강사명: Bold 20px #040404 */
.liveView .lv-instructor-name {
    font-size: 20px;
    font-weight: 700;
    color: #040404;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* 토글 화살표 아이콘 원 — 22×22 #E8EAEE radius 60 */
.liveView .lv-instructor-toggle {
    width: 22px;
    height: 22px;
    background: #E8EAEE;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.2s;
}

.liveView .lv-instructor-toggle svg {
    transition: transform 0.25s;
}

/* 카드가 열렸을 때 */
.liveView .lv-instructor-card.card-open .lv-instructor-toggle {
    background: #d0d8e4;
}

.liveView .lv-instructor-card.card-open .lv-instructor-toggle svg {
    transform: rotate(180deg);
}

/* 경력 텍스트: Regular 14px #404040 lineHeight 24px — 기본 접힘 */
.liveView .lv-instructor-career {
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    letter-spacing: -0.02em;
    line-height: 24px;
    display: none;
    /* 기본 접힘 */
}

/* 카드 열림 시 경력 표시 */
.liveView .lv-instructor-card.card-open .lv-instructor-career {
    display: block;
}


/* 통계 배지: #F1F8FE bg, radius 4, padding 6 8, row wrap, gap 8 12 */
.liveView .lv-instructor-stats {
    background: #F1F8FE;
    border-radius: 4px;
    padding: 6px 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

/* 통계 아이템: row center gap 4 */
.liveView .lv-stat-item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #404040;
    line-height: 1.4;
}

/* 별 아이콘 11×11 */
.liveView .lv-stat-icon {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
}

/* 강사 모두 보기 버튼 — rgba(255,255,255,.6), border #C6CFDC, radius 10, Medium 14 */
.liveView .lv-instructor-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #C6CFDC;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.02em;
    line-height: 1.6;
    width: 100%;
    margin-top: 0;
    transition: background 0.2s, border-color 0.2s;
}

.liveView .lv-instructor-more-btn:hover {
    background: #f5f7fa;
    border-color: #a6b2c4;
}

/* --------- 후기 섹션 --------- */
.liveView .lv-review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.liveView .lv-review-write-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #163FC5;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    height: 40px;
    letter-spacing: -0.03em;
}

.liveView .lv-review-summary-card {
    background: #F8FAFB;
    border: 1px solid #DEE4ED;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    padding: 20px 25px 20px 23px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
}

.liveView .lv-review-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 8px;
    flex: 1;
}

.liveView .lv-review-col-label {
    font-size: 14px;
    font-weight: 700;
    color: #4A5668;
    letter-spacing: -0.02em;
    line-height: 1.4;
    text-align: center;
}

.liveView .lv-review-score {
    font-size: 28px;
    font-weight: 700;
    color: #191E24;
    letter-spacing: -0.02em;
    line-height: 1.4;
    text-align: center;
}

.liveView .lv-review-score span {
    font-size: 24px;
    font-weight: 400;
    color: #A6B2C4;
}

.liveView .lv-review-col-divider {
    width: 1px;
    background: #DEE4ED;
    align-self: stretch;
}

/* 별점 분포 바 */
.liveView .lv-bar-chart {
    /* display: flex; */
    flex-direction: row;
    gap: 12px;
    justify-content: center;
}

.liveView .lv-bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.liveView .lv-bar-pct {
    font-size: 12px;
    font-weight: 700;
    color: #0E71BE;
    line-height: 1.4;
}

.liveView .lv-bar-pct.low {
    color: #8898AF;
}

.liveView .lv-bar-track {
    width: 8px;
    height: 50px;
    background: #DEE4ED;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.liveView .lv-bar-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #50ABF2;
    border-radius: 6px;
}

.liveView .lv-bar-label {
    font-size: 12px;
    font-weight: 400;
    color: #66768F;
    line-height: 1.4;
}

/* 리뷰 셀렉트 */
.liveView .lv-review-filters {
    gap: 5px;
    color: var(--Color-GY-800, #454C59);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lv-review-filter-wrap {
    position: relative;
    display: inline-block;
}

.lv-review-filter-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;

    width: 160px;

    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

    padding: 8px;

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);

    transition: all .2s ease;

    z-index: 100;
}

.lv-review-filter-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lv-review-filter-dropdown button {
    width: 100%;
    height: 44px;

    border: 0;
    background: none;

    text-align: left;

    padding: 0 14px;

    border-radius: 8px;

    cursor: pointer;

    font-size: 14px;
    color: #111827;
}

.lv-review-filter-dropdown button:hover {
    background: #F3F4F6;
}

.liveView .lv-select:focus {
    outline: none;
    border-color: #163FC5;
}

/* 리뷰 리스트 */
.liveView .lv-review-list {
    display: flex;
    flex-direction: column;
}

.liveView .lv-review-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 0;
    border-top: 1px solid #DEE4ED;
}

.liveView .lv-review-item:first-child {
    border-top: none;
}

.liveView .lv-review-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}

.liveView .lv-reviewer-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.liveView .lv-reviewer-id-row {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    flex-direction: column;
}

.liveView .lv-recommend-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 5px;
    background: #DCFBDA;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    color: #009821;
}

.liveView .lv-reviewer-id {
    font-size: 16px;
    font-weight: 700;
    color: #1D2025;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.liveView .lv-reviewer-dept {
    font-size: 13px;
    font-weight: 400;
    color: #4A5668;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

.liveView .lv-review-date-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.liveView .lv-review-stars {
    color: #FFBB00;
    font-size: 13px;
}

.liveView .lv-review-date {
    font-size: 12px;
    font-weight: 400;
    color: #737373;
    line-height: 1.4;
}

.liveView .lv-review-content {
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

.liveView .lv-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 16px;
    background: #fff;
    border: 1px solid #C6CFDC;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #2F3642;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.02em;
    line-height: 1.6;
    width: 100%;
    margin-top: 8px;
}

/* =============================================
   우측 플로팅 카드  node: 6794-27191
   width: 290, column, gap 8px, padding 20px
   position: sticky top
   ============================================= */
.liveView .lv-floating {
    width: 290px;
    flex-shrink: 0;
    position: sticky;
    top: 0px;
    /* tab 높이 + 여유 */
    align-self: flex-start;
}

.liveView .lv-float-card {
    width: 290px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: #fff;
    border: 1px solid #DFE2E7;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    margin-top: 28px;
}

/* 태그 */
.liveView .lv-float-tags {
    display: flex;
    flex-direction: row;
    gap: 7px;
    align-items: center;
}

.liveView .lv-float-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.01em;
}

.liveView .lv-float-tag-live {
    background: #D9EDFC;
    color: #0E71BE;
}

.liveView .lv-float-tag-cat {
    background: #F3F5F7;
    color: #333842;
}

/* 제목 */
.liveView .lv-float-title {
    font-size: 16px;
    font-weight: 600;
    color: #1D2025;
    letter-spacing: -0.03em;
    line-height: 1.5;
}

/* 날짜/별점 컬럼 */
.liveView .lv-float-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.liveView .lv-float-date {
    font-size: 12px;
    font-weight: 400;
    color: #545D6D;
    letter-spacing: -0.01em;
    line-height: 1.5;
}

.liveView .lv-float-star-row {
    display: flex;
    align-items: center;
    gap: 4px;
}

.liveView .lv-float-stars {
    color: #FFBB00;
    font-size: 13px;
}

.liveView .lv-float-star-text {
    font-size: 12px;
    font-weight: 400;
    color: #7D879B;
    letter-spacing: -0.02em;
    line-height: 1;
}

/* 버튼 그룹 */
.liveView .lv-float-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
}

.liveView .lv-float-btn-alarm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #99A2B2;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #454C59;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.03em;
    line-height: 1.5;
}

.liveView .lv-float-btn-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 17px 9px;
    background: #F3F5F7;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #545D6D;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    letter-spacing: -0.03em;
}

.lv-btn-share {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    background: #222;
    color: #fff;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.share-toast {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);

    background: rgba(0, 0, 0, 0.85);
    color: #fff;

    padding: 12px 18px;
    border-radius: 999px;
    font-size: 14px;

    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
}

.share-toast.show {
    opacity: 1;
    visibility: visible;
    bottom: 50px;
}

/* Loading */
.keyListLodingDiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99999;
}

.logindBgDiv {
    width: 100%;
    height: 100%;
    background: url('/assets/data/img/icon/loading/loading_img.png') no-repeat center center;
    display: inline-block;
}

.logindCnDiv {
    width: 184px;
    height: 184px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 92px);
    left: calc(50% - 92px);
}

.loginGifImg {
    margin-top: 69px;
}

/* 내용 상세설명 */
.con p img {
    width: 100%;
    /* 부모 컨테이너의 너비를 기준으로 크기 조정 */
    height: auto;
    /* 이미지 비율을 유지하면서 높이 자동 조정 */
}

._pc {
    display: inline-block;
}

._mo {
    display: none;
}

._pc_flex {
    display: flex;
}

._mo_flex {
    display: none;
}


.applyReviewNullArea {
    width: 100%;
    padding: 40px;
    background-color: #F8FAFB;
    border-radius: 12px;
    font-size: 14px;
    color: #4A5668;
    font-weight: 400;
    display: flex;
    margin-right: 30px;
    margin-top: 12px;
    gap: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.applyReviewNullRow1 {
    font-weight: 700;
}



/* 신청모달 */

._LCM_FM {
    /* width: 436px; */
    background: #FFFFFF;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 0;
    /* padding: 30px 28px 28px; */
    font-family: 'Pretendard', sans-serif;
}

/* ── 헤더: row, space-between, center, padding-bottom 20px ── */
._LCM_FM ._LCMFM_Header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    align-self: stretch;
}

._LCM_FM ._LCMFM_HeaderTxt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 273px;
}

/* 강의명: SemiBold 13px #545D6D -2% lineHeight 140% */
._LCM_FM ._LCMFM_SubTit {
    font-size: 13px;
    font-weight: 600;
    color: #545D6D;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* 특강 알림 신청: Bold 18px #040404 -2% lineHeight 140% */
._LCM_FM ._LCMFM_Tit {
    font-size: 18px;
    font-weight: 700;
    color: #040404;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

/* 닫기 버튼: 24x24 */
._LCM_FM ._LCMFM_Close {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

/* ── 입력 필드 그룹: column, gap 14px, padding-bottom 23px ── */
._LCM_FM ._LCMFM_Fields {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 14px;
    padding-bottom: 23px;
}

/* 공통 입력 필드 래퍼: column, gap 6px, fill */
._LCM_FM ._LCM_field {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 6px;
}

/* 레이블: SemiBold 13px #667085 -2% lineHeight 160% */
._LCM_FM ._LCM_label {
    font-size: 13px;
    font-weight: 600;
    color: #667085;
    letter-spacing: -0.02em;
    line-height: 1.6;
}

/* 인풋박스: row, center, gap 10px, padding 10px 10px 10px 12px,
   border 1px #99A2B2, borderRadius 8px, fill */
._LCM_FM ._LCM_inputBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    gap: 10px;
    padding: 9px 12px;
    border: 1px solid #99A2B2;
    border-radius: 8px;
    background: #fff;
    transition: border-color 0.15s;
}

._LCM_FM ._LCM_inputBox:focus-within {
    border-color: #163FC5;
}

/* 텍스트 입력: Regular 14px #040404 -3% fill */
._LCM_FM ._LCM_inputBox input {
    flex: 1;
    border: none;
    outline: none;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #040404;
    letter-spacing: -0.03em;
    line-height: 1.5;
    background: transparent;
    min-width: 0;
    height: auto;
    padding: 0px;
}


._LCM_FM ._LCM_inputBox input::placeholder {
    color: #7D879B;
}

/* 안내 메시지: Regular 12px #7D879B -1% */
._LCM_FM ._LCM_msg {
    font-size: 12px;
    font-weight: 400;
    color: #7D879B;
    letter-spacing: -0.01em;
    line-height: 1.5;
    width: 100%;
    display: none;
}

/* 이메일 행: row, wrap, gap 6px, align center */
._LCM_FM ._LCM_emailRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    align-self: stretch;
}

._LCM_FM ._LCM_emailRow ._LCM_inputBox {
    /* flex: 1; */
    min-width: 80px;
}

._LCM_FM ._LCM_emailRow ._LCM_inputBox_email1 {
    min-width: calc(100% - 30px);
}

._LCM_FM ._LCM_emailRow ._LCM_inputBox_email2 {
    min-width: calc(50% - 10px);
}

._LCM_FM ._LCM_emailRow ._LCM_inputBox_email3 {
    min-width: calc(50% - 10px);
}


/* @ 텍스트: SemiBold 13px #667085 */
._LCM_FM ._LCM_atSign {
    font-size: 13px;
    font-weight: 600;
    color: #667085;
    letter-spacing: -0.02em;
    flex-shrink: 0;
}

/* 이메일 셀렉트박스: row, space-between, center, padding 10px 14px,
   border 1px #99A2B2, borderRadius 8px, width 131px */
._LCM_FM ._LCM_selectWrap {
    width: 131px;
    flex-shrink: 0;
    position: relative;
}

._LCM_FM ._LCM_select {
    width: 100%;
    padding: 10px 36px 10px 14px;
    border: 1px solid #99A2B2;
    border-radius: 8px;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #7D879B;
    letter-spacing: -0.03em;
    line-height: 1.5;
    background: #fff url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%237D879B' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s;
}

._LCM_FM ._LCM_select:focus {
    border-color: #163FC5;
}

/* ── 질문 섹션: column, gap 10px, padding 24px 0,
   border-top 1px #DFE2E7, fill ── */
._LCM_FM ._LCM_qstSec {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 10px;
    padding: 24px 0;
    border-top: 1px solid #DFE2E7;
}

._LCM_FM ._LCM_qstSec:first-of-type {
    border-top: 1px solid #DFE2E7;
}

/* 질문 행: row, center, gap 6px */
._LCM_FM ._LCM_qstRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

/* Q. 텍스트: SemiBold 18px #545D6D lineHeight 100% */
._LCM_FM ._LCM_qMark {
    font-size: 18px;
    font-weight: 600;
    color: #545D6D;
    line-height: 1;
    flex-shrink: 0;
}

/* 질문 텍스트: Bold 15px #1D2025 -3% lineHeight 150% */
._LCM_FM ._LCM_qTxt {
    font-size: 15px;
    font-weight: 700;
    color: #1D2025;
    letter-spacing: -0.03em;
    line-height: 1.5;
}

/* 라디오 그룹: row, fill, wrap, gap 14px 24px */
._LCM_FM ._LCM_radioGroup {
    display: flex;
    flex-direction: row;
    align-self: stretch;
    flex-wrap: wrap;
    gap: 14px 24px;
}

/* 라디오 아이템: row, center, gap 8px */
._LCM_FM ._LCM_radioItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* 라디오 커스텀: 20x20, border 1px #454C59, radius 17px */
._LCM_FM ._LCM_radioItem input[type="radio"] {
    display: none;
}

._LCM_FM ._LCM_radioDot {
    width: 20px;
    height: 20px;
    border: 1px solid #454C59;
    border-radius: 17px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.15s;
}

._LCM_FM ._LCM_radioDot::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    transition: background 0.15s;
}

._LCM_FM ._LCM_radioItem input[type="radio"]:checked+._LCM_radioDot {
    border-color: #163FC5;
}

._LCM_FM ._LCM_radioItem input[type="radio"]:checked+._LCM_radioDot::after {
    background: #163FC5;
}

/* 라디오 레이블: Regular 14px #040404 */
._LCM_FM ._LCM_radioLabel {
    font-size: 14px;
    font-weight: 400;
    color: #040404;
    letter-spacing: -0.03em;
    line-height: 1.5;
}

/* 셀렉트 (질문형): fill, column, gap 8px */
._LCM_FM ._LCM_qstSelectWrap {
    align-self: stretch;
}

._LCM_FM ._LCM_qstSelect {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #99A2B2;
    border-radius: 8px;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #7D879B;
    letter-spacing: -0.03em;
    line-height: 1.5;
    background: #fff url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%237D879B' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s;
}

._LCM_FM ._LCM_qstSelect:focus {
    border-color: #163FC5;
}

/* 텍스트에어리어 인풋: fill, height 120px */
._LCM_FM ._LCM_textarea {
    align-self: stretch;
    height: 120px;
    padding: 10px 12px;
    border: 1px solid #99A2B2;
    border-radius: 8px;
    font-family: 'Pretendard', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #040404;
    letter-spacing: -0.03em;
    line-height: 1.5;
    resize: none;
    outline: none;
    transition: border-color 0.15s;
}

._LCM_FM ._LCM_textarea::placeholder {
    color: #7D879B;
}

._LCM_FM ._LCM_textarea:focus {
    border-color: #163FC5;
}

/* ── 약관 섹션: column, gap 10px, padding 28px 0 30px,
   border-top 1px #DFE2E7 ── */
._LCM_FM ._LCM_agrSec {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 10px;
    padding: 28px 0 30px;
    border-top: 1px solid #DFE2E7;
}

/* 전체동의 행: row, center, gap 8px */
._LCM_FM ._LCM_agrAll {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

._LCM_FM ._LCM_agrAll input[type="checkbox"] {
    display: none;
}

/* 체크박스 커스텀: 14x22(실제 클릭 영역), 내부 박스 14x14,
   border 1px #454C59, borderRadius 4px */
._LCM_FM ._LCM_chkBox {
    width: 14px;
    height: 14px;
    border: 1px solid #454C59;
    border-radius: 4px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

._LCM_FM ._LCM_chkBox svg {
    display: none;
}

._LCM_FM input[type="checkbox"]:checked+._LCM_chkBox {
    background: #163FC5;
    border-color: #163FC5;
}

._LCM_FM input[type="checkbox"]:checked+._LCM_chkBox svg {
    display: block;
}

/* 전체동의 레이블: Bold 14px #1D2025 -3% */
._LCM_FM ._LCM_agrAllLabel {
    font-size: 14px;
    font-weight: 700;
    color: #1D2025;
    letter-spacing: -0.03em;
    line-height: 1.5;
}

/* 약관 내용박스: column, gap 12px, padding 14px,
   fill #F3F5F7, borderRadius 8px */
._LCM_FM ._LCM_agrBox {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 12px;
    padding: 14px;
    background: #F3F5F7;
    border-radius: 8px;
}

/* 약관 행: row, gap 8px, fill */
._LCM_FM ._LCM_agrEl {
    display: flex;
    flex-direction: row;
    align-self: stretch;
    gap: 8px;
}

._LCM_FM ._LCM_agrEl input[type="checkbox"] {
    display: none;
}

/* 약관 제목: Medium 13px #4A5668 -2% lineHeight 180%
   필수: Bold #333842, (필수): #E83534 */
._LCM_FM ._LCM_agrTitle {
    font-size: 13px;
    font-weight: 500;
    color: #4A5668;
    letter-spacing: -0.02em;
    line-height: 1.8;
}

._LCM_FM ._LCM_agrTitle strong {
    font-weight: 700;
    color: #333842;
}

._LCM_FM ._LCM_agrTitle em {
    font-style: normal;
    color: #E83534;
    font-weight: 700;
}

/* 약관 내용: Regular 12px #333842 -2% lineHeight 150% */
._LCM_FM ._LCM_agrContent {
    font-size: 12px;
    font-weight: 400;
    color: #333842;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

/* 선택동의 라벨: Bold 13px #333842 -2% lineHeight 180% */
._LCM_FM ._LCM_agrOpt {
    font-size: 13px;
    font-weight: 700;
    color: #333842;
    letter-spacing: -0.02em;
    line-height: 1.8;
}

._LCM_FM ._LCM_agrOpt span {
    font-weight: 400;
}

/* ── 제출 버튼: row, center, gap 6px, padding 10px 20px,
   fill #163FC5, borderRadius 8px, fill width ── */
._LCM_FM ._LCM_BTN {
    align-self: stretch;
    margin-bottom: 70px;
}

._LCM_FM ._LCM_BTN button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 6px;
    padding: 10px 20px;
    width: 100%;
    background: #163FC5;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-family: 'Pretendard', sans-serif;
    /* Bold 16px #fff -3% lineHeight 150% */
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.03em;
    line-height: 1.5;
    transition: background 0.15s;
}

._LCM_FM ._LCM_BTN button:hover {
    background: #122fb0;
}

._LCM_FM ._LCM_BTN button:active {
    background: #0f25a0;
}


.csmCon2 {
    width: 410px;
    height: 195px;
    padding: 40px;
    background: #ffffff;
}

.csmCon2 .csmTlt {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #3B3B3D;
    padding-bottom: 14px;
}

.csmCon2 .csmInfo {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    letter-spacing: -0.03em;
    color: black;
    padding-bottom: 25px;
}

.csmCon2 ._aplBaseHeader {
    border-bottom: 0px !important;
    margin-bottom: 0pc !important;
}

.csmCon2 .csmBtn {
    text-align: center;
    font-size: 0;
    display: flex;
}

.csmCon2 .csmBtn>button {
    width: 200px;
    height: 50px;
    line-height: 48px;
    margin-right: 10px;
    border-radius: 4px;
}

.csmCon2 .csmBtn>button:last-child {
    margin-right: 0;
}

.csmCon2 .csmBtn>button:nth-child(1) {
    width: 103px;
    height: 50px;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border-radius: 8px;
    border: 1px solid #A6B2C4;
    background: #FFF;
    font-size: 16px;
    font-weight: 700;
}

.csmCon2 .csmBtn>button:nth-child(2) {
    display: flex;
    height: 50px;
    /* padding: 10px 14px; */
    justify-content: center;
    align-items: center;
    gap: 9px;
    flex: 1 0 0;
    border-radius: 8px;
    background: #163FC5;
    color: #FFF;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    /* 25.6px */
    letter-spacing: -0.32px;
}


._LCM_BTN_bottom {
    display: none;
    /* PC 숨김 */
}

._LCM_FM ._LCM_BTN {
    display: inline-block;
}

.starArea {
    color: #FFBB00;
    font-size: 18px;
    letter-spacing: 2px;
}

.lv-review-score {
    font-size: 28px;
}

/* =============================================
   반응형 ≤ 768px
   ============================================= */
@media screen and (max-width: 768px) {
    ._LCM_FM {
        width: 100%;
        border-radius: 16px;
        padding: 24px 20px 20px;
    }

    ._LCM_FM ._LCMFM_HeaderTxt {
        width: auto;
        flex: 1;
    }

    ._LCM_FM ._LCM_emailRow {
        flex-wrap: wrap;
    }

    ._LCM_FM ._LCM_emailRow ._LCM_inputBox {
        min-width: 100px;
    }

    ._LCM_FM ._LCM_selectWrap {
        /* width: 100%; */
        /* flex: 1 1 100%; */
    }

    ._LCM_FM ._LCM_select {
        width: 100%;
    }

    ._LCM_FM ._LCM_radioGroup {
        gap: 12px 18px;
    }

    ._LCM_FM ._LCM_qMark {
        font-size: 16px;
    }

    ._LCM_FM ._LCM_qTxt {
        font-size: 14px;
    }

    ._pc {
        display: none;
    }

    ._mo {
        display: inline-block;
    }

    ._pc_flex {
        display: none;
    }

    ._mo_flex {
        display: flex;
    }

    /* Hero → 세로 */
    .liveView .lv-hero-inner {
        width: 100%;
        flex-direction: column-reverse;
        padding: 0;
        gap: 0;
    }

    /* 썸네일 전체 너비 */
    .liveView .lv-hero-thumb {
        width: 100%;
        height: auto;
        border-radius: 0;
        background: #F3F5F7;
    }

    /* 텍스트 영역 */
    .liveView .lv-hero-info {
        width: 100%;
        padding: 24px 20px 0;
        gap: 9px;
        background: white;
    }

    .liveView .lv-hero-title {
        font-size: 20px;
        font-weight: 700;
        color: #191E24;
    }

    .cate-tag {
        font-size: 11px;
        color: #545D6D;
    }

    .liveView .lv-tag-cat {
        font-size: 11px;
    }

    .liveView .lv-hero-date {
        font-size: 12px;
    }

    .liveView .lv-hero-meta {
        gap: 5px;
        padding-bottom: 8px;
    }

    /* 버튼 그룹: fill row */
    .liveView .lv-hero-btns {
        /* padding: 0 20px 32px; */
        gap: 10px;
    }

    .liveView .lv-btn-alarm {
        height: 40px;
        flex: 1;
        background: #163FC5;
        color: white;
    }

    .liveView .lv-btn-alarm:hover {
        background: #163FC5;
    }

    .liveView .lv-btn-share {
        height: 40px;
        flex-shrink: 0;
        background-color: #E8EAEE;
        color: #454C59;
        /* width: 63px; */
    }

    .lv-btn-share-top svg path {
        fill: #454C59;
    }

    /* 본문 레이아웃 → 단일 컬럼 */
    .liveView .lv-body-inner {
        width: 100%;
        flex-direction: column;
        gap: 0;
        padding-bottom: 50px;
    }

    /* 플로팅 카드 → MO에서 본문 아래에 위치 (sticky 해제) */
    .liveView .lv-floating {
        /* width: 100%; */
        /* position: static; */
        /* padding: 20px 20px 0; */
        display: none;
    }

    .liveView .lv-float-card {
        width: 100%;
    }

    /* TAB */
    .liveView .lv-tab-wrap {
        padding: 0 20px;
        overflow-x: auto;
        scrollbar-width: none;
        border-top: 10px solid #EFF2F6;
        margin-top: 32px;
    }

    .liveView .lv-tab-wrap::-webkit-scrollbar {
        display: none;
    }

    .liveView .lv-tab {
        gap: 40px;
    }

    .liveView .lv-tab-label {
        font-size: 13px;
    }

    /* 섹션 패딩 */
    .liveView .lv-section {
        padding: 28px 20px 50px;
        gap: 12px;
        width: calc(100% - 40px);
    }

    .liveView .lv-section-title {
        font-size: 18px;
    }

    /* 강사 카드 → 세로 1열 */
    .liveView .lv-instructor-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    /* 리뷰 필터 wrap */
    .liveView .lv-review-filters {
        flex-wrap: wrap;
    }

    .liveView .lv-select {
        flex: 1;
        min-width: 120px;
    }

    /* 후기 summary card → 세로 */
    .liveView .lv-review-summary-card {
        /* flex-direction: column; */
        padding: 15px 16px;
        gap: 24px;
    }

    .liveView .lv-review-col-divider {
        /* width: 100%; */
        /* height: 1px; */
        /* align-self: auto; */
    }

    /* 후기 작성 버튼 full */
    .liveView .lv-review-write-btn {
        width: 100%;
    }

    /* divider */
    .liveView .lv-divider {
        width: 100%;
        margin: 0;
    }

    #section-instructor {
        background: #EFF2F6;
        padding: 60px 20px;
    }

    .lv-bar-chart-mo-point {
        color: #191E24;
        font-size: 16px;
    }

    ._bold {
        font-weight: 700;
    }

    .liveView .lv-review-header {

        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .liveView .lv-review-item {
        padding: 10px 0px;
    }

    .lv-review-filter-wrap {
        margin-top: 5px;
    }

    .liveView .lv-bar-chart {
        flex-direction: column;
        align-items: center;
    }

    .liveView .lv-bar-chart img {
        width: 40px;
    }

    ._LCM_FM ._LCM_emailRow ._LCM_inputBox_email1 {
        min-width: calc(100% - 30px) !important;
    }

    ._LCM_FM ._LCM_emailRow ._LCM_inputBox_email2 {
        min-width: calc(50% - 10px) !important;
    }

    ._LCM_FM ._LCM_emailRow ._LCM_inputBox_email3 {
        min-width: calc(50% - 10px) !important;
    }

    .csmCon1 {
        padding: 0px !important;
    }

    .liveView .lv-main {
        width: 100%;
    }

    ._LCM_BTN_bottom {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
        padding: 12px 20px;
        background: #fff;
        box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.10);
    }

    ._LCM_BTN_bottom button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        padding: 14px 20px;
        width: 100%;
        background: #163FC5;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        font-family: 'Pretendard', sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        letter-spacing: -0.03em;
        line-height: 1.5;
        transition: background 0.15s;
    }

    ._LCM_BTN button:hover {
        background: #122fb0;
    }

    ._LCM_BTN button:active {
        background: #0f25a0;
    }

    .starArea {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .liveView .lv-review-score {
        font-size: 16px;
    }

    .liveView .lv-review-score span {
        font-size: 16px;
    }

    .lv-review-score {
        font-size: 16px;
    }

    .liveView .lv-review-col-label {
        font-size: 13px;
    }

    .liveView .lv-review-col {
        padding: 0px;
    }
}