/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-77744
* CODE : Dev - EV00020081 , Prod - EV00007891
* FILE : /kr/event/2024/11/01_lg_mission/
* DESC : 11월 통합 미션 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/10/16				신우용				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
* {
	--width: 1380;
}

.evt-func {
	position: relative;
}

.mission-container {
	max-width: 1380px;
	margin: 0 auto;
}

.mission-container .swiper-slide {
	background: transparent;
}

.mission-container .swiper-button-next:after,
.mission-container .swiper-button-prev:after {
	display: none;
}

.evt-intro {
	position: relative;
}

.evt-intro #missionStartBtn {
	position: absolute;
	bottom: 6.2%;
	left: 50%;
	width: 34.79%;
	height: 9.43%;
	background-image:url('/kr/event/2024/11/01_lg_mission/images/btn_mission_start.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	transform: translateX(-50%);
}

.mission-circ {
	display: none;
	position: relative;
}
.mission-container .mission-daily{
	position: absolute;
	top: calc(420 / var(--width)* 100%);
	left: 50%;
	width: calc(600 / var(--width)* 100%);
	transform: translateX(-50%);
}
.mission-container .mission-daily li{
	position: relative;
	width: 100%;
	height: 108px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
.mission-container .mission-daily li + li{
	margin-top: 16px;
}
.mission-container .mission-daily li.list01{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/mission_list_01.png');
}
.mission-container .mission-daily li.list02{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/mission_list_02.png');
}
.mission-container .mission-daily li.list03{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/mission_list_03.png');
}
.mission-container .mission-daily li.list04{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/mission_list_04.png');
}
.mission-container .mission-daily li.list05{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/mission_list_05.png');
}
.mission-container .mission-daily li button{
	position: absolute;
	top: 50%;
    right: 20px;
    display: flex;
    width: 156px;
    height: 64px;
    border-radius: 50px;
    background-color: #5501B1;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}
.mission-container .mission-daily li button:disabled{
	background-color: #E1E1E1;
    color: rgba(255,255,255,.7);
}
.mission-apply{
	position: absolute;
	display: flex;
	bottom: 0;
    left: 50%;
    width: calc(780 / var(--width)* 100%);
    height: calc(710 / var(--width)* 100%);
	flex-wrap: wrap;
	transform: translateX(-50%);
}
.mission-apply > li{
	position: relative;
	width: 50%;
	height: calc(680 / var(--width)* 100%);
}
.mission-apply > li .count{
	display: flex;
    position: absolute;
    top: calc(355 / var(--width)* 100%);
    right: calc(110 / var(--width)* 100%);
    width: calc(380 / var(--width)* 100%);
    height: calc(670 / var(--width)* 100%);
    font-size: 22px;
	text-align: center;
	font-family: 'Cafe24Ohsquare';
	color: #8E4AE0;
	justify-content: center;
	align-items: center;
}
.mission-apply > li:nth-child(1){
	width:100%;
	height: calc(710 / var(--width)* 100%);
}
.mission-apply > li:nth-child(1) .count{
	width: calc(248 / var(--width)* 100%);
    right: calc(53 / var(--width)* 100%);
}
.mission-container .product-vote{
	/* padding-bottom: calc(10 / var(--width)* 100%); */
	background-color: #e6d0fc;
}
.mission-container .lg-product-group{
	position: absolute;
	top: calc(120 / var(--width)* 100%);
    left: 50%;
    width: calc(780 / var(--width)* 100%);
	transform: translateX(-50%);
}
.mission-container .lg-product-list{
	overflow: hidden;
	width: 100%;
	background-color: #fff;
	border-radius: 30px;
}
.mission-container .lg-product-list + .lg-product-list{
	margin-top: 20px;
}
.mission-container .lg-product-list .title-loc{
	display:block;
	padding: 24px 48px 20px 48px;
  	background-color: #F5E7FF;
    text-align: left;
}
.mission-container .lg-product-list .title-loc em{
	display: inline-flex;
    color: #432D70;
    font-family: 'Pretendard';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1.12px;
    align-items: center;
}
.mission-container .lg-product-list .title-loc em:before{
	content:'';
	display: inline-block;
	width: 36px;
	height: 37px;
	margin-right: 16px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	vertical-align: middle;
}
.mission-container .lg-product-list.living-room .title-loc em:before{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/ico_room1.png');
}
.mission-container .lg-product-list.kitchen .title-loc em:before{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/ico_room2.png');
}
.mission-container .lg-product-list.inner-room .title-loc em:before{
	background-image:url('/kr/event/2024/11/01_lg_mission/images/ico_room3.png');
}
.mission-container .lg-product-list ul{
	padding: 0 40px 8px;
}
.mission-container .lg-product-list li{
	position: relative;
    height: 160px;
}
.mission-container .lg-product-list li:after{
	content:'';
	display: none;
	position: absolute;
	top: 0;
	left: -8px;
	right: -8px;
	height: 2px;
	background-image:url('/kr/event/2024/11/01_lg_mission/images/ico_line.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	z-index:1;
}
.mission-container .lg-product-list li + li:after{
	display: block;
}
.mission-container .lg-product-list li .chk-wrap{
	display: block;
	height: 100%;
}
.mission-container .lg-product-list li .chk-wrap input{
	top: 0;
	left: 0;
}
.mission-container .lg-product-list li .chk-wrap input+label{
	display: flex;
	height: 100%;
	padding-left: 50px;
	align-items: center;
}
.mission-container .lg-product-list li .chk-wrap input:focus + label{
	outline: none;
}
.mission-container .lg-product-list li .chk-wrap input+label > *:not(:after){
	display: block;
}
.mission-container .lg-product-list li .chk-wrap input+label:after {
	top: 50%;
	width: 40px;
	height: 40px;
    background-image: url('/kr/event/2024/11/01_lg_mission/images/ico_chk_off.svg');
	transform: translateY(-50%);
}
.mission-container .lg-product-list li .chk-wrap input:focus + label:after{
	outline: 2px auto #000;
	outline-offset: 2px;
}
.mission-container .lg-product-list li .chk-wrap input:checked+label::after{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/ico_chk_on.svg');
}
.mission-container .lg-product-list li .chk-wrap .prd-img{
	width: 160px;
}
.mission-container .lg-product-list li .chk-wrap .title{
	width: 326px;
	text-align: left;
}
.mission-container .lg-product-list li .chk-wrap .title .prd-name{
	display: block;
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
	letter-spacing: -0.96px;
}
.mission-container .lg-product-list li .chk-wrap .title .prd-code{
	display: block;
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.48px;
	color: #555;
	opacity: 0.7;
}
.mission-container .lg-product-list li .chk-wrap .drawing{
	display: flex;
	width: 70px;
	height: 40px;
	margin-left: auto;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background-color: #F0DEFD;
	color: #8E4AE0;
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.44px;
}

.evt-btn-area.mission-join{
	bottom: 0;
	margin-bottom: calc(215 / var(--width)* 100%);
    padding-bottom: calc(228 / var(--width)* 100%);
}
.evt-btn-area.mission-join > div{
	flex-direction: column;
    justify-content: space-between;
}
.evt-btn-area.mission-join button{
	width: calc(600 / var(--width)* 100%);
}

/* ox 문제 */
#quizPopupWrap{
	max-width: 540px;
	min-height: auto !important;
	border-radius: 30px;
}
#quizPopupWrap .pop-conts.academy-pop{
	padding: 60px 40px 48px 40px;
	text-align: center;
}
#quizPopupWrap .pop-conts.academy-pop > div{
	overflow: hidden;
	position: relative;
}
#quizPopupWrap .correct-page{
	display: none;
	margin-top: 30px;
}
#quizPopupWrap .quiz-h{
	color: #000;
	font-family: 'Pretendard';
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -1.28px;
}
#quizPopupWrap .quiz-tit{
	margin-top: 16px;
	color: #333;
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -1px;
}
#quizPopupWrap .quiz-tit:before{
	content:'Q.';
    display: inline-block;
	margin-right: 5px;
}
#quizPopupWrap .quiz-selection{
	margin-top: 40px;
}
#quizPopupWrap .quiz-selection .rdo-wrap + .rdo-wrap {
    margin-left: 10px;
}
#quizPopupWrap .quiz-selection .rdo-wrap input+label{
	width: 200px;
    height: 178px;
    padding-left: 0;
    font-size: 0;
    line-height: 0;
	border-radius: 16px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
