/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-122961
* CODE : Dev - EV00021401 , Prod - EV00009052
* FILE : /kr/event/2026/05/04_lgdot_new/eventMainLgdotNew.jsp
* DESC : 5월 오!엘지닷_헌가전줄게 새가전다오 이벤트(5/4~18)
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/04/01				신우용				Created
************************************************************************************
**/

@charset 'UTF-8';

.renewal-container>* {
    padding: var(--evt-size-32) var(--evt-size-20);
}

.renewal-container [class*="btn-primary"] {
    width: 100%;
    height: var(--evt-size-48);
    font-size: var(--evt-size-15);
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    border-radius: var(--evt-size-8);
}

.renewal-container .btn-primary-black {
    background-color: #111;
}

.renewal-container .btn-primary-red {
    background-color: #ea1917;
}

.renewal-container [class*="btn-primary--sm"] {
    height: var(--evt-size-44);
    font-size: var(--evt-size-14);
    color: #fff;
    border-radius: var(--evt-size-24);
}

.renewal-container .btn-primary--sm-black {
    background-color: #111;
}

.renewal-container .btn-primary--sm-tr {
    border: 1px solid #111;
    color: #111;
}

.renewal-evt-title {
    display: flex;
    width: 100%;
    padding: var(--evt-size-60) var(--evt-size-20) 0;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-24);
}

.renewal-evt-title .evt-tit {
    font-size: var(--evt-size-32);
    font-weight: 700;
    line-height: 1.4;
}

.renewal-evt-title .evt-tit .sub {
    display: block;
    font-size: var(--evt-size-16);
    font-weight: 500;
}

.renewal-evt-title .evt-desc {
    font-size: var(--evt-size-14);
    font-weight: 500;
    line-height: 1.4;
}

.renewal-evt-title .evt-info {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: var(--evt-size-16) var(--evt-size-24);
    background-color: #F4F4F4;
    border-radius: var(--evt-size-8);
    row-gap: var(--evt-size-6);
}

.renewal-evt-title .evt-info dl {
    display: flex;
    width: 100%;
    align-items: center;
    text-align: left;
    font-size: var(--evt-size-14);
    line-height: 1.4;
    column-gap: var(--evt-size-8);
}

.renewal-evt-title .evt-info dt {
    width: var(--evt-size-70);
    font-weight: 600;
}

.renewal-evt-title .evt-info dd {
    width: calc(100% - var(--evt-size-70));
}

.renewal-intro {
    display: flex;
    width: 100%;
    padding: var(--evt-size-32) var(--evt-size-20) var(--evt-size-60);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-24);
}

/* 사연 입력 창 */
.renewal-wrap {
    display: none;
    padding: 0 var(--evt-size-20) var(--evt-size-60);
}

.renewal-evt-form {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-20);
}

.renewal-evt-form .renewal-swiper {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-20);
}

.renewal-evt-form .renewal-swiper .swiper-container {
    width: 100%;
}

.renewal-container .renewal-swiper [data-radio-type] {
    position: absolute;
    margin: 0;
}

.renewal-container .renewal-swiper [data-radio-type] input {
    top: 0;
    left: 0;
}

.renewal-container .renewal-swiper [data-radio-type] input+label {
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transition: background .3s ease-in-out;
}

.renewal-container .renewal-swiper [data-radio-type] input+label::after {
    display: none;
}

