/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-52679
* CODE : Dev - EV00018892 , Prod - EV00006744
* FILE : /kr/event/2023/12/29_miracle_must/eventMainMiracleMust.jsp
* DESC : 웨딩 이사 축하 Show핑전 MUST & BEST 구매고객 경품 추첨 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/01/12				정규진			    Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
    --width: 720;
    }
.evt-func {
    position: relative;
}
/* 즉석당첨 레이어팝업 */
#weddingPRInstantPop.instant-draw-pop {
	max-width: 600px;
    border-radius: 25px;
}
#weddingPRInstantPop.instant-draw-pop .btn-pop-close {
	bottom: 101px;
    width: 215px;
    height: 72px;
}
/* 참여팝업 */
#weddingPRAgree1_f table tbody tr td,
#weddingPRInstantAgree1_f table tbody tr td {
	font-weight: bold;
}
#weddingPRAgree1_f table tbody tr td:last-child,
#weddingPRInstantAgree1_f table tbody tr td:last-child {
	font-size:20px;
  	line-height:30px;
	text-decoration: underline;
}
/* 카톡 공유하기 버튼 */
.weddingPR-kakao-container .evt-btn-area.join-kakao {
    width: calc(400 / 1380 * 100%);
    padding-top: calc(80 / 1380 * 100%);
    margin-bottom: calc(606 / 1380 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.weddingPR-kakao-container .evt-btn-area.join-kakao a {
    width: 100%;
    height: 100%;
}
/* 공유 횟수 및 적립 포인트 확인하기 버튼 */
.weddingPR-kakao-container .kakao-chk-count {
    width: calc(350 / 1380 * 100%);
    margin-top: calc(615 / 1380 * 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.weddingPR-kakao-container .kakao-chk-count a {
    width: 100%;
    padding-top: calc(47 / 433 * 100%);
    display: block;
}
/* 카톡 공유 3회 체크 */
.weddingPR-kakao-container .weddingPR-share-check-area {
    width: calc(776 / 1380 * 100%);
    padding-top: calc(120 / 1380 * 100%);
    margin-top: calc(450 / 1380 * 100%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check div {
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a {
    width: calc(120 / 388 * 100%);
    height: calc(120 / 120 * 100%);
    position: relative;
    cursor: default;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk1 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_1_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk1.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_1_on.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk2 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_2_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk2.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_2_on.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk3 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_3_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk3.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_3_on.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk4 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_4_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk4.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_4_on.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk5 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_5_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk5.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_5_on.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk6 {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_6_off.png) no-repeat center center;
    background-size: contain;
}
.weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk6.checked {
    background: url(/kr/event/2024/02/01_wedding_PR/images/kakao_share_6_on.png) no-repeat center center;
    background-size: contain;
}

/* 스와이퍼 슬라이드 */
.weddingPR-kakao-container .kakao-share-swiper {
    width: 100%;
    position: absolute;	
    top: calc(490 / 1380 * 100%);
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-container {
	width: calc(610 / 1380 * 100%);
	margin: 0 auto;
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-container .swiper-slide {
    background: transparent;
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-container .swiper-slide img {
	width: calc(528 / 610 * 100%);
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-button-next {
	width: calc(30 / 1380 * 100%);
	padding-top: calc(55 / 1380 * 100%);
	right: calc(390 / 1380 * 100%);
    top: 50%;
    transform: translateY(-50%);
	background: url(/kr/event/2024/02/01_wedding_PR/images/btn_next.png) no-repeat 0 0;
	background-size: 100%;
    z-index: 5;
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-button-next::after {
    content: none;
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-button-prev {
	width: calc(30 / 1380 * 100%);
	padding-top: calc(55 / 1380 * 100%);
	left: calc(390 / 1380 * 100%);
    top: 50%;
    transform: translateY(-50%);
	background: url(/kr/event/2024/02/01_wedding_PR/images/btn_prev.png) no-repeat 0 0;
	background-size: 100%;
    z-index: 5;
}
.weddingPR-kakao-container .kakao-share-swiper .swiper-button-prev::after {
    content: none;
}

/* 카톡 채널 추가 버튼 */
.weddingPR-kakao-container .evt-btn-area.btnlinkOut {
    width: calc(482 / 1380 * 100%);
    padding-top: calc(82 / 1380 * 100%);
    margin-bottom: calc(80 / 1380 * 100%);
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.weddingPR-kakao-container .evt-btn-area.btnlinkOut a {
    width: 100%;
    height: 100%;
}
/* 유의사항 아코디언 */
.weddingPR-kakao-container .evt-acco-head.evt-btn-area {
    padding-top: calc(109 / 1380 * 100%);
}
.weddingPR-kakao-container .evt-acco-head.evt-btn-area button {
    width: 100%;
}

/* 응모횟수 */
#weddingPRCheckDrawPop { 
	max-width: 446px;
	background: transparent;
	border-radius: 0;
}
#weddingPRCheckDrawPop .pop-conts {
	padding: 0;
}
#weddingPRCheckDrawPop .pop-conts.no-footer {
	max-height: 245px;
}
#weddingPRCheckDrawPop .pop-conts.no-footer:after {
	display: none;
}
#weddingPRCheckDrawPop img {
	width: 100%;
	height: auto;
}
#weddingPRCheckDrawPop .check-pop-msg {
	position: absolute;
	top: 28%;
	left: 50%;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	transform: translateX(-50%);
}
#weddingPRCheckDrawPop .check-pop-msg p {
	color: #380d0d;
}
#weddingPRCheckDrawPop .btn-pop-close {
	position: absolute;
	left: 50%;
	bottom: 20.6%;
    display: block;
    width: 27.24%;
    height: 20.27%;
	margin: 0 auto;
	transform: translateX(-50%);
	background-color: rgba(0,0,0,0);
}
/* #weddingPRCheckDrawPop .shareNum {
    color: #f83249
} */

@media screen and (max-width: 767px){
    /* 참여팝업 */
	#weddingPRAgree1_f table tbody tr td:last-child,
    #weddingPRInstantAgree1_f table tbody tr td:last-child {
        font-size:16px;
        line-height:24px;
    }
    #weddingPRInstantPop.instant-draw-pop .btn-pop-close {
        bottom: calc(120 / 720 * 100%);
        width: calc(312 / 720 * 100%);
        height: calc(93 / 720 * 100%);
    }
    #weddingPRInstantPop.instant-draw-pop.b-pop .btn-pop-close {
        bottom: calc(151 / 720 * 100%);
    }
    #weddingPRCheckDrawPop {
        left: 50% !important;
        top: 50% !important;
        height: auto;
        min-height: auto !important;
        transform: translate(-50%, -50%) !important;
        width: 90%;
    }
    #weddingPRCheckDrawPop .check-pop-msg {
        font-size: 3.8vw;
    }
    /* 카톡 공유하기 버튼 */
    .weddingPR-kakao-container .evt-btn-area.join-kakao {
        width: calc(600 / 720 * 100%);
        padding-top: calc(90 / 720 * 100%);
        margin-bottom: calc(874 / 720 * 100%);
    }
    /* 공유 횟수 및 적립 포인트 확인하기 버튼 */
    .weddingPR-kakao-container .kakao-chk-count {
        width: calc(433 / 720 * 100%);
        margin-top: calc(927 / 720 * 100%);
    }
    .weddingPR-kakao-container .kakao-chk-count a {
        padding-top: calc(47 / 433 * 100%);
    }
    /* 카톡 공유 3회 체크 */
    .weddingPR-kakao-container .weddingPR-share-check-area {
        width: calc(560 / 720 * 100%);
        padding-top: calc(390 / 720 * 100%);
        margin-top: calc(488 / 720 * 100%);
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check {
        flex-direction: column;
        justify-content: space-between;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check div {
        height: calc(174 / 195 * 100%);
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a {
        width: calc(175 / 560 * 100%);
        height: calc(174 / 174 * 100%);
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk1 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_1_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk1.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_1_on.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk2 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_2_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk2.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_2_on.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk3 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_3_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk3.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_3_on.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk4 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_4_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk4.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_4_on.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk5 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_5_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk5.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_5_on.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk6 {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_6_off.png) no-repeat center center;
        background-size: 100%;
    }
    .weddingPR-kakao-container .weddingPR-share-check-area .weddingPR-share-check a.wedding-share-chk6.checked {
        background: url(/kr/event/2024/02/01_wedding_PR/images/m_kakao_share_6_on.png) no-repeat center center;
        background-size: 100%;
    }

    /* 스와이퍼 슬라이드 */
    .weddingPR-kakao-container .kakao-share-swiper {
        top: calc(252 / 720 * 100%);
    }
    .weddingPR-kakao-container .kakao-share-swiper .swiper-container {
        width: calc(638 / 720 * 100%);
    }
    .weddingPR-kakao-container .kakao-share-swiper .swiper-container .swiper-slide img {
        width: calc(440 / 638 * 100%);
    }
    .weddingPR-kakao-container .kakao-share-swiper .swiper-button-next {
        width: calc(30 / 720 * 100%);
        padding-top: calc(55 / 720 * 100%);
        right: calc(30 / 720 * 100%);
        transform: translateY(0);
    }
    .weddingPR-kakao-container .kakao-share-swiper .swiper-button-prev {
        width: calc(30 / 720 * 100%);
        padding-top: calc(55 / 720 * 100%);
        left: calc(30 / 720 * 100%);
        transform: translateY(0);
    }

    /* 카톡 채널 추가 버튼 */
    .weddingPR-kakao-container .evt-btn-area.btnlinkOut {
        width: calc(600 / 720 * 100%);
        padding-top: calc(90 / 720 * 100%);
        margin-bottom: calc(80 / 720 * 100%);
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }
    /* 유의사항 아코디언 */
    .weddingPR-kakao-container .evt-acco-head.evt-btn-area {
        padding-top: calc(109 / 720 * 100%);
    }
    .weddingPR-kakao-container .evt-acco-head.evt-btn-area button {
        width: 100%;
    }
}