#quizPopupWrap .quiz-selection .rdo-wrap input+label:after{
	display: none;
}
#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-Y"]+label{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_ox_yes.png');
}
#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-N"]+label{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_ox_no.png');
}
#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-Y"]:checked+label{
    border: 2px solid #4080FF;
}
#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-N"]:checked+label{
    border: 2px solid #FF4A40;
}
#quizPopupWrap .btn-group{
	margin-top: 40px;
}
#quizPopupWrap .btn-group #quizChk{
	width: 460px;
	height: 78px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_ox_check.png');
}
#quizPopupWrap .quiz-result{
	color: #4080FF;
	font-family: 'Pretendard';
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -1.28px;
}
#quizPopupWrap .correct-page.wrong .quiz-result{
	color: #FF4A40;
}
#quizPopupWrap .quiz-text{
	margin-top: 16px;
	color: #333;
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 400;
	line-height: 1.30;
	letter-spacing: -0.96px;
}
#quizPopupWrap .correct-page .quiz-pop-close{
	width: 460px;
	height: 78px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_ox_close.png');
}
#quizPopupWrap .btn-close {
    top: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
}
#quizPopupWrap .btn-close:before{
	width: 42px;
    height: 42px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-image: url('/kr/event/2024/11/01_lg_mission/images/popup_close.svg');
}
#missionQuiz{
	font-family: 'Pretendard';
	font-weight: 400;
}
/* 카카오 횟수 팝업 */
#evtKakaoCheckDrawPop{
	max-width: 410px;
	min-height: auto !important;
	border-radius: 30px;
	background-color: transparent;
}
#evtKakaoCheckDrawPop .pc{
	display: block !important;
}
#evtKakaoCheckDrawPop .mobile{
	display: none !important;
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn{
	bottom: 0;
	margin-bottom: calc(505 / var(--width)* 100%);
	padding-bottom: calc(542 / var(--width)* 100%);
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn > div{
	flex-direction: column;
    justify-content: space-between;
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn button{
	width: calc(1200 / var(--width)* 100%);
	height: calc(655 / var(--width)* 100%);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #btnKakaoShare{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_kakao_share.png');
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #missionChannelE_point{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_get_point.png');
}
#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #missionChannelE_point:disabled{
	background-image: url('/kr/event/2024/11/01_lg_mission/images/btn_get_point_off.png');
	cursor: default;
}
#evtKakaoCheckDrawPop .btn-close {
    top: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
}
#evtKakaoCheckDrawPop .btn-close:before{
	width: 42px;
    height: 42px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	background-image: url('/kr/event/2024/11/01_lg_mission/images/popup_close.svg');
}

