/**
************************************************************************************
* CSR  : https://lgecom.atlassian.net/browse/CSR-13174
* CODE : Dev - EV00021902 , Prod - EV00009412
* FILE : /kr/event/2026/08/18_big_buying/eventMainBigBuying.jsp
* DESC : 8월 홈토탈 프로모션 - 닷컴 구매 고객 응모 이벤트(가전/홈스타일)
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/07/28				신우용				Created
************************************************************************************
**/

@charset 'UTF-8';

.point_red{
    color: #FD312E;
}

.buying-container{
    background-color: #FAEEEE;
}

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

.buying-container .event-inner {
    display: flex;
    padding: 0 var(--evt-size-20);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-16);
}

.buying-container .event-inner.wide-type{
    padding: 0;
}

.buying-container .event-text__wrap{
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-5);
}

.buying-container .event-text__title{
    font-size: var(--evt-size-26);
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.04em;
}

.buying-container .event-text__sub{
    font-size: var(--evt-size-16);
    line-height: 1.4;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.04em;
}

.buying-container .event-image__wrap{
    position: relative;
}

.buying-container .info-list__wrap{
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--evt-size-32) var(--evt-size-24);
    background-color: #FFF;
    border-radius: var(--evt-size-8);
    row-gap: var(--evt-size-20);
}

.buying-container .info-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-16);
}

.buying-container .info-list .info-list__item:nth-child(4),
.buying-container .info-list .info-list__item:nth-child(5),
.buying-container .info-list .info-list__item:nth-child(6){
    display: none;
}

.buying-container .info-list__button{
    font-size: var(--evt-size-12);
    line-height: 1.4;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.04em;
    text-decoration: underline;
  	text-underline-offset: var(--evt-size-2);
}

.buying-container .btn-buying-join{
    display: flex;
    width: calc(300 * var(--evt-ratio));
    height: var(--evt-size-44);
    align-items: center;
    justify-content: center;
    column-gap: var(--evt-size-4);
    background-color: #000;
    border-radius: var(--evt-size-24);
    color: #fff;
    font-size: var(--evt-size-14);
    font-weight: 700;
    line-height: 1.4;
}

.buying-container .evt-acco-area.acco-text-type .evt-acco-head{
    text-align: center;
}
.buying-container .evt-acco-area.acco-text-type .evt-acco-btn {
    font-size: var(--evt-size-13);
}

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

.buying-container .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: #fff;
}

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

.buying-container .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;
}
.buying-container .evt-acco-area.acco-text-type .evt-acco__list{
    display: flex;
    flex-direction: column;
    row-gap: var(--evt-size-2);
}
.buying-container .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;
}

.buying-container .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;
}