/**
************************************************************************************
* CSR       : http://clm.lge.com/issue/browse/BTOCSITE-121161
* CODE      : Dev - EV00021421 , Prod - EV00009071
* FILE      : /kr/event/2026/05/08_RONi_review/eventMainRONiReview.jsp
* DESC      : 청소로봇 신제품 RONi 런칭 이벤트 - 닷컴 포토 리뷰 (선착순)
* PROJ      : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/04/06				신우용				Created
************************************************************************************
**/

@charset "UTF-8";

.event-contents{
    padding: var(--evt-size-40) var(--evt-size-20);
}

.event-contents .event-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--evt-size-32) var(--evt-size-24);
    background-color: #000;
    border-radius: var(--evt-size-16);
    row-gap: var(--evt-size-20);
}

.event-title__wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.4;
}

.event-title__sub{
    font-size: var(--evt-size-16);
    font-weight: 500;
    color: #cacaca;
}

.event-title__main{
    font-size: var(--evt-size-22);
    font-weight: 700;
    color: #fff;
}
.event-title__wrap-medium {
    margin-top: var(--evt-size-16);
}
.event-title__wrap-medium .event-title__main{
    font-size: var(--evt-size-18);
    font-weight: 600;
}

.btn-review-join{
    display: flex;
    width: 100%;
    height: var(--evt-size-44);
    align-items: center;
    justify-content: center;
    column-gap: var(--evt-size-4);
    background-color: #fff;
    border-radius: var(--evt-size-24);
    color: #111;
    font-size: var(--evt-size-14);
    font-weight: 700;
    line-height: 1.4;
}

.btn-review-join:after{
    content:'';
    display: inline-block;
    width: var(--evt-size-16);
    height: var(--evt-size-16);
    background-image: url('/kr/event/2026/05/08_RONi_review/images/icon_arrow.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.divider{
    width: 100%;
    height: var(--evt-size-1);
    background-color: #262626;
    border: 0;
    color: inherit;
}

/* 유의사항 */
.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: #262626;
    font-size: var(--evt-size-12);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.04em;
}

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