.renewal-container .renewal-swiper [data-radio-type="major-1"] {
    top: calc(85 * var(--evt-ratio));
    left: calc(29 * var(--evt-ratio));
    width: calc(105 * var(--evt-ratio));
    height: calc(191 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-1"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_1.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-1"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_1_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-1"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_1_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-2"] {
    bottom: calc(88 * var(--evt-ratio));
    right: calc(80 * var(--evt-ratio));
    width: calc(49 * var(--evt-ratio));
    height: calc(81 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-2"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_2.png');
}

.renewal-container .renewal-swiper [data-radio-type="major-2"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_2_checked.png');
}

.renewal-container .renewal-swiper [data-radio-type="major-2"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_2_disabled.png');
}

.renewal-container .renewal-swiper [data-radio-type="major-3"] {
    top: calc(166 * var(--evt-ratio));
    right: calc(45 * var(--evt-ratio));
    width: calc(66 * var(--evt-ratio));
    height: calc(34 * var(--evt-ratio));
    z-index: 1;
}

.renewal-container .renewal-swiper [data-radio-type="major-3"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_3.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-3"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_3_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-3"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_3_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-4"] {
    bottom: calc(84 * var(--evt-ratio));
    left: calc(29 * var(--evt-ratio));
    width: calc(66 * var(--evt-ratio));
    height: calc(140 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-4"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_4.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-4"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_4_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-4"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_4_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-5"] {
    top: calc(110 * var(--evt-ratio));
    left: calc(185 * var(--evt-ratio));
    width: calc(30 * var(--evt-ratio));
    height: calc(100 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-5"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_5.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-5"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_5_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-5"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_5_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-6"] {
    bottom: calc(90 * var(--evt-ratio));
    right: calc(29 * var(--evt-ratio));
    width: calc(31.5 * var(--evt-ratio));
    height: calc(144 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-6"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_6.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-6"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_6_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-6"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_6_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-7"] {
    bottom: calc(95 * var(--evt-ratio));
    left: calc(51.5 * var(--evt-ratio));
    width: calc(32 * var(--evt-ratio));
    height: calc(92 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-7"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_7.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-7"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_7_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-7"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_7_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-8"] {
    top: calc(119 * var(--evt-ratio));
    left: calc(197 * var(--evt-ratio));
    width: calc(58 * var(--evt-ratio));
    height: calc(91 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-8"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_8.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-8"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_8_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-8"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_8_disabled.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-9"] {
    top: calc(70 * var(--evt-ratio));
    right: calc(38 * var(--evt-ratio));
    width: calc(79 * var(--evt-ratio));
    height: calc(60 * var(--evt-ratio));
}

.renewal-container .renewal-swiper [data-radio-type="major-9"] input+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_9.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-9"] input:checked+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_9_checked.svg');
}

.renewal-container .renewal-swiper [data-radio-type="major-9"] input:disabled+label {
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/radio_major_9_disabled.svg');
}

.renewal-container .renewal-swiper .btn-renew-more {
    position: absolute;
    width: var(--evt-size-30);
    height: var(--evt-size-30);
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/btn_more_30x30.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transition: transform .3s ease-in-out;
    z-index: 10;
}

.renewal-container .renewal-swiper .btn-renew-more.active {
    transform: rotate(45deg);
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="1"] {
    top: calc(95 * var(--evt-ratio));
    left: calc(115 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="2"] {
    bottom: calc(110 * var(--evt-ratio));
    right: calc(70 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="3"] {
    top: calc(165 * var(--evt-ratio));
    right: calc(30 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="4"] {
    top: calc(125 * var(--evt-ratio));
    left: calc(80 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="5"] {
    top: calc(100 * var(--evt-ratio));
    left: calc(170 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="6"] {
    top: calc(105 * var(--evt-ratio));
    right: calc(50 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="7"] {
    top: calc(175 * var(--evt-ratio));
    left: calc(70 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="8"] {
    top: calc(120 * var(--evt-ratio));
    right: calc(85 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .btn-renew-more[data-tooltip="9"] {
    top: calc(60 * var(--evt-ratio));
    right: calc(100 * var(--evt-ratio));
}

.renewal-container .renewal-swiper .renew-tooltip {
    display: none;
    position: absolute;
    width: calc(260 * var(--evt-ratio));
    font-size: var(--evt-size-13);
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    background-color: #fff;
    border-radius: var(--evt-size-8);
  	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .2);
    z-index: 10;
}

.renewal-container .renewal-swiper .renew-tooltip:after {
    content: '';
    position: absolute;
    bottom: calc(-1 * var(--evt-size-10));
    width: var(--evt-size-14);
    height: var(--evt-size-10);
    background: url('/kr/event/2026/05/04_lgdot_new/images/ico_tooltip_arr.svg') no-repeat center center;
    background-size: 100% auto;
}

.renewal-container .renewal-swiper #renew-tooltip-1 {
    top: calc(10 * var(--evt-ratio));
    left: calc(30 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-1:after {
    left: calc(94 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-2 {
    top: calc(115 * var(--evt-ratio));
    right: calc(35 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-2:after {
    right: calc(42 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-3 {
    top: calc(75 * var(--evt-ratio));
    right: 0;
}

.renewal-container .renewal-swiper #renew-tooltip-3:after {
    right: calc(38 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-4 {
    top: calc(35 * var(--evt-ratio));
    left: calc(25 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-4:after {
    left: calc(64 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-5 {
    top: calc(10 * var(--evt-ratio));
    right: calc(30 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-5:after {
    left: calc(118 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-6 {
    top: calc(15 * var(--evt-ratio));
    right: calc(25 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-6:after {
    right: calc(33 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-7 {
    top: calc(85 * var(--evt-ratio));
    left: calc(45 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-7:after {
    left: calc(32 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-8 {
    top: calc(30 * var(--evt-ratio));
    right: calc(25 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-8:after {
    right: calc(68 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-9 {
    top: calc(105 * var(--evt-ratio));
    left: calc(30 * var(--evt-ratio));
}

.renewal-container .renewal-swiper #renew-tooltip-9:after {
    bottom: auto;
    top: calc(-1 * var(--evt-size-10));
    right: calc(48 * var(--evt-ratio));
    transform: rotate(180deg);
}

.renewal-container .renewal-swiper .renew-tooltip .tooltip-link {
    display: grid;
    padding: var(--evt-size-8);
    grid-template-columns: calc(60 * var(--evt-ratio)) 1fr calc(20 * var(--evt-ratio));
    justify-content: space-between;
    align-items: center;
    column-gap: var(--evt-size-12);
}

.renewal-container .renewal-swiper .renew-tooltip .tooltip-link .product-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--evt-size-8);
}

.renewal-container .renewal-swiper .renew-tooltip .tooltip-link:after {
    content: '';
    display: inline-block;
    width: var(--evt-size-20);
    height: var(--evt-size-20);
    background-image: url('/lg5-common/images/icons/btn-arr-20x20-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.renewal-evt-form .renewal-swiper .swiper-button-next:after,
.renewal-evt-form .renewal-swiper .swiper-button-prev:after {
    display: none;
}

.renewal-evt-form .renewal-swiper .swiper-button-next,
.renewal-evt-form .renewal-swiper .swiper-button-prev {
    width: var(--evt-size-40);
    height: var(--evt-size-40);
    margin-top: 0;
    transform: translateY(-50%);
}

.renewal-evt-form .renewal-swiper .swiper-button-prev {
    left: calc(-1 * var(--evt-size-10));
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/btn_lt_40x40.svg');
}

.renewal-evt-form .renewal-swiper .swiper-button-next {
    right: calc(-1 * var(--evt-size-10));
    background-image: url('/kr/event/2026/05/04_lgdot_new/images/btn_rt_40x40.svg');
}

.renewal-evt-form .renewal-title-wrap .renewal-title-cnt {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    column-gap: var(--evt-size-6);
}

.renewal-evt-form .renewal-title-wrap .renewal-title-cnt li button {
    display: inline-flex;
    width: var(--evt-size-56);
    height: var(--evt-size-32);
    font-size: var(--evt-size-14);
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: var(--evt-size-24);
    transition: all 0.3s ease;
}

.renewal-evt-form .renewal-title-wrap .renewal-title-cnt li.active button {
    background-color: #111;
    color: #fff;
}

.renewal-evt-form .form-wrap {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-24);
}

.renewal-evt-form .form-wrap .forms {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    row-gap: var(--evt-size-12);
}

.renewal-evt-form .form-wrap .forms:after {
    display: none;
}

.renewal-evt-form .form-wrap .forms .tit {
    width: 100%;
    padding: 0;
    text-align: left;
}

.renewal-evt-form .form-wrap .forms .tit label {
    font-size: var(--evt-size-14);
    font-weight: 600;
    line-height: 1.4;
}

.contents.event .ev-detail-wrap .ev-detail-con .ev-cont .renewal-evt-form .forms .conts {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-bottom: 0;
}

.renewal-evt-form .forms .text-form,
.renewal-evt-form .forms .input-wrap {
    width: 100%;
}

.renewal-evt-form .form-wrap .forms .btn {
    display: inline-flex;
    width: var(--evt-size-84);
    height: var(--evt-size-48);
    border: none;
    border-radius: var(--evt-size-8);
    background: #EFF0F2;
    color: #000;
    font-size: var(--evt-size-15);
    line-height: 1.2;
    font-weight: 500;
    justify-content: center;
    align-items: center;
}

.renewal-evt-form .form-wrap .forms .evt-file-box input[type="text"]:read-only,
.renewal-evt-form .input-wrap textarea {
    border-color: #DEE1E5;
}

.renewal-evt-form .form-wrap .forms .evt-file-box input[type="text"]:read-only {
    height: var(--evt-size-48);
    padding: var(--evt-size-10) var(--evt-size-15);
    font-size: var(--evt-size-16);
}

.renewal-evt-form .input-wrap textarea {
    height: var(--evt-size-88);
    padding: var(--evt-size-16);
    font-size: var(--evt-size-16);
    line-height: 1.2;
}

.renewal-evt-form .input-wrap.count .total {
    margin-top: var(--evt-size-4);
    color: #727780;
    font-size: var(--evt-size-12);
    line-height: 1.2;
    font-weight: 500;
    text-align: right;
}

.renewal-evt-form .input-wrap textarea:focus {
    outline: none;
    border-color: #000;
}

.renewal-info-wrap {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: var(--evt-size-24);
}

.renewal-info-wrap .info-title {
    display: block;
    width: 100%;
    font-size: var(--evt-size-19);
    color: #111;
    text-align: left;
    font-weight: 700;
    line-height: 1.4;
}

.renewal-info-wrap .btn-wrap {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    column-gap: var(--evt-size-12);
}

.renewal-info-wrap .btn-wrap>* {
    flex: 1;
}

.renewal-info-wrap .evt-acco-area{
	width: 100%;
    text-align: center;
}

/* 참여팝업 */
#agree2_f .gray_box {
    padding: 24px;
    border-radius: 8px;
    background-color: #f4f4f4;
    font-size: 16px;
    line-height: 1.4;
}

#agree2_f .gray_box>ul {
    margin: 20px 0;
}

/* 참여내역 조회 리스트 */
#confirmPopup2 .reply-list {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
}


#confirmPopup2 .reply-list .list-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-top: 1px solid #111;
}

#confirmPopup2 .reply-list .list-body .list-item {
    display: flex;
    text-align: left;
    flex-direction: column;
    padding: 15px 0;
    border-bottom: 1px solid #EFF0F2;
    row-gap: 10px;
}

#confirmPopup2 .reply-list .list-body .list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#confirmPopup2 .reply-list .list-body .list-top .btn-review-photo {
    padding: 4px 10px;
    border: 1px solid #333;
    color: #333;
    border-radius: 24px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

#confirmPopup2 .reply-list .list-body .list-item .info-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 16px;
}

#confirmPopup2 .reply-list .list-body .list-item .info-wrap>* {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1.2;
    color: #777;
}

#confirmPopup2 .reply-list .list-body .list-item .info-wrap>*+*::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 1px;
    height: 65%;
    background-color: #ddd;
    transform: translateY(-50%);
}

#confirmPopup2 .reply-list .list-item .list-bottom p {
    font-size: 16px;
    line-height: 1.4;
}

/* 이미지 미리보기 팝업 */
#photoCheckPop {
    max-width: 550px;
}

#photoCheckPop.popup-wrap .pop-conts.no-footer {
    height: 500px;
    max-height: calc(100% - 62px);
}

#photoCheckPop .photo-wrap {
    display: flex;
    width: 100%;
    height: calc(100% - 48px);
    align-items: center;
    justify-content: center;
}

#photoCheckPop .photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 767px) {

    /* 아이폰 16px 이하 줌인 제어: 16px 유지 + 시각 14px(= scale 14/16), 레이아웃은 역보정 */
    .os_iOS .renewal-evt-form .text-form textarea {
        --ios-ta-scale: calc(14 / 16);
        /* 비-iOS와 동일한 시각 높이: 콘텐츠 영역(vw) + 상단 패딩(14 토큰) */
        --ios-ta-v-outer: calc(110 / 390 * 100vw + var(--evt-size-14));
        width: calc(100% / var(--ios-ta-scale));
        height: calc(110 / 390 * 100vw / var(--ios-ta-scale));
        margin-right: calc(-100% * (1 - var(--ios-ta-scale)) / var(--ios-ta-scale));
        margin-bottom: calc(-1 * var(--ios-ta-v-outer) * (1 - var(--ios-ta-scale)) / var(--ios-ta-scale));
        padding: calc(var(--evt-size-14) / var(--ios-ta-scale)) calc(var(--evt-size-16) / var(--ios-ta-scale)) 0;
        font-size: 16px;
        transform: scale(var(--ios-ta-scale));
        transform-origin: left top;
    }

    /* 참여팝업 */
    #agree2_f .gray_box {
        padding: calc(24 / 390 * 100vw);
        font-size: calc(14 / 390 * 100vw);
    }

    #agree2_f .gray_box>ul {
        margin: calc(20 / 390 * 100vw) 0;
    }

    /* 참여내역 조회 리스트 */
    #confirmPopup2.layer-confirm-pop.popup-wrap .pop-conts {
        padding-bottom: 60px;
    }

    #confirmPopup2 .reply-list .list-body .list-item {
        padding: calc(15 / 390 * 100vw) 0;
        row-gap: calc(10 / 390 * 100vw);
    }

    #confirmPopup2 .reply-list .list-body .list-top .btn-review-photo {
        padding: calc(4 / 390 * 100vw) calc(10 / 390 * 100vw);
        border-radius: calc(24 / 390 * 100vw);
        font-size: calc(13 / 390 * 100vw);
    }

    #confirmPopup2 .reply-list .list-body .list-item .info-wrap {
        column-gap: calc(16 / 390 * 100vw);
    }

    #confirmPopup2 .reply-list .list-body .list-item .info-wrap>* {
        font-size: calc(13 / 390 * 100vw);
    }

    #confirmPopup2 .reply-list .list-body .list-item .info-wrap>*+*::after {
        height: calc(12 / 390 * 100vw);
        left: calc(-8 / 390 * 100vw);
    }

    #confirmPopup2 .reply-list .list-item .list-bottom p {
        font-size: calc(16 / 390 * 100vw);
    }

    #confirmPopup2 .pop-footer.center {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 100;
    }

    /* 이미지 미리보기 팝업 */
    #photoCheckPop {
        left: 50% !important;
        top: 50% !important;
        max-width: calc(300 / 390 * 100vw);
        height: 50vh;
        transform: translateX(-50%) translateY(-50%) !important;
        border-radius: 8px;
    }
}