/**
************************************************************************************
* CSR  : https://lgecom.atlassian.net/browse/CSR-20143
* CODE : Dev - EV00022091 , Prod - EV00009611
* FILE : /kr/event/2026/10/26_tv_buying/eventMainTvBuying.jsp
* DESC : LG HomePair 신제품 무상증정 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/10/14				김기범				Created
************************************************************************************
**/

@charset 'UTF-8';

.event-article{
	display: flex;
    padding: var(--evt-size-32) var(--evt-size-20);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-20);
}

[class*="event-inner"]{
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.event-inner__radius {
	padding: var(--evt-size-32) var(--evt-size-24);
	background-color: #E3E0DC;
	border-radius: var(--evt-size-16);
    row-gap: var(--evt-size-20);
}
.left-text__type {
	text-align: left;
    align-items: flex-start !important;
}
.event-text__wrap {
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-5);
	margin-bottom: var(--evt-size-16);
}
.event-text__title{
    font-size: var(--evt-size-22);
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.04em;
}
.event-text__sub{
    font-size: var(--evt-size-12);
    line-height: 1.4;
    font-weight: 500;
    color: #262626;
    letter-spacing: -0.04em;
}

.event-image__wrap{
    position: relative;
}

.event-btn__wrap{
	display: flex;
    width: 100%;
	flex: 1;
    column-gap: var(--evt-size-12);
	margin-top: calc(-1 * var(--evt-size-20));
}

.event-btn__wrap [class*="btn-evt-"]{
	display: flex;
	width: 100%;
	height: var(--evt-size-44);
	align-items: center;
	justify-content: center;
	border: var(--evt-size-1) solid #000;
	font-size: var(--evt-size-16);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.04em;
	border-radius: var(--evt-size-24);
}
.event-btn__wrap .btn-evt-join{
	background-color: #000;
	color: #fff;
}

/* 대상모델 아코디언 */
.evt-acco-area .evt-acco-head.evt-acco-chk-model {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: var(--evt-size-40);
    transform: translateY(50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.evt-acco-area .evt-acco-head.evt-acco-chk-model div {
	width: var(--evt-size-80);
    height: var(--evt-size-15);
}
.evt-acco-area .evt-acco-btn {
    width: 100%;
	height: 100%;
}

.evt-acco-area .evt-acco-btn:after {
    width: var(--evt-size-12);
    height: var(--evt-size-12);
}

/* 유의사항 확인하기 아코디언 */
.evt-acco-area.acco-text-type{
    margin-top: var(--evt-size-12);
}
.evt-acco-area.acco-text-type .evt-acco-head{
    text-align: center;
}
.evt-acco-area.acco-text-type .evt-acco-btn {
    font-size: var(--evt-size-13);
}

.evt-acco-area.acco-text-type .evt-acco-btn:after {
    width: var(--evt-size-12);
    height: var(--evt-size-12);
}
.evt-acco-area.acco-text-type .evt-acco-cont.unfolded {
    margin-top: var(--evt-size-16) !important;
    padding: var(--evt-size-20) var(--evt-size-16);
    border-radius: var(--evt-size-8);
    background-color: #F4F4F4;
}

.evt-acco-area.acco-text-type .evt-acco__wrap{
    text-align: left;
}
.evt-acco-area.acco-text-type .evt-acco__wrap + .evt-acco__wrap{
    margin-top: var(--evt-size-12);
}

.evt-acco-area.acco-text-type .evt-acco__title{
    margin-bottom: var(--evt-size-2);
    color: #111;
    font-size: var(--evt-size-13);
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.04em;
}
.evt-acco-area.acco-text-type .evt-acco__list{
    display: flex;
    flex-direction: column;
    row-gap: var(--evt-size-2);
}
.evt-acco-area.acco-text-type .evt-acco__list .evt-acco__item{
    position: relative;
    padding-left: var(--evt-size-12);
    color: var(--gray-g40);
    font-size: var(--evt-size-12);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.04em;
  	word-break: keep-all;
}

.evt-acco-area.acco-text-type .evt-acco__list .evt-acco__item:before{
    content: '';
    position: absolute;
    top: var(--evt-size-7);
    left: var(--evt-size-3);
    width: var(--evt-size-2);
    height: var(--evt-size-2);
    background-color: #262626;
  	border-radius: 100px;
}

/* 참여내역 */
#eventConfirmTvBuying form{
	height: auto;
}
#eventConfirmTvBuying.layer-confirm-pop.popup-wrap .pop-conts{
	max-height: none;
}
#eventConfirmTvBuying td{
	position: relative;
	display: block;
	border-left: 0;
	padding-left: 190px;
	/* text-align: left; */
}
#eventConfirmTvBuying td:first-child{
	border-right: 0;
}
#eventConfirmTvBuying tr:first-child td:first-child{
	border-top: 1px solid #908f8f;
}
#eventConfirmTvBuying td:last-child{
	border-bottom: 1px solid #908f8f;
}
#eventConfirmTvBuying td:before{
	content:'모델명';
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: #f4f4f4;
	z-index: 1;
}
#eventConfirmTvBuying td:nth-child(2):before{
	content:'참여일';
}
#eventConfirmTvBuying td:nth-child(3):before{
	content:'수령 정보';
}
#eventConfirmTvBuying .buyer-info-list{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	row-gap: 4px;
}
#eventConfirmTvBuying .buyer-info-list li {
	width: 100%;
	text-align: center;
}
#eventConfirmTvBuying .buyer-info-list .buyer-address{
	display: flex;
    flex-direction: column;
	word-wrap: anywhere
}
/* #eventConfirmTvBuying .buyer-info-list .buyer-address .zip-code{
	font-weight: 700;
} */

@media screen and (max-width: 767px){
	/* 참여내역 */
	#eventConfirmTvBuying td{
		padding-left: calc(130 / 390 * 100vw);
	}
	#eventConfirmTvBuying td:before{
		width: calc(110 / 390 * 100vw);
		font-size: calc(13 / 390 * 100vw);
	}
}