.modal{position:fixed;top:0;left:0;z-index:1000;outline:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#000000d9;pointer-events:none;opacity:0;transition:opacity .3s linear}.modal.visible{opacity:1}.modal .modal-dialog{pointer-events:none;margin-top:calc((100vh - 630px)/2);transition:transform .3s ease-out;transform:translateY(calc((-100vh - 630px)/2));display:flex;justify-content:center}@media screen and (max-width: 990px){.modal .modal-dialog{padding:0 20px;margin-top:calc((100vh - 680px)/2);transform:translateY(calc((-100vh - 660px)/2))}}.modal .modal-dialog .modal-content{width:72%;height:520px;border-radius:20px;overflow:hidden;background-color:#fff;pointer-events:auto;outline:none}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content{height:auto;position:relative}}@media screen and (max-width: 765px){.modal .modal-dialog .modal-content{width:100%}}.modal .modal-dialog .modal-content .modal-body{display:flex;align-items:stretch;justify-content:space-between;height:100%}@media screen and (max-width: 765px){.modal .modal-dialog .modal-content .modal-body{flex-direction:column}}.modal .modal-dialog .modal-content .modal-body .promotional-description{width:50%;height:100%;padding:64px 40px;box-sizing:border-box;color:#fff;position:relative;z-index:1}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content .modal-body .promotional-description{padding:32px 20px}}@media screen and (max-width: 765px){.modal .modal-dialog .modal-content .modal-body .promotional-description{width:100%}}.modal .modal-dialog .modal-content .modal-body .promotional-description:after{content:"";position:absolute;top:0;right:0;background-image:url(/images/detail/popup.png);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;z-index:-1}.modal .modal-dialog .modal-content .modal-body .promotional-description h3{font-size:40px;margin-bottom:16px;line-height:50px;padding:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:600}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content .modal-body .promotional-description h3{font-size:28px;line-height:30px}}@media screen and (max-width: 576px){.modal .modal-dialog .modal-content .modal-body .promotional-description h3{font-size:25px}}.modal .modal-dialog .modal-content .modal-body .promotional-description .review{margin-bottom:12px}.modal .modal-dialog .modal-content .modal-body .promotional-description .review .value{font-size:20px;font-weight:700;color:#fff}@media screen and (max-width: 576px){.modal .modal-dialog .modal-content .modal-body .promotional-description .review{justify-content:flex-start}.modal .modal-dialog .modal-content .modal-body .promotional-description .review .text{font-size:18px}}.modal .modal-dialog .modal-content .modal-body .promotional-description .desc{font-size:22px;margin-bottom:30px;line-height:28px}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content .modal-body .promotional-description .desc{font-size:18px;margin-bottom:0;line-height:20px}}@media screen and (max-width: 576px){.modal .modal-dialog .modal-content .modal-body .promotional-description .desc{font-size:16px}}.modal .modal-dialog .modal-content .modal-body .promotional-description .logo{width:100%;display:flex;justify-content:center;margin-bottom:48px}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content .modal-body .promotional-description .logo{margin-bottom:15px}}.modal .modal-dialog .modal-content .modal-body .promotional-description .logo a{display:block;width:-moz-fit-content;width:fit-content}.modal .modal-dialog .modal-content .modal-body .promotional-description .logo a img{min-height:50px;max-height:100px;max-width:128px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 576px){.modal .modal-dialog .modal-content .modal-body .promotional-description .logo a img{max-height:70px;min-height:38px}}.modal .modal-dialog .modal-content .modal-body .promotional-poster{width:50%;height:100%;position:relative;padding:64px 40px;box-sizing:border-box}@media screen and (max-width: 990px){.modal .modal-dialog .modal-content .modal-body .promotional-poster{padding:32px 20px}}@media screen and (max-width: 765px){.modal .modal-dialog .modal-content .modal-body .promotional-poster{width:100%}}.modal .modal-dialog .modal-content .modal-body .promotional-poster .close{position:absolute;top:20px;right:20px;width:28px;height:28px;cursor:pointer}.modal .modal-dialog .modal-content .modal-body .promotional-poster .close img{width:28px;height:28px;border-radius:100%;-o-object-fit:contain;object-fit:contain}.modal .modal-dialog .modal-content .modal-body .promotional-poster .close img:hover{opacity:.75}.modal .modal-dialog .modal-content .modal-body .promotional-poster .poster-image{margin-bottom:24px;height:auto;display:block;text-align:center}.modal .modal-dialog .modal-content .modal-body .promotional-poster .poster-image img{max-width:100%;max-height:318px;border-radius:10px;cursor:pointer}@media screen and (max-width: 576px){.modal .modal-dialog .modal-content .modal-body .promotional-poster .poster-image img{width:100%;max-height:260px;-o-object-fit:contain;object-fit:contain;border-radius:unset}}.modal .modal-dialog .modal-content .modal-body .promotional-poster .go-to-button{font-size:20px;height:25px;padding:16px 20px;background-color:#f70;color:#fff;border-radius:30px;border:none;transition:all linear .2s;text-align:center;cursor:pointer;pointer-events:auto;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal .modal-dialog .modal-content .modal-body .promotional-poster .go-to-button:hover{background-color:#e6a51c}