@charset "utf-8"; /**
 * Filename : ir_pr.css
 * Description : IR/PR styles
 **/

/* ==========================================================================
 page visual style
========================================================================== */

.visual-pr {
  background-image: url("../images/ir_pr/bg_pr_pc.jpg");
}

/* mobile ============================ */

@media screen and (max-width: 768px) {
  .visual-pr {
    background-image: url("../images/ir_pr/bg_pr_mo.jpg");
  }
}

/* ==========================================================================
 이슈와 팩트 
========================================================================== */

/* mobile ============================ */

@media screen and (max-width: 768px) {
  .issue-detail .detail-header .detail-meta .meta-author {
    flex-direction: row;
    justify-content: flex-start;
  }
  .issue-detail .detail-header .detail-meta .meta-author > * {
    padding-right: 16px;
  }
  .issue-detail .detail-header .detail-meta .meta-author > *:after {
    content: "";
  }
}

/* ==========================================================================
 이벤트/프로모션
========================================================================== */

/* swiper */
.events-swiper .swiper-item-01 {
  background-image: url("../images/ir_pr/swiper_events_pc_01.jpg");
}
.events-swiper .swiper-item-02 {
  background-image: url("../images/ir_pr/swiper_events_pc_02.jpg");
}
.events-swiper .swiper-item-03 {
  background-image: url("../images/ir_pr/swiper_events_pc_03.jpg");
}
.events-swiper .swiper-item-04 {
  background-image: url("../images/ir_pr/swiper_events_pc_04.jpg");
}

/* 응모팝업 / 당첨자 발표 팝업 */
[class*="modal-event-"] .modal-header .time-range {
  display: flex;
  gap: 5px;
}
[class*="modal-event-"] .modal-header .time-range .label,
[class*="modal-event-"] .modal-header .time-range .value {
  color: var(--text-900_title);
  font-size: var(--font-16);
  font-weight: 500;
  letter-spacing: -0.64px;
}

/* 응모팝업 */
.modal-event-apply .modal-dialog {
  width: 1000px;
}
.modal-event-apply .form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.modal-event-apply .form-grid .form-group.full {
  grid-column: span 2;
}
.modal-event-apply .form-grid .form-group .label {
  width: 80px;
}

/* 당첨자 발표 팝업 */
.modal-event-result .event-winner {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--border-02);
}
.modal-event-result .event-winner .winner-title {
  color: var(--text-700);
  font-size: var(--font-18);
  font-weight: 700;
  letter-spacing: -0.72px;
}
.modal-event-result .event-winner .winner-list {
  margin-top: 40px;
}
.modal-event-result .event-winner .winner-desc {
  margin-top: 30px;
}
.modal-event-result .event-winner .winner-list,
.modal-event-result .event-winner .winner-desc {
  color: var(--text-700);
  font-size: var(--font-16);
  letter-spacing: -0.64px;
}

/* mobile ============================ */

@media screen and (max-width: 768px) {
  /* swiper */
  .events-swiper .swiper-item-01 {
    background-image: url("../images/ir_pr/swiper_events_mo_01.jpg");
  }
  .events-swiper .swiper-item-02 {
    background-image: url("../images/ir_pr/swiper_events_mo_02.jpg");
  }
  .events-swiper .swiper-item-03 {
    background-image: url("../images/ir_pr/swiper_events_mo_03.jpg");
  }
  .events-swiper .swiper-item-04 {
    background-image: url("../images/ir_pr/swiper_events_mo_04.jpg");
  }

  /* 응모팝업 / 당첨자 발표 팝업 */
  [class*="modal-event-"] .modal-header .time-range .label,
  [class*="modal-event-"] .modal-header .time-range .value {
    font-size: var(--font-14);
    font-weight: 400;
    letter-spacing: -0.56px;
  }
  [class*="modal-event-"] .modal-header .time-range .label {
    color: var(--text-600);
  }
  [class*="modal-event-"] .modal-header .time-range .value {
    color: var(--text-800_text);
  }

  /* 응모팝업 */
  .modal-event-apply .form-grid {
    grid-template-columns: 1fr;
  }
  .modal-event-apply .form-grid .form-group.full {
    grid-column: span 1;
  }
  .modal-event-apply .form-grid .form-group .label {
    width: 100%;
  }

  .badge-group {
    display: none;
  }

  .issue-detail .detail-header .detail-meta .meta-author > .badge-group:after {
    content: none;
  }
}

/* 공유하기 */
.shares {
  border-radius: 12px;
  border: 1px solid var(--border-02, #e7e7e7);
  background: var(--text-white, #fff);
  position: absolute;
  right: 68px;
  bottom: -78px;
  padding: 16px;
  display: flex;
}
.shares a {
  width: 48px;
  height: 48px;
  background-size: cover;
  text-indent: -9999em;
  overflow: hidden;
}
.shares a.l {
  background-image: url("../images/ir_pr/share_l.png");
}
.shares a.t {
  background-image: url("../images/ir_pr/share_t.png");
}
.shares a.X {
  background-image: url("../images/ir_pr/share_X.png");
}
.shares a.f {
  background-image: url("../images/ir_pr/share_f.png");
}
.shares a.m {
  background-image: url("../images/ir_pr/share_e.png");
}
.shares a.l:hover {
  background-image: url("../images/ir_pr/share_lh.png");
}
.shares a.t:hover {
  background-image: url("../images/ir_pr/share_th.png");
}
.shares a.X:hover {
  background-image: url("../images/ir_pr/share_Xh.png");
}
.shares a.f:hover {
  background-image: url("../images/ir_pr/share_fh.png");
}
.shares a.m:hover {
  background-image: url("../images/ir_pr/share_eh.png");
}

.card-grid-section .card-grid .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.card-grid-section .card-grid .image-range .image {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}