/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-60784
* CODE : Dev - EV00019341 , Prod - EV00007201
* FILE : /kr/event/2024/04/best_review/eventMainBestReview.jsp
* DESC : 4월 기획전 - 리뷰이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/03/20				신우용				Created
* 2024/03/25				정규진				바닥페이지
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
    z-index: 2;
}

.care-container {
    position: relative;
    background: linear-gradient(to right, #d8d2ff, #e3ddff);
    overflow: hidden;
}

#agreeReview1_f table tbody tr td {
	font-weight: bold;
}

#agreeReview1_f table tbody tr td:last-child {
    font-size: 20px;
    line-height: 1.4;
	font-weight: bold;
    text-decoration: underline;
}
.evt-btn-area{
	bottom: 0;
}
.gradation-container .middle {
    width: calc(720 / var(--width) * 100%);
    margin: 0 auto calc(44 / var(--width) * 100%);
}
.gradation-container .middle:last-child {
    margin-bottom: calc(162 / var(--width) * 100%);
}

.gradation-container .gradation-bg {
    position: absolute;
    background: #dfd9ff;
}
.gradation-container .bg-radius {
	background: #fff;
	border-radius: 30px;
}

.gradation-container .white-bg {
    padding-bottom: calc(40 / 720 * 100%);
}

.gradation-container .white-bg .title {
    padding: calc(86 / 720 * 100%) 0;
}

.gradation-container .evt-acco-area {
    margin-bottom: calc(16 / 720 * 100%);
} 

.gradation-container .evt-acco-head.evt-btn-area {
    height: 100%;
} 

.gradation-container .evt-acco-head.evt-btn-area button {
    width: 100%;
} 
.gradation-container .evt-acco-head.evt-btn-area .eachLink {
    position: absolute;
    top: 0;
    right: calc(109 / 600 * 100%);
    width: calc(96 / 600 * 100%);
    height: 0;
    margin-top: calc(35 / 600 * 100%);
    padding-top: calc(27 / 600 * 100%);
    z-index: 1;
}
.gradation-container .evt-acco-head.evt-btn-area .eachLink a{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* 당첨자 발표 버튼 */
.evt-func.middle .btn-pop {
	display: block;
	width: calc(110 / 720 * 100%);
	padding-top: calc(32 / 720 * 100%);
	margin-bottom: calc(261 / 720 * 100%);
	margin-left: calc(-19 / 720 * 100%);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold;
}

.evt-btn-area.join-btn{
	margin-bottom: calc(150 / var(--width) * 100%);
	padding-bottom: calc(142 / var(--width) * 100%);
}
.evt-btn-area.join-btn a{
	width: calc(1000 / var(--width) * 100%);
}


.evt-btn-area.eachLink.linkA{
    margin-bottom: calc(585 / 720 * 100%);
    padding-top: calc(755 / 720 * 100%);
}
.evt-btn-area.eachLink.linkA div{
    width: 100%;
    flex-wrap: wrap;
}
.evt-btn-area.eachLink.linkA a{
	height: 50%;
    flex: 1 1 40%;
}

.evt-btn-area.eachLink.linkB{
	margin-bottom: calc(151 / var(--width) * 100%);
	padding-bottom: calc(142 / var(--width) * 100%);
}
.evt-btn-area.eachLink.linkB a{
	width: calc(1000 / var(--width) * 100%);
}

.aircon-area a	{
	position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
	#agreeReview1_f table tbody tr td:last-child {
        font-size: 14px;
    }

	.gradation-container .middle {
	    width: calc(600 / var(--width) * 100%);
	    margin: 0 auto calc(44 / var(--width) * 100%);
	}

	.gradation-container .bg-radius {
		border-radius: 15px;
	}
	
	.gradation-container .white-bg {
		padding-bottom: calc(100 / 600 * 100%);
	}
	.gradation-container .white-bg > *{
	    padding: 0 calc(32 / var(--width) * 100%);
	}
	.gradation-container .white-bg .title {
	    padding: calc(110 / 600 * 100%) calc(62 / 600 * 100%) calc(40 / 600 * 100%);
	}
	.gradation-container .evt-acco-area {
	    margin-bottom: calc(32 / var(--width) * 100%);
	}
	.gradation-container .part3 .evt-acco-area {
		margin-bottom: 0;
	}
	.gradation-container .evt-acco-head.evt-btn-area .eachLink {
        margin-top: calc(77 / 520 * 100%);
        right: calc(30 / 520 * 100%);
        width: calc(187 / 520 * 100%);
        padding-top: calc(63 / 520 * 100%);
	}

	/* 당첨자 발표 버튼 */
	.evt-func.middle .btn-pop {
		display: block;
		width: calc(190 / 600 * 100%);
		height: calc(23 / 600 * 100%);
		margin-bottom: calc(352 / 600 * 100%);
		margin-left: calc(-17 / 600 * 100%);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-weight: bold;
	}
	.btn-pop::after {
		display: none!important;
	}

	.evt-btn-area.join-btn{
		margin-bottom: calc(118 / var(--width) * 100%);
		padding-bottom: calc(125 / var(--width) * 100%);
	}
	.evt-btn-area.join-btn a{
		width: calc(600 / var(--width) * 100%);
	}
	.evt-btn-area.eachLink.linkA{
		margin-bottom: calc(572 / 520 * 100%);
		padding-bottom: calc(203 / 520 * 100%);
	}
	.evt-btn-area.eachLink.linkB{
		margin-bottom: calc(86 / 520 * 100%);
		padding-bottom: calc(90 / 520 * 100%);
	}
	.evt-btn-area.eachLink.linkB a{
		width: calc(420 / 520 * 100%);
	}
}