@media screen and (max-width: 1460px) {
	.mission-container .mission-daily li{
		height: calc(108 / var(--width)* 100vw);
	}
	.mission-container .mission-daily li + li{
		margin-top: calc(16 / var(--width)* 100vw);
	}
	.mission-container .mission-daily li button{
		right: calc(20 / var(--width)* 100vw);
		width: calc(145 / var(--width)* 100vw);
		height: calc(54 / var(--width)* 100vw);
		border-radius: calc(50 / var(--width)* 100vw);
		font-size: calc(20 / var(--width)* 100vw);
	}
	
	.mission-apply > li .count{
		font-size: calc(22 / var(--width)* 100vw);
	}

	.mission-container .lg-product-list{
		border-radius: calc(30 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list + .lg-product-list{
		margin-top: calc(14 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc{
		padding: calc(22 / var(--width)* 100vw) calc(48 / var(--width)* 100vw) calc(18/ var(--width)* 100vw) calc(48 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc em{	
		font-size: calc(26 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc em:before{
		width: calc(34 / var(--width)* 100vw);
		height: calc(35 / var(--width)* 100vw);
		margin-right: calc(14 / var(--width)* 100vw);
	}
	
	.mission-container .lg-product-list ul{
		padding: 0 calc(40 / var(--width)* 100vw) calc(8 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li{
		height: calc(150 / var(--width)* 100vw);
	}
	
	.mission-container .lg-product-list li .chk-wrap input+label{
		padding-left: calc(50 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap input+label:after {
		width: calc(36 / var(--width)* 100vw);
		height: calc(36 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .prd-img{
		width: calc(150 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .title{
		width: calc(326 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .title .prd-name{
		font-size: calc(20 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .title .prd-code{
		font-size: calc(22 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .drawing{
		width: calc(70 / var(--width)* 100vw);
		height: calc(40 / var(--width)* 100vw);
		border-radius: calc(10 / var(--width)* 100vw);
		font-size: calc(20 / var(--width)* 100vw);
	}
}
@media screen and (max-width: 767px) {
	* {
		--width: 720;
	}

	.evt-intro #missionStartBtn {
		bottom: calc(80 / var(--width)* 100vw);
		width: calc(516 / var(--width)* 100vw);
		height: calc(110 / var(--width)* 100vw);
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_btn_mission_start.png');
	}

	.mission-container .mission-daily {
		top: calc(400 / var(--width)* 100vw);
		width: calc(601 / var(--width)* 100vw);
	}
	.mission-container .mission-daily li {
		height: calc(131 / var(--width)* 100vw);
	}
	.mission-container .mission-daily li.list01{
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_mission_list_01.png');
	}
	.mission-container .mission-daily li.list02{
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_mission_list_02.png');
	}
	.mission-container .mission-daily li.list03{
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_mission_list_03.png');
	}
	.mission-container .mission-daily li.list04{
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_mission_list_04.png');
	}
	.mission-container .mission-daily li.list05{
		background-image:url('/kr/event/2024/11/01_lg_mission/images/m_mission_list_05.png');
	}
	.mission-container .mission-daily li button {
		right: calc(24 / var(--width)* 100vw);
		width: calc(162 / var(--width)* 100vw);
		height: calc(69 / var(--width)* 100vw);
		border-radius: calc(44 / var(--width)* 100vw);
		font-size: calc(26 / var(--width)* 100vw);
	}

	.mission-apply {
        width: calc(600 / var(--width)* 100vw);
        height: calc(330 / var(--width)* 100vw);
 	}
	.mission-apply > li{
		height: calc(190 / var(--width)* 100vw);
	}
	.mission-apply > li .count{
		top: calc(97 / var(--width)* 100vw);
		right: auto;
		left: 50%;
		width: calc(155 / var(--width)* 100vw);
		height: calc(58 / var(--width)* 100vw);
		font-size: calc(28 / var(--width)* 100vw);
		transform: translateX(-50%);
	}
	.mission-apply > li:nth-child(1){
		height: calc(140 / var(--width)* 100vw);
	}
	.mission-apply > li:nth-child(1) .count{
		width: calc(140 / var(--width)* 100vw);
		height: calc(60 / var(--width)* 100vw);
		top: calc(40 / var(--width)* 100vw);
		right: calc(34 / var(--width)* 100vw);
		left: auto;
		transform: translateX(0);
	}
	.mission-container .product-vote{
		padding-bottom: 0;
	}
	.mission-container .lg-product-group {
		top: calc(240 / var(--width)* 100vw);
		width: calc(600 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc {
		padding: calc(24 / var(--width)* 100vw) calc(48 / var(--width)* 100vw) calc(20/ var(--width)* 100vw) calc(48 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc em {
		font-size: calc(28 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list .title-loc em:before {
		width: calc(36 / var(--width)* 100vw);
		height: calc(47 / var(--width)* 100vw);
		margin-right: calc(16 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list ul {
		padding: 0 calc(30 / var(--width)* 100vw) calc(8 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li {
		height: calc(160 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap input+label:after {
		width: calc(40 / var(--width)* 100vw);
		height: calc(40 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .prd-img {
		width: calc(160 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .title .prd-name{
		font-size: calc(24 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .title .prd-code{
		font-size: calc(22 / var(--width)* 100vw);
	}
	.mission-container .lg-product-list li .chk-wrap .drawing {
		font-size: calc(22 / var(--width)* 100vw);
	}
	/* ox 문제 */
	#quizPopupWrap{
		max-width: none;
		top: 50% !important;
		left: 50% !important;
		width: calc(600 / var(--width)* 100vw);
		height: auto;
		border-radius: calc(30 / var(--width)* 100vw);
		transform: translate(-50%,-50%) !important;
	}
	#quizPopupWrap .pop-conts.academy-pop{
		padding: calc(80 / var(--width)* 100vw) calc(60 / var(--width)* 100vw);
	}
    #quizPopupWrap .pop-conts.academy-pop > div{
		border-radius: calc(30 / var(--width)* 100vw);
	}
	#quizPopupWrap .quiz-h{
		font-size: calc(46 / var(--width)* 100vw);
	}
	#quizPopupWrap .quiz-tit{
		margin-top: calc(16 / var(--width)* 100vw);
		font-size: calc(32 / var(--width)* 100vw);
	}
	
	#quizPopupWrap .quiz-selection{
		margin-top: calc(60 / var(--width)* 100vw);
	}
	#quizPopupWrap .quiz-selection .rdo-wrap + .rdo-wrap {
		margin-left: calc(10 / var(--width)* 100vw);
	}
	#quizPopupWrap .quiz-selection .rdo-wrap input+label{
		width: calc(230 / var(--width)* 100vw);
		height: calc(230 / var(--width)* 100vw);
		border-radius: calc(16 / var(--width)* 100vw);
	}

	#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-Y"]+label{
		background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_ox_yes.png');
	}
	#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-N"]+label{
		background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_ox_no.png');
	}
	#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-Y"]:checked+label{
		border: 1px solid #4080FF;
	}
	#quizPopupWrap .quiz-selection .rdo-wrap input[id="quizSelect-N"]:checked+label{
		border: 1px solid #FF4A40;
	}
	#quizPopupWrap .btn-group{
		margin-top: calc(60 / var(--width)* 100vw);
	}
	#quizPopupWrap .btn-group #quizChk{
		width: calc(480 / var(--width)* 100vw);
		height: calc(100 / var(--width)* 100vw);
		background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_ox_check.png');
	}
	#quizPopupWrap .quiz-result{
		font-size: calc(46 / var(--width)* 100vw);
	}
	#quizPopupWrap .quiz-text{
		margin-top: calc(16 / var(--width)* 100vw);
		font-size: calc(32 / var(--width)* 100vw);
	}
	#quizPopupWrap .correct-page .quiz-pop-close{
		width: calc(480 / var(--width)* 100vw);
		height: calc(100 / var(--width)* 100vw);
		background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_ox_close.png');
	}
	#quizPopupWrap .btn-close {
		top: calc(16 / var(--width)* 100vw);
		right: calc(16 / var(--width)* 100vw);
		width: calc(64 / var(--width)* 100vw);
		height: calc(64 / var(--width)* 100vw);
	}
	#quizPopupWrap .btn-close:before{
		width: calc(64 / var(--width)* 100vw);
		height: calc(64 / var(--width)* 100vw);
	}
  	/* 카카오 횟수 팝업 */
	#evtKakaoCheckDrawPop{
		max-width: none;
		top: 50% !important;
		left: 50% !important;
		width: calc(540 / var(--width)* 100vw);
		height: auto;
		border-radius: calc(30 / var(--width)* 100vw);
		transform: translate(-50%,-50%) !important;
	}
    #evtKakaoCheckDrawPop .pc{
		display: none !important;
	}
	#evtKakaoCheckDrawPop .mobile{
		display: block !important;
	}
    #evtKakaoCheckDrawPop .evt-btn-area.kakao-btn{
		margin-bottom: calc(226 / var(--width)* 100vw);
		padding-bottom: calc(204 / var(--width)* 100vw);
	}
	#evtKakaoCheckDrawPop .evt-btn-area.kakao-btn button{
		width: calc(480 / var(--width)* 100vw);
		height: calc(98 / var(--width)* 100vw);
	}
    #evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #btnKakaoShare{
        background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_kakao_share.png');
    }
    #evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #missionChannelE_point{
        background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_get_point.png');
    }
    #evtKakaoCheckDrawPop .evt-btn-area.kakao-btn #missionChannelE_point:disabled{
        background-image: url('/kr/event/2024/11/01_lg_mission/images/m_btn_get_point_off.png');
    }
	#evtKakaoCheckDrawPop .btn-close {
		top: calc(16 / var(--width)* 100vw);
		right: calc(16 / var(--width)* 100vw);
		width: calc(64 / var(--width)* 100vw);
		height: calc(64 / var(--width)* 100vw);
	}
	#evtKakaoCheckDrawPop .btn-close:before{
		width: calc(64 / var(--width)* 100vw);
		height: calc(64 / var(--width)* 100vw);
	}
}