@charset "utf-8";
.txt-center{ text-align: center !important; width: 100%; }
/*모달버튼*/
.modal_button{ width:100%; float: left; }
.modal_button .modal_button__wrap{ width: 100%; border-top: 0.5px solid #000000; }
.modal_button .modal_button__wrap li{ width:50%; height: 50px; float: left; }
.modal_button .modal_button__wrap li button{ width:100%; height:100%; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; }
.btn--confirm{ background: #000; color:#fff; }
.btn--cancel{ color:#000; }
.modal_button.one-button .modal_button__wrap li{ width: 100%; }

.modal-open{ width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; }
/*모달*/
.modal a { color:#000;}

.modal{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 1002; }
.modal:after{ display: inline-block; content:''; clear: both; position: absolute; z-index: -1; top:0; left:0; right:0; width:100%; height:100%; background:#000; opacity: 0.4; }
.modal.is-open{ display: block !important; }
.modal--slide .modal__container{ border-radius: 20px 20px 0 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); background:#fff; position: absolute; left: 0; right: 0; width:100%; transition: bottom 5s ease-in; bottom: -1000px; }
.modal--slide.is-open .modal__container{ bottom: 0; }
/* 20220806 2차 수정 */
.modal--confirm.is-open .modal__container{ bottom: 0; }
/* 20220806 수정 [s] */
.modal--confirm .modal__container{ height: fit-content; top: 50%; position: absolute; background: #fff; left: 28px; right: 28px; transform: translateY(-50%); border-radius: 4px; overflow:hidden; }
.pc .modal--confirm .modal__container{ left: calc(50% - 250px); right: calc(50% - 250px); }
/* 20220806 수정 [e] */
.modal__container .main-title{ font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.8px; text-align: center; color: #000; }
.modal__container .sub-title{ font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.64px; text-align: center; color: #000; }
.modal__text-wrap{ padding-bottom: 53px; }
.no-header .modal__text-wrap{ padding-bottom: 58px; }
.modal .no-header .sub-title{ padding:0; }
.pc .modal__text-wrap ul{ width:100%; box-sizing:border-box; padding: 0 20px; }
.btn--close{ width:24px; height: 24px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_close.png) no-repeat; background-position: center; background-size: contain; position: absolute; top: 14px; right: 15px;}

/*모달 | 타이틀있는버전*/
/*20220822 수정*/
.modal .sub-title{ WIDTH:100%; text-align: center; padding:57px 0 38px; font-family: Pretendard; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.8px; text-align: center; color: #000; display: flex; align-items: center; justify-content: center; }
.modal__header{ padding:19px 0; text-align: center; }
.modal__container .list-section{ margin-bottom: 15px; }

/*포인트 지급 모달*/
.modal--point .modal__text-wrap{ text-align: center; padding-top: 26px; padding-bottom: 29px; }
.modal--point .modal__text-wrap img{ max-width: 67px; }
.modal--point .sub-title { padding: .65rem 0 25.5px !important; font-size: 28px !important; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.89; letter-spacing: -1.12px; text-align: center; color: #000; }
.modal--point .emphasized { margin: 0 0 10px !important;}
.modal--point .modal__flag-filled-gray{ padding: 6px 10px; border-radius: 4px; background-color: #ecedf0; font-family: Pretendard; font-size: 13px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.52px; text-align: center; color: #000; margin-bottom: 10px;}
.modal--point .modal__flag-filled-gray:before{ content:''; margin-right:4px; display: inline-block; clear: both; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; background:url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_shield-check-fill.png) no-repeat; background-position: center; background-size: contain; }

/*toast팝업*/
.toast{ position: fixed; top: -500px; width: 100%; transition: top 0.5s ease-in-out; }
.toast .list-section--toast i{ float: left; display: inline-block; width: 24px; height: 24px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_toast_check.png) no-repeat; background-position: center; background-size: contain; }
.mo .toast.is-open{ top:8px; }
.pc .toast.is-open{ top:40px }
.toast__container{ background: #000; border-radius: 4px; color: #fff; padding: 18px 15px; margin: 0 20px; }
.toast__txt{  float: left; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.6px; height: 24px; float: left; line-height: 24px; text-align: left; color: #fff; display: inline-block; }
.modal .list-section--toast i { float: left; width:24px; height:24px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_info.png) no-repeat; background-size:contain; display:inline-block; }
.modal .modal__text-wrap li{ font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: -0.56px; text-align: left; color: #525357; }

.modal .modal__contents--noHeader .modal__text-wrap{ margin-bottom:23px; margin-top:24px; }
.modal .modal__contents .emphasized{ display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 10px; font-family: Pretendard; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: -0.75px; text-align: center; color: #000; }
.modal .modal__contents .error{ display: inline-block; width: 100%; font-family: Pretendard; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.6px; text-align: center; color: #f05252; }
@media (min-width:769px){
    .toast__container { background: #000; border-radius: 4px; color: #fff; padding: 18px 15px; margin: 0 calc(50% - 307px); width: 614px; }
}

/*20220822 수정 [s]*/
/*응모전 유의사항*/
.modal .modal__text-wrap .txt-left li{ text-align: left ; }
@media (max-width:768px){
    .modal .modal__text-wrap .txt-left li{ text-align: left ; }
}
.pc .modal__text-wrap ul.txt-left{ width: 320px; padding: 0; margin: auto; }
/*20220822 수정 [e]*/

/*고객센터 팝업*/
.pc .modal--center .sub-title{ text-align: center; color: #000; display: inline-flex; align-items: center; justify-content: center; }
.modal--center .sub-title:before{ width: 24px; height: 24px; display: inline-block; content: ''; clear: both; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_customer.png); background-size: contain; background-position: center; margin-right: 10px; }
.pc .modal--center .modal__container{ width: 446px; left: calc(50% - 223px); right: calc(50% - 223px); }
.modal--center .modal__text-wrap--center{ padding: 0 20px; box-sizing: border-box; text-align: center; }
.modal__text-wrap--center .sub-text{ width: 100%; display: inline-block; text-align: center; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: -0.68px; text-align: center; color: #525357; }
.modal__text-wrap--center .info{ width: 100%; display: inline-block; text-align: center; font-size: 17px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.65; letter-spacing: -0.68px; color: #363638; margin-bottom: 26px; }
.modal__text-wrap--center .notification{ width: auto; display: inline-block; text-align: center; padding: 6px 16px; border-radius: 50px; background-color: #f7f7fa; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: -0.64px; text-align: center; color: #525357; margin-bottom: 4px; }
.modal--confirm .txt-center{ width: 100%; text-align: center !important; display: inline-block; line-height: 1.53; margin-top: 30px; margin-bottom: 10px; }/*20220822 수정*/
@media (max-width:768px){
    .modal .sub-title{ display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
    .modal--center .sub-title:before{ width: 19px; height: 19px; display: inline-block; content: ''; clear: both; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_customer.png); background-size: contain; background-position: center; margin-right: 10px; }
    .modal__text-wrap--center .sub-text{ font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.56px; text-align: center; color: #525357; }
    .modal__text-wrap--center .info{ font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.56px; color: #363638; }
    .modal__text-wrap--center .notification{ font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.56px; color: #525357; margin-top:10px;}
    .btn-list.fixed{ position:fixed; bottom:0; left:0; right:0; background:#fff; }
    /* 20220806 2차 수정 */
    .modal__text-wrap{ width:100%; padding: 0 20px; box-sizing: border-box; padding-bottom: 23px; }
    .modal .text--sm { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.56px; }
    .modal--confirm .txt-center{ width: 100%; text-align: left !important; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.48px; text-align: left; color: #9b9da3; }/*20220822 수정*/
}
.modal .modal__text-wrap li{ width: 100%; text-align: center; margin-bottom: 6px; }
.modal .buttons ul li button{ position: relative; width: 170px; box-sizing: border-box; padding: 7px 8px; border-radius: 50px; background-color: #ecedf0; font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.56px; text-align: left; color: #000; display: inline-flex; align-items: center; justify-content: left; }
.modal .buttons ul li button span { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.56px;  }
.modal .buttons ul li.phone-number button span {font-weight: bold;}
.modal .buttons ul li button:after{ content: ''; display: inline-block; clear: both; width: 17px; height: 17px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_arrow_right.png) no-repeat; background-position: center; background-size: contain; position: absolute; right: 7px; top: 7px; }
.modal .buttons ul li button i{ width:17px; height:17px; display: inline-block; margin-right: 5px; }
.modal .icn_calling{ background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_Calling.png) no-repeat; background-position: center; background-size: contain; }
.modal .icn_chatting{ background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_Chatting.png) no-repeat; background-position: center; background-size: contain; }
.modal .icn_message{ background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_message.png) no-repeat; background-position: center; background-size: contain; }
.modal .modal__contents .emphasized--type01{ font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.64px; margin-bottom: 0; }
.modal .sub-time{ font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.52px; text-align: left; color: #525357; margin-bottom: 7px; }
#customerService .sub-text{ margin-bottom: 25px; }
.modal .text--sm { margin-bottom:0; }
.modal .opening-time{ display: inline-block; width: 100%; margin-top: 20px; font-family: Pretendard; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.53; letter-spacing: -0.75px; text-align: center; color: #000; }

/* 회원탈퇴 팝업*/
.modal--out.modal .modal__contents .emphasized--type01 { width: 100%; text-align: center; display: inline-block; margin-top: 22px; margin-bottom: 26px; }
.modal--out .sub-title:before{ width: 28px; height: 28px; content: ''; display: inline-block; clear: both; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_caution.png) no-repeat; background-position: center; background-size: contain; margin-right: 5px; }
@media (max-width:768px){
    .modal--out .sub-title:before{ width: 22px; height: 22px; margin-right: 2px; }
}

/* 20220727 헤더&서브타이틀 없는 모달 [S] */
.modal__contents.no-header{ padding: 58px 0 0; }
.modal__contents.no-header .modal__text-wrap--center .text--info.fw--medium{ font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.9px; text-align: center; color: #000; }
@media (max-width:768px){
    .toast__container {
        background: #000;
        border-radius: 4px;
        color: #fff;
        padding: 18px 15px;
        margin: 0 calc(50% - 307px);
        width: 614px;
    }
    .modal__contents.no-header .modal__text-wrap--center .text--info.fw--medium{
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.6px;
        text-align: center;
        color: #000;
    }
}
/* 20220727 헤더&서브타이틀 없는 모달 [E] */

/* 20220804 수정 [s] */
/* 슬릭 모달 */
.modal--slick .modal__container .flag{ height: 38px; font-size: 16px; font-weight: 500; border-radius: 100px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.8px; text-align: center; padding:0 22px; margin:0; }/*20220801 마진 제거*/
.modal--slick .dimm{ width:100vw; height:100vh; background:#000; opacity:0.4; position:fixed;top: 0; left: 0; right: 0;z-index: -1; }
/* 20220806 2차 수정 */
.modal--slick .modal__container{ position:absolute; top:calc(50vh - 300px - 30px); left:calc(50% - 220px); border-radius: 4px; width:440px; height: auto; min-height: 500px; margin: 0 ; background:#fff; overflow: hidden; padding: 40px 0; text-align: center; overflow:visible; }/*20220822 수정*/
.modal--slick .carousel-list{ margin-top:28px; overflow: hidden; }/* 20220804 추가 */
.modal--slick .carousel-list:not(.slick-initialized){ display:none; opacity:0; height:0; width:0; }
.modal--slick .carousel-list__item { float: left; }
.modal--slick .carousel-list__item{ padding: 0 20px; box-sizing: border-box; width: 100%; }
.modal--slick .carousel-list__item .img-wrap img{ display: inline-block; }
.modal--slick .carousel-list__item h5{ font-size: 28px; letter-spacing: -1.4px; font-weight: 600; font-stretch: normal; font-style: normal; text-align: center; margin-bottom:10px; }
.modal--slick .carousel-list__item .info { font-size: 18px; font-stretch: normal; font-style: normal; line-height: 2.14; letter-spacing: -0.9px; text-align: center; }
.modal--slick .slick-dots{ width: 100%; }
.modal--slick .slick-dots li{ font-size: 0; margin-right: 9px; width:9px; height:9px; background-color:#dadce0; border-radius: 10px; }
.modal--slick .slick-dots li:last-child{ margin-right: 0; }
.modal--slick .slick-dots li.slick-active{ background-color: #000; }
.btn-close{ width: 24px; height:24px; position: absolute; top: 18px; right: 18px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_close.png) no-repeat; background-position: center; background-size: contain; }

@media screen and (max-width:768px) {
    /* 20220806 2차 수정 */
    .modal--slick .modal__container{ min-height: 448px; width:calc(100% - 56px); margin: 0; left: 28px; right: 28px; top: 50%; transform: translateY(-50%); margin-top: -4.2vh;padding:20px 0;}
    .modal--slick .modal__container .flag{ height:28px; width: 150px; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.6px; text-align: center; }
    .modal--slick .carousel-list{ margin-top:20px; }/* 20220804 추가 */
    .modal--slick .carousel-list__item .info { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.7px; }
    .modal--slick .carousel-list__item h5{ font-size: 20px; margin-top:20px; }
    .modal--slick .carousel-list__item .img-wrap img{ height: auto; }
    .modal--slick .carousel-list__item .img-wrap img.pc_on{ display: none; }
    .flag { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: -0.6px; text-align: center; }
    .modal--slick .slick-dots { margin-top:29px; }
    .modal--slick .slick-dots li{ width: 7px; height: 7px; }
    .img-wrap a{ bottom:32px; right:23px; width:206px; height:54px; }

    .modal--event .modal__container{ top: 60px; }
}
@media (min-width:769px){
    .modal--slick .carousel-list__item .img-wrap img.mo_on{ display: none; }
}


/*오늘하루보지않기 팝업*/
.modal__contents .modal__text-wrap .paragraph{ color:#666; font-size: 15px; text-align: center; padding:0 20px; box-sizing: border-box; line-height: 1.35; }
.modal__container{ position: relative; }
#todayClose .modal__container { overflow:visible; }
.today-close{ position: absolute; bottom: -56px; left: 0; width:100%; display:block; text-align:center; }
.today-close button {font-size: 16px;letter-spacing: -0.8px;}
.close__button{ width: auto; display: inline-flex; align-items: center; justify-content: left; }/* 20220804 추가 */
.icn_check{ width:20px; margin-right: 7px; height:20px; display: inline-block; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_mypage_check.png); border:1px solid #eee; border-radius: 100px; background-position: center; background-size: contain; }
.close__button span{ color:#fff; }/* 20220804 추가 */
@media screen and (max-width:768px){
    .today-close{ left: 0;bottom:-36px; }
}

/*모달 공통 요소*/
.modal .flag--sm{ min-width: 96px; height: 27px; display: inline-flex; align-items: center; justify-content: center; padding: 7px 18px; object-fit: contain; border-radius: 50px; background-color: #000; color:#fff;  font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.59px; margin-bottom: 0; }
.modal .flag--outlined-black{ padding: 7px 16px; object-fit: contain; border-radius: 50px; border: solid 2px #000; }
.modal .icn-jam{ display: inline-block; width: 32px; height: 32px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_jambottle.png) no-repeat; background-size: contain; background-position: center; }

/* 20220804 이벤트모달 팝업 */
/*이벤트모달*/
.modal--event .modal__container{ text-align: center; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/img_modal_event_bg.png) repeat; background-size: auto 100%; background-position: center; padding-bottom: 26px; }
.pc .modal--event .modal__container { left: calc(50% - 275px); right: calc(50% - 275px); width: 550px; text-align: center; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/img_modal_event_bg.png) repeat; background-size: auto 100%; background-position: center; padding-bottom: 40px;}
.modal--event .title-wrap{ border-radius: 4px; padding: 30px 0px 40px; box-sizing: border-box; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/img_modal_event_honey.png) no-repeat; background-size: auto 188px; background-position: top; min-height: 188px; }
.modal--event .flag--lg{ height: 34px;  padding: 7px 16px; object-fit: contain; border-radius: 50px; border: solid 2px #000; box-sizing: border-box; font-size: 17px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.68px; text-align: center; }
.modal--event .title-wrap .ad-text{ display: inline-flex; align-items: center; justify-content: center; width: 100%; font-size: 22px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.77; letter-spacing: -1.1px; text-align: center; margin-top: 10px; }
.modal--event .icn-smile{ display: block; width: 28px; height: 28px; position: absolute; top: 175px; left: 120px;background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icon_smile.png) no-repeat; background-size: contain; }
.modal--event .icn-loading{ display: block; width: 18px; height: 18.7px; position: absolute; top: 283px; left: 94px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn-loading.png) no-repeat; background-size: contain; }
.modal--event .icn-desktopQuestion{ display: block; width: 49px; height: 36.7px; position: absolute; top: 213px; right: 86px; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icon-desktopQuestion.png) no-repeat; background-size: contain; }
.modal--event .event-title{ font-size: 38px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: -1.9px; text-align: center; margin-bottom: 37px; }
.modal--event .event-text{ font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.9px; text-align: center; }
.modal--event .period { margin-top: 40px; display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.modal--event .period em { font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -1px; text-align: center; }
.modal--event .additional-txt { opacity: 0.6; color: #000; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.8px; text-align: center; margin-bottom: 34px; margin-top: 7px; display: inline-block; }
.modal--event .evtButton-wrap ul{ display: flex; }
.modal--event .evtButton-wrap ul button{ width: 231px; height: 58px; display: inline-flex; justify-content: center; align-items: center; margin: 0 auto; border-radius: 10px; background-color: #000; color:#fff; font-size: 17px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.51px; text-align: center; }
.modal--event .evtButton-wrap ul button i{ display: inline-block; width: 19px; height: 19px; background:url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_modal_arrow_right_white.png) no-repeat; background-position: center; background-size: contain; margin-left: 5px; }

@media (max-width:768px){
    /*20220822 수정*/
    .modal--event .modal__container{ position: absolute; left: 28px; right: 28px; width: calc(100% - 56px); }/*20220808*/
    .modal--event .title-wrap{ background:unset; background-color: #fff; height: auto; min-height: unset; padding-bottom: 23px; }
    .modal--event .title-wrap .ad-text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.8px; text-align: center; }
    .modal--event .info-wrap{ position: relative; padding-top: 60px; }
    .modal--event .info-wrap:after{ width:100%; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/common/img_modal_event_honey_m.png) no-repeat; background-size: 100% auto; height: 115px; background-position: top; content: ''; display: block; clear: both; position: absolute; top: 0; right: 0; }
    .modal--event .event-title { font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.23; letter-spacing: -1.4px; text-align: center; margin-bottom: 23px;}
    .modal--event .event-text { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.49; letter-spacing: -0.75px; text-align: center; }
    .modal--event .period{ flex-direction: column; margin-top: 20px; }
    .modal--event .period em{ width: 100%; display: inline-block; margin-top: 14px; }
    .modal--event .additional-txt { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.7px; text-align: center; margin-bottom: 25px; }
    .modal--event .evtButton-wrap ul button{ min-width: 219px; height: 51px; display: flex; justify-content: center; align-items: center; border-radius: 10px; background-color: #000; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.48px; text-align: center; }
    .modal--event .icn-smile{ width: 21px; height: 21px; top: 51.6px; left: 39.5px; }
    .modal--event .icn-loading{ width: 13.5px; height: 14.1px; top: 126.7px; left: 27px; }
    .modal--event .icn-desktopQuestion{ width: 36.8px; height: 27.6px; top: 74.1px; right: 22px; }
}
/* 20220804 수정 [e] */

/* 20220806 추가 */
.modal--slide .modal__container { top: unset; transform: none; left:0; right:0; border-radius: 20px 20px 0 0;}

/* 20220817 이벤트 팝업추가 */
.modal--event.modal--event-post .title-wrap { min-height:68px; }
.modal--event.modal--event-post .modal__container { box-sizing: border-box; width: 440px; height: 616px; left: calc(50% - 220px); right:calc(50% - 220px); top: calc(50% - 308px); }/*20220822 수정*/
.modal--event.modal--event-post .modal__container .info-wrap { position: relative; }
.modal--event.modal--event-post .event-title { max-width: 163px; margin: auto; }
.modal--event.modal--event-post .event-text{ display: block; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: -0.9px; text-align: center; color: #000; }
@media screen and (min-width:769px){
    .modal--event.modal--event-post .title-wrap { padding: 30px 0px; }
    .modal--event.modal--event-post .modal__container { box-sizing: border-box; width: 440px; height: 616px; left: calc(50% - 220px); right:calc(50% - 220px); top: calc(50% - 308px); }
    .modal--event.modal--event-post .modal__container .info-wrap { padding-top: 62px; }
    .modal--event.modal--event-post .modal__container .info-wrap:after{ content: ''; display: block; clear: both; width: 100%; height: 95px; position: absolute; right: 0; top: 0; background: url(/proxy/https/jammy.lge.co.kr/assets/common/img/event/img_modal_event_honey.png) no-repeat; background-size: 100% auto; background-position: top; }
    .modal--event.modal--event-post .img-wrap { margin-bottom: 25px; }
    .modal--event.modal--event-post .img-wrap img{ max-width: 168px; }
    .modal--event.modal--event-post .event-text{ margin-top: 30px; margin-bottom: 20px;}
}
@media (max-width:768px){
    .modal--event.modal--event-post .title-wrap { padding: 20px 0px; }
    .modal--event.modal--event-post .modal__container { box-sizing: border-box; width: calc(100vw - 56px); height: 542px; left: 28px; right:28px; top: calc(50vh - 262px); }
    .modal--event.modal--event-post .event-text{ margin-top: 18px; margin-bottom: 10px;}
    .modal--event.modal--event-post .modal__container .info-wrap { padding-top: 50px; }
    .modal--event.modal--event-post .img-wrap { margin-bottom: 15px; }
    .modal--event.modal--event-post .img-wrap img{ max-width: 150px; }
}
@media (max-width:290px){
    .modal--event.modal--event-post .event-text{ width: 100%; padding: 0 20px; box-sizing: border-box; }
    .modal--event.modal--event-post .evtButton-wrap { padding: 0 20px; box-sizing: border-box; width: 100%; }
    .modal--event .evtButton-wrap ul button{ width: 100%; min-width: 100%; }
}

/*
AUTH : ssooya
VERSION : version 2
*/
article.popup {
    z-index: 101;
    position: fixed;
    display: none;
}

article.popup.type-only-img .popup-wrapper {
    max-width: 440px;
    transform: translate(-50%, -50%);
    width: calc(100% - 56px);
}

article.popup article.popup-contents {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden;
}

article.popup article.popup-contents .popup-close-btn {
    background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/ic_close.png') no-repeat center/cover;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 18px;
    right: 19px;
    z-index: 100;
}

article.popup article.popup-contents .popup-close-btn.type-2 {
    background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/ic_close2.svg') no-repeat center/cover;
}

@media (max-width: 1024px) {
    article.popup article.popup-contents .popup-close-btn {
        width: 24px;
        height: 24px;
        top: 19px;
        right: 20px;
    }
}

article.popup article.popup-contents .popup-img-box {
    font-size: 0;
}

article.popup article.popup-contents .popup-img-box img {
    max-width: 100%;
}

article.popup article.popup-contents .popup-menu-box {
    display: flex;
    justify-content: center;
    padding: 20px 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

article.popup article.popup-contents .popup-menu-box .popup-menu-btn {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    width: 231px;
    height: 58px;
    border-radius: 10px;
    padding: 19px 0;
}

@media (max-width: 1024px) {
    article.popup article.popup-contents .popup-menu-box .popup-menu-btn {
        width: 219px;
        height: 51px;
        padding: 16px 0;
        font-size: 16px;
    }
}

article.popup.popup-msg .popup-wrapper {
    font-size: 0;
    width: 100%;
    max-width: 372px;
    background-color: inherit;
}

@media (max-width: 1024px) {
    article.popup.popup-msg .popup-wrapper {
        max-width: calc(100% - 76px);
    }
}

article.popup.popup-depth2 {
    z-index: 400;
}

article.popup.popup-depth2:after {
    z-index: 400;
}

article.popup.popup-depth2 .popup-wrapper {
    z-index: 401;
    padding: 0;
}

article.popup * {
    box-sizing: border-box;
}

article.popup:after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.4;
}

article.popup .popup-wrapper {
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    max-width: 550px;
    max-height: 380vh;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper {
        width: calc(100% - 40px);
        height: fit-content;
    }
}

article.popup .popup-wrapper .popup-msg-box {
    background-color: #fff;
    padding: 58px 20px 50px;
    text-align: center;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper .popup-msg-box {
        padding: 50px 15px 40px;
    }
}

article.popup .popup-wrapper .popup-msg-box .main-box {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1.1px;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper .popup-msg-box .main-box {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.8px;
    }
}

article.popup .popup-wrapper .popup-msg-box .sub-box {
    padding-top: 18px;
    color: #525357;
    font-size: 15px;
    letter-spacing: -0.6px;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper .popup-msg-box .sub-box {
        padding-top: 14px;
        font-size: 13px;
        line-height: 21px;
        letter-spacing: -0.65px;
    }
}

article.popup .popup-wrapper .popup-btn-box a.btn-box {
    background-color: #19191a;
    height: 58px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 19px 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #ffffff;
    width: 100%;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper .popup-btn-box a.btn-box {
        font-size: 15px;
        height: 50px;
    }
}

article.popup .popup-wrapper .popup-week-close {
    position: absolute;
    bottom: -30px;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 200;
}

article.popup .popup-wrapper .popup-week-close .week-close-btn {
    font-size: 14px;
    color: #fff;
}

article.popup .popup-wrapper.type-item2 {
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    max-width: 440px;
    background-color: transparent;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    max-height: 616vh;
    border-radius: 4px;
}

@media (max-width: 1024px) {
    article.popup .popup-wrapper.type-item2 {
        padding: 0 0 0;
        max-height: 300vh;
        border-radius: 0;
        width: calc(100% - 56px);
    }
}

article.popup .popup-msg-group {
    border-radius: 4px;
    overflow: hidden;
}

article.popup .popup-item1 {
    position: relative;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    padding: 45.2px 95px 41.13px;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 {
        padding: 40px 33px 26px;
    }
}

article.popup .popup-item1 a.close-btn {
    content: '';
    background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/ic_close.png') no-repeat center/cover;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 20px;
    right: 20px;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 a.close-btn {
        width: 24px;
        height: 24px;
        top: 18px;
        right: 18px;
    }
}

article.popup .popup-item1 .tit-box .top-box {
    font-size: 34px;
    letter-spacing: -0.05em;
    font-weight: 700;
    color: #000000;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .tit-box .top-box {
        line-height: 35px;
        font-size: 24px;
    }
}

article.popup .popup-item1 .tit-box .con-box {
    padding-top: 16px;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #000000;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .tit-box .con-box {
        padding-top: 6px;
        font-size: 15px;
    }
}

article.popup .popup-item1 .tbox {
    padding-top: 17px;
    display: flex;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .tbox {
        width: 100%;
        padding-top: 13px;
    }
}

article.popup .popup-item1 .tbox input {
    outline: none;
    border: 1px solid #000000;
    border-radius: 4px;
    width: 360px;
    height: 51px;
    padding: 0 10px;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .tbox input {
        width: 100%;
        height: 44px;
    }
}

article.popup .popup-item1 .msg-box {
    padding-top: 27px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: -0.05em;
    line-height: 19.2px;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .msg-box {
        padding-top: 11px;
        font-size: 14px;
    }
}

article.popup .popup-item1 .submit-btn-box {
    padding-top: 15px;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .submit-btn-box {
        padding-top: 18px;
    }
}

article.popup .popup-item1 .submit-btn-box a.btn-box {
    background-color: #000000;
    border-radius: 10px;
    width: 231px;
    height: 58px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 19px 0;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #ffffff;
}

@media (max-width: 1024px) {
    article.popup .popup-item1 .submit-btn-box a.btn-box {
        padding: 16px 0;
        font-size: 16px;
        width: 219px;
        height: 51px;
    }
}

article.popup .popup-item2 {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background-color: #e4e4e4;
    padding: 0 95px 41.13px;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 {
        padding: 0 33px 26px;
    }
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .inner {
        padding: 0;
    }
}

article.popup .popup-item2 .bg-box {
    left: 0;
    right: 0;
    top: 0;
    background: #e4e4e4 url('/proxy/https/jammy.lge.co.kr/assets/common/img/challenge/popup_img_bg.png') no-repeat top center;
    height: 225px;
    position: absolute;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .bg-box {
        background: #e4e4e4 url('/proxy/https/jammy.lge.co.kr/assets/common/img/challenge/popup_img_bg_mob.png') no-repeat top center/auto 100%;
        height: 209px;
    }
}

article.popup .popup-item2 a.close-btn {
    background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/ic_close.png') no-repeat center/cover;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 18px;
    right: 19px;
    z-index: 100;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 a.close-btn {
        width: 24px;
        height: 24px;
        top: 19px;
        right: 20px;
    }
}

article.popup .popup-item2 .wrap {
    z-index: 30;
    position: relative;
}

article.popup .popup-item2 .top-box {
    text-align: center;
    padding-top: 30px;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .top-box {
        padding-top: 25px;
    }
}

article.popup .popup-item2 .top-box .top-txt {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000000;
    border-radius: 80px;
    border: 3px solid #000000;
    background-color: #5dad68;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    width: 136px;
    height: 35px;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .top-box .top-txt {
        width: 129px;
        height: 32px;
        font-size: 15px;
        letter-spacing: -0.04em;
    }
}

article.popup .popup-item2 .tittle-img-box {
    text-align: center;
    padding-top: 145px;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .tittle-img-box {
        padding-top: 125px;
    }
}

article.popup .popup-item2 .tittle-img-box img {
    width: 167px;
    height: 151px;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .tittle-img-box img {
        width: 145px;
        height: 131px;
    }
}

article.popup .popup-item2 .con-box {
    padding-top: 26px;
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 23px;
    color: #000000;
    text-align: center;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .con-box {
        padding-top: 22px;
        font-size: 14px;
        letter-spacing: -0.05em;
        line-height: 20px;
    }
}

article.popup .popup-item2 .msg-box {
    padding-top: 18px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .msg-box {
        padding-top: 14px;
        font-size: 18px;
    }
}

article.popup .popup-item2 .submit-btn-box {
    padding-top: 30px;
    text-align: center;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .submit-btn-box {
        padding-top: 28px;
    }
}

article.popup .popup-item2 .submit-btn-box a.btn-box {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    width: 231px;
    height: 58px;
    border-radius: 10px;
    padding: 19px 0;
}

@media (max-width: 1024px) {
    article.popup .popup-item2 .submit-btn-box a.btn-box {
        width: 219px;
        height: 51px;
        padding: 16px 0;
        font-size: 16px;
    }
}

/* popup-slide > slick reset */
.popup-slide .slick-arrow {display: block;opacity: 1;visibility: visible;}
.popup-slide .slick-dots button {display: block;}

/* popup-slide */
.modal[data-element="popup"] {z-index: 9999999999;} /* for chatbot */
.popup-slide .wrapper-popup {width:100%;height:100%;position: relative;display: flex;align-items: center;justify-content: center;}
.popup-slide .inner-popup {margin-top: -20px;max-width:calc(100% - 28px - 28px);}

.popup-slide .popup-content {max-width: 440px;position: relative;}

.popup-slide .popup-content .popup-img {

    position: relative;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden;
    max-height: 616px;
    display: block;
}

@media screen and (max-width:768px){
    .popup-slide .popup-content .popup-img {
        max-height:100%;
    }
}



.popup-slide .popup-content .popup-img .slick-list {border-radius: 4px;overflow: hidden;}
.popup-slide .popup-content .popup-img .slick-track {display: flex;}
.popup-slide .popup-content .popup-img .slick-dots {display: none !important;}
.popup-slide .popup-content .popup-img .slick-dots {position: absolute;bottom:14px;left:50%;transform: translateX(-50%);width:100%;}
.popup-slide .popup-content .popup-img .slick-dots li {width:12px;height: 12px;box-sizing: border-box;}
.popup-slide .popup-content .popup-img .slick-dots li button {background-color: #000;opacity: 0.4;border:1px solid #fff;}
.popup-slide .popup-content .popup-img .slick-dots li.slick-active button {opacity: 1;}

.popup-slide .popup-content img, .popup-slide .popup-content a {display: block;}

@media screen and (max-width:768px){
    .popup-slide .popup-content img.pc_on{
        display: none!important;
    }
}


.popup-slide .popup-content img {width: auto;max-width: 100%;}
.popup-slide .popup-content .popup-close-btn {width:37px;height:37px;position: absolute;top:18px;right:19px;
    background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/ic_close2.svg') no-repeat center/100%;cursor: pointer;z-index: 100;}
.popup-slide .popup-content .popup-arrow-btn {position: absolute;top:50%;margin-top:-30px;width:60px;height:60px;
    cursor: pointer;background: url('/proxy/https/jammy.lge.co.kr/assets/common/img/common/icn_popup_arrow@2x.png') no-repeat center / 100%;z-index: 100;}
.popup-slide .popup-content .popup-arrow-btn.prev {left:-60px;}
.popup-slide .popup-content .popup-arrow-btn.next {right:-60px;transform: rotate(180deg);}

.popup-slide .popup-cookie-close {text-align: center;margin-top: 12px;}
.popup-slide .popup-cookie-close .cookie-close-btn {font-size: 16px;color:#fff;letter-spacing: -0.8px;line-height: 24px;cursor: pointer;}

@media (max-width:1024px) {
    .popup-slide .inner-popup {margin-top: 20px;}

    .popup-slide .popup-content .popup-img .slick-dots {bottom:10px;}
    .popup-slide .popup-content .popup-img .slick-dots li {margin-right:7px;}

    .popup-slide .popup-content .popup-close-btn {width:62px;height:62px;top:0;right:0;background-size: 24px;}
    .popup-slide .popup-content .popup-arrow-btn {width:44px;height:80px;margin-top:-40px;background-size: 36px;}
    .popup-slide .popup-content .popup-arrow-btn.prev {left:0px;}
    .popup-slide .popup-content .popup-arrow-btn.next {right:0px;}
}