@font-face {
    font-family: "NotoSansM";
    src: url('NotoSansKR-Medium.woff') format("woff");
}



/*
    *** QR코드보기 버튼
*/
.btnQrPopup {
    position: absolute;
    bottom: 20px;
    right: 1060px; /* 20px이였는데 math_h와 똑같이 맞춤 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999em;
    background-color: #57bb14;
    padding: 0 16px;
    padding-left: 55px;
    height: 48px;
    letter-spacing: -1px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 3px 5px 10px 2px rgba(0, 0, 0, .2);
    z-index:100;
    pointer-events: auto;
    cursor:pointer;
    background-image:url("images/ic-web-link.svg");
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 15px center;
}
.btnQrPopup:after {content: "QR코드 보기"; color: #fff; font-weight: bold; font-size: 24px; line-height: 1; font-family: NotoSansM;}



/*
    *** QR팝업
*/
.qrPopup {
    display:none;
    position: absolute;
    width:500px;
    font-family: NotoSansM;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 20px 24px 32px;
    border:0;
    margin:0;
    box-sizing: border-box;
    background-color: #fff;
    z-index:100;
}
.qrPopup * {margin:0; border:0; padding:0; user-select: none; -webkit-user-drag: none;}
.qrPopup.on {display:block;}
.popupTitle { font-size: 40px; font-weight: bold; color: #5b3c17; font-family: NotoSansM; display: flex; align-items: center; line-height: 1;}
.qrImg {width: 300px; margin: 12px auto 20px;}
.qrImg img {width:100%;}
.popupMsg {font-size: 24px; color: #000; text-align: center;}


.btnClosePopup {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border-radius: 0 0 0 15px;
    background: #a5826c url(images/btn_close_white.svg) center / 12px no-repeat;
    cursor: pointer;
    z-index: 10;
    pointer-events: auto;
}
.btnClosePopup:hover {background-color:#f60}




/*
    *** 닫기버튼 감추기
*/
header .close {display:none;}




/*
    *** 요소
*/

.scaleVirtualArea {position:absolute; top:0; left:0; z-index:100; width:1280px; height:720px; transform-origin: top left; pointer-events: none;}

.scaleVirtualArea .closeBtnBlock {display:none; position:absolute; top:4px; right:37px; width:50px; height:50px; border-radius:50%; pointer-events: auto; background-color:#4fa7ff;}
.scaleVirtualArea .qrPopup {pointer-events: auto;}