/**
************************************************************************************
* CSR      : http://clm.lge.com/issue/browse/BTOCSITE-104973
* CODE     : Dev - EV00020941 , Prod - EV00008601
* FILE     : /kr/event/2025/09/22_kimchi_utm/eventMainKimchiUtm.jsp
* DESC     : 25년 김치냉장고 프로모션- UTM인입 쿠폰다운로드
* PROJ     : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2025/09/08				김기범				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}

.kimchi-coupon-container{
	max-width: 1380px;
  	margin-top: 48px;
    display: flex;
    justify-content: center;
}
.kimchi-coupon-container .secret-cp-wrap{
	width: 1000px;
    padding: 48px 96px;
  	background-color: #F8F7F5;
    border-radius: 20px;
}
.kimchi-coupon-container .secret-cp{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: calc(55 / 1000 * 100%) 0;
}
.kimchi-coupon-container .secret-cp a{
	position: absolute;
	top: 2px;
    left: calc(151 / 488 * 100%);
    width: calc(184 / 488 * 100%);
    height: 92%;
    z-index: 1;
}
.kimchi-coupon-container .evt-acco-head.evt-btn-area {
    padding: calc(34 / 1380 * 100%);
}
.kimchi-coupon-container .evt-acco-head.evt-btn-area button {
    width: 100%;
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}

	.kimchi-coupon-container .secret-cp-wrap{
		width: calc(624 / var(--width) * 100%) !important;
        padding: 20px 10px;
	}
	.kimchi-coupon-container .secret-cp{
		width: 100%;
		margin: calc(55 / 624 * 100%) 0;
	}
	.kimchi-coupon-container .secret-cp a{
        left: 3px;
        width: calc(612 / 624 * 100%);
        height: 96%;
    }
	.kimchi-coupon-container .evt-acco-head.evt-btn-area {
		padding: calc(30 / 720 * 100%);
	}
}