/**
************************************************************************************
* CSR  : https://lgecom.atlassian.net/browse/CSR-7274
* CODE : Dev - EV00021651 , Prod - EV00009221
* FILE : kr/event/2026/06/17_water_purifiers_sns/eventMainWaterPurifiersSns.jsp
* DESC : LGE.COM 얼음정수기 - SNS인증이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/06/05				신우용				Created
************************************************************************************
**/

@charset 'UTF-8';

.point__red{
    color: #FF0000;
}

.point__blue{
    color: #0687ff;
}

.point__bold{
	font-weight: 700;
}

.mg-top__40{
	margin-top: var(--evt-size-40);
}

.video__responsive{
	width: 100%;
}

.evt-mo-mode [class*="params-tabs-wrap"] .tabs{
    height: var(--evt-size-50);
    padding: 0;
    column-gap: 0;
}

.evt-mo-mode [class*="params-tabs-wrap"] .tabs li a{
    color: #666;
    font-weight: 600;
}

.evt-mo-mode [class*="params-tabs-wrap"] .tabs li.on a{
    background-color: #000;
    color: #fff;
}

.event-article{
    padding: var(--evt-size-75) var(--evt-size-15);
}

.event-article.bg-gray{
    background-color: #F3EEEB;
}

.event-article.bg-event{
    background-image: url('/kr/event/2026/06/17_water_purifiers_sns/images/bg_event.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-color: #D7EBF9;
}

.event-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-25);
}

.event-inner + .event-inner{
	margin-top: var(--evt-size-50);
}

.event-inner .l-article{
	width: 100%;
}

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

.event-text__wrap.text-left{
    align-items: flex-start;
}

.event-text__wrap.box-type{
    padding: var(--evt-size-15) 0;
  	background-color: #fff;
    border-radius: var(--evt-size-10);
}

.event-text__title{
    font-size: var(--evt-size-28);
    line-height: 1.4;
    font-weight: 700;
    color: #000;
}

.event-text__title .event-text__title-sub{
    display: block;
    font-size: var(--evt-size-36);
}

.event-text__sub{
    font-size: var(--evt-size-20);
    line-height: 1.4;
    font-weight: 500;
    color: #000;
}

.event-text__wrap.box-type .event-text__sub{
    font-size: var(--evt-size-15);
}

.event-image__wrap{
    position: relative;
}

.rolling-style{
  	overflow: hidden;
  	display: flex;
  	width: calc(100% + var(--evt-size-30));
  	margin: 0 calc(-15 * var(--evt-ratio));
}

.event-image__list{
    display: flex;
    width: 100%;
	padding: 0 var(--evt-size-15);
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.event-image__list li{
    flex: 1;
    min-width: calc(250 * var(--evt-ratio));
}

.event-image__list li + li{
	margin-left: var(--evt-size-15);
}

.event-info__wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: var(--evt-size-10);
}

.event-info__title{
    padding: var(--evt-size-7) var(--evt-size-15);
    border-radius: 100px;
    font-size: var(--evt-size-12);
    font-weight: 500;
    color: #fff;
    background-color: #0687ff;
}

.evt-hash-area{
    top: 50.28%;
    width: 56%;
    height: 1.75%;
    left: 50%;
    transform: translateX(-50%);
}

.evt-hash-area.type02{
    top: 83.62%;
}

.evt-hash-area textarea.input-hashtag {
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    overflow: hidden;
    visibility: hidden;
}
                          
.evt-hash-area .btn-hashtag-copy2{
	width: 100%;
}

#joinBtn {
    position: absolute;
    bottom: 2.75%;
    width: 70%;
    height: 2.3%;
    left: 50%;
    transform: translateX(-50%);
}

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

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

/* 이벤트 유의사항 */
.evt-notice{
    width: 100%;
}

.evt-acco-area.acco-text-type.evt-notice .evt-acco-btn{
    width: 100%;
    justify-content: space-between;
    color: #666;
    font-weight: 600;
}

.evt-acco-area.acco-text-type.evt-notice .evt-acco-btn:after {
    width: var(--evt-size-17);
    height: var(--evt-size-12);
    background-image: url(/kr/event/2026/06/17_water_purifiers_sns/images/ico_arrow_notice.svg);
}

.evt-acco-area.acco-text-type.evt-notice .evt-acco-cont.unfolded{
    padding: 0;
    background-color: transparent;
}

.evt-acco-area.acco-text-type.evt-notice .evt-acco__list .evt-acco__item{
    color: #666;
}

.evt-acco-area.acco-text-type.evt-notice .evt-acco__list .evt-acco__item:before {
    background-color: #666;
}

/* 참여팝업 */
#agree2_f .gray_box {
	padding: 24px;
	border-radius: 8px;
	background-color: #f4f4f4;
	font-size: 16px;
	line-height: 26px;
}

#agree2_f .gray_box > ul {
	margin: 0;
	padding: 20px 0;
}

#agree2_f .gray_box > ul > li {
	position: relative;
	padding-left: 16px;
}

#agree2_f .gray_box > ul > li::before {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 0;
	border-radius: 0;
}

#agree2_f .gray_box > ul > li .list_box p {
	position: relative;
	padding-left: 11px;
	word-break: keep-all;
}

#agree2_f .gray_box > ul > li .list_box p::before {
	content: ' ';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 11px;
	margin-left: -11px;
	margin-right: 6px;
	border-radius: 50%;
	background: #000;
	vertical-align: top;
}

#agree2_f .number-list{
	margin: 20px 0;
    counter-reset:list-number;
}
#agree2_f .number-list li{
	font-size: 14px;
    counter-increment:list-number;
}
#agree2_f .number-list li:before{
    content:counter(list-number)'.';
    margin-right:5px;
}
#agree2_f .number-list li + li{
	margin-top: 5px;
}
#agree2_f .gray_box > ul > li .number-list{
	margin: 5px 0;
}

@media screen and (max-width: 767px){
    /* 참여팝업 */
	#agree2_f .gray_box {
		font-size: 14px;
		line-height: 22px;
	}
	#agree2_f .gray_box > ul > li::before {
        top: 6px;
    }

    #agree2_f .number-list li{
        font-size: 13px;
        line-height: 21px;
    }
}