/**
************************************************************************************
* CSR  : http://lgecom.atlassian.net/browse/CSR-10560
* CODE : Dev - EV00021812 / PE00501001 , Prod - EV00009322 / PE00964012
* FILE : kr/event/2026/07/20_stem_tradein/css/event.css
* DESC : 26년 STEM 컨버터블 드로어 냉장고 출시 1)중고보상 이벤트​
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/07/02				김기범				Created
************************************************************************************
**/
@charset "UTF-8";

#eventJoinStemTradein.popup-wrap {
	width: 100%;
}

.manufacture-company-other {
    display: none !important;
    margin-top: 12px;
}

.manufacture-company-other.is-visible {
    display: block !important;
}

#confirmPopup .existing-product-photo .btn-review-photo,
#confirmPopup .purchase-product-photo .btn-review-photo {
    display: block;
    width: 150px;
    height: 150px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    overflow: hidden;
}

#confirmPopup .existing-product-photo .btn-review-photo img,
#confirmPopup .purchase-product-photo .btn-review-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#photoCheckPop {
    --evt-design-width: 390;
    --evt-responsive-width: min(100vw, 780px);
    --evt-ratio: calc(var(--evt-responsive-width) / var(--evt-design-width));
    width: 100%;
    max-width: 720px;
}

#photoCheckPop.popup-wrap .pop-conts {
    box-sizing: border-box;
    padding: 68px 40px 0;
}

#photoCheckPop.popup-wrap .photo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 360px;
    background-color: #f7f7f7;
    overflow: hidden;
}

#photoCheckPop.popup-wrap .photo-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 767px) {
    #confirmPopup .existing-product-photo .btn-review-photo,
    #confirmPopup .purchase-product-photo .btn-review-photo {
        width: 80px;
        height: 80px;
    }

    #photoCheckPop {
        left: 50% !important;
        top: 50% !important;
        width: calc(100vw - 40px);
        max-width: calc(100vw - 40px);
        height: auto !important;
        min-height: auto !important;
        transform: translate(-50%, -50%) !important;
    }

    #photoCheckPop.popup-wrap .pop-conts {
        max-height: calc(100vh - 40px);
        padding: calc(60 * var(--evt-ratio)) calc(20 * var(--evt-ratio)) calc(16 * var(--evt-ratio));
        overflow-y: auto;
    }

    #photoCheckPop.popup-wrap .photo-wrap {
        height: min(60vh, 480px);
    }
}