/* Ch2chPopup default skin */
#jt_popup_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99990; display: none; }
#jt_popup_container.active { display: block; }
#jt_popup_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#jt_popup_playground { position: relative; width: 100%; height: 100%; }

.jt_popup_item { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; }
.jt_popup_item_content img { display: block; max-width: 90vw; max-height: 80vh; }

/* 닫기 줄: primary = 이미지 아래(type1), secondary = 이미지 위(type2). 이미지를 가리지 않도록 그만큼 여백을 준다. */
.jt_popup_item.primary { padding-bottom: 36px; }
.jt_popup_item.secondary { padding-top: 36px; }
.jt_popup_controller { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; }
.jt_popup_notoday { display: inline-block; line-height: 36px; padding: 0 12px; font-size: 13px; }
.jt_popup_close { position: absolute; right: 0; bottom: 0; line-height: 36px; padding: 0 12px; }
.jt_popup_close i { font-style: normal; font-size: 13px; }
.jt_popup_item.secondary .jt_popup_controller,
.jt_popup_item.secondary .jt_popup_close { top: 0; bottom: auto; }

/* mobile: 팝업을 세로로 쌓고 컨테이너 안에서 스크롤 (여러 개일 때 아래 팝업도 볼 수 있게) */
#jt_popup_container.mobile { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
#jt_popup_container.mobile #jt_popup_overlay { position: fixed; }
#jt_popup_container.mobile #jt_popup_playground { height: auto; min-height: 100%; display: flex; flex-direction: column; align-items: center; padding: 56px 16px 24px; box-sizing: border-box; }
#jt_popup_container.mobile #jt_popup_playground::before,
#jt_popup_container.mobile #jt_popup_playground::after { content: ''; flex: 1 0 0; }   /* 한 개일 땐 세로 가운데, 넘치면 위부터 */
#jt_popup_container.mobile .jt_popup_item { position: relative; top: auto; left: auto; transform: none; margin: 0 0 16px; max-width: 100%; }
#jt_popup_container.mobile .jt_popup_item:last-child { margin-bottom: 0; }
#jt_popup_container.mobile .jt_popup_item_content img { max-width: 100%; max-height: none; height: auto; }
#jt_popup_mobile_close_all { position: fixed; right: 12px; top: 12px; z-index: 5; font-size: 14px; padding: 6px 12px; border-radius: 16px; background: rgba(0, 0, 0, 0.55); text-decoration: none; }