/**
************************************************************************************
* CSR  : http://lgecom.atlassian.net/browse/CSR-7862
* CODE : Dev - EV00021101 , Prod - EV00008791
* FILE : kr/event/2026/07/01_kakao_freind_sns/css/event.css
* DESC : 26년 하반기 카플친 쿠폰 다운로드 개발 요청의 건​
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/06/17				김기범				Created
************************************************************************************
**/

* {
	--width: 780;
}
.evt-func {
	position: relative;
}
.evt-btn-area.kakao-friend{
    bottom: 0;
    left: auto;
    right: calc(1 * var(--evt-size-20));
    width: calc(4.2 * var(--evt-size-20));
    height: calc(3.4 * var(--evt-size-20))
}
.evt-btn-area.kakao-friend a {
    width: 100%;
}
.evt-func.kakao-notice {
    margin-top: var(--evt-size-12);
}
.evt-acco-area {
    position: relative;
}
.evt-acco-area.acco-text-type .evt-acco-btn {
    font-size: calc(var(--evt-size-12));
}
.evt-mo-mode .evt-acco-area.acco-text-type .evt-acco-cont.unfolded {
    margin-top: var(--evt-size-16);
}

/* floating */
.float {
	position: fixed;
    right: 48px;
    bottom: 128px;
    width: 120px;
    height: 120px;
    background-image: url(/kr/event/2026/01/01_kakao_friend_sns/images/floating.gif);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(255, 0, 0, 0.0);
    z-index: 97;
}
.float.scroll-move{
	bottom: 208px;
}

@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
	[class*="focus-set"] {
    	bottom: calc(220 / var(--width)* 100%);
    }
	.float {
		width: 80px;
		height: 80px;
		right: 14px;
		bottom: 145px;
	}
    .float.scroll-move {
		bottom: 215px;
	}
    .app .float {
		bottom: 105px;
	}
	.app .float.scroll-move {
		bottom: 150px;
	}
}