/* 외부 몰 테마의 글로벌 .btnClose 룰 cascade 차단 (innerzen 등에서 box-shadow !important / border-radius 50% / background:#fff 적용되는 케이스 방지). 우리 테마 룰이 사용 중인 line-height/font-size/color/display/position 등은 건드리지 않음. !important 는 외부 룰을 덮기 위한 defensive 용도이며 의도된 사용. */
#mCafe24DirectToApp .btnClose { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; } /* NOSONAR: 외부 테마 cascade 차단용 defensive !important */
#mCafe24DirectToApp .btnClose::before, #mCafe24DirectToApp .btnClose::after { content: none !important; } /* NOSONAR: 외부 테마 pseudo 차단용 */
#mCafe24DirectToApp .btnClose img { opacity: 1 !important; } /* NOSONAR: 외부 테마 opacity 차단용 */
#mCafe24DirectToApp .dimmed { display:block; z-index:1100; background:#000; opacity:0.5; }
#mCafe24DirectToApp .layerButton { position:fixed; left:50%; top:50%; z-index:1110; width:280px; margin:-71px 0 0 -140px; }
#mCafe24DirectToApp .layerButton a { display:block; padding:11px 0 12px; border-radius:5px; font-size:28px; line-height:1.25; letter-spacing:-0.04em; text-align:center; box-shadow:0 1px rgba(0,0,0,.3); word-wrap: break-word;}
#mCafe24DirectToApp .layerButton .btnDirectToApp { margin:0 0 25px; text-shadow:1px 1px rgba(0,0,0,.1); }
#mCafe24DirectToApp .layerButton .btnDirectToApp img { margin:-1px 4px 0 0; }
#mCafe24DirectToApp .layerImage .boxImage { position: fixed; left: 0px; right: 0px; top: 35%; z-index: 1110; margin: auto;}
#mCafe24DirectToApp .layerImage .close {  text-align: right; position:absolute; top: -29px; right:4px; padding:10px;  }
#mCafe24DirectToApp .layerImage .btnDirectToApp { padding: 0px 15px; display:block;}
#mCafe24DirectToApp .layerAlert { position:fixed; left:50%; top:50%; z-index:1110; width:274px; border-radius:8px; letter-spacing:-0.04em; transform: translate(-50%, -50%); margin:-75px 0 0 -137px; background:#fff;  }
#mCafe24DirectToApp .layerAlert .message { padding:21px 12px; font-size:17px; line-height:21px; color:#000; word-wrap: break-word; white-space: pre-wrap; border-top-right-radius: 8px; border-top-left-radius: 8px; }
#mCafe24DirectToApp .layerAlert .btnBox { overflow:hidden; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#mCafe24DirectToApp .layerImage { position:fixed; left:50%; top:50%; z-index:1110; width:306px; margin:-153px 0 0 -153px; }
#mCafe24DirectToApp .layerAlert .btnBox { overflow:hidden; border-top:1px solid #c6c6c6; }
#mCafe24DirectToApp .layerAlert .btnBox a:first-child { border-left:0; }
#mCafe24DirectToApp .layerAlert .btnBox a { float:left; width:50%; height:44px; border-left:1px solid #c6c6c6; box-sizing:border-box; font-size:19px; line-height:44px; color:#2684c7; text-align:center; }
#mCafe24DirectToApp .layerAlert .btnDirectToApp { font-weight:bold; }
#mCafe24DirectToApp .closeRecommendRedirectToApp > img {
    width: 2vh !important;
    height: 2vh !important;
}
#mCafe24DirectToApp.newAlert .dimmed {opacity:0.4; }
#mCafe24DirectToApp.newAlert .layerBanner { position:fixed; left:50%; top:50%; z-index:1110; width:312px; padding:32px 24px 0; box-sizing:border-box; transform:translate(-50%, -50%); border-radius:8px; text-align:center; background:#fff; }
#mCafe24DirectToApp.newAlert .message { margin-bottom:24px; font-size:16px; line-height:22px; word-break:break-all; }
#mCafe24DirectToApp.newAlert .btnBox { display:flex; margin:0 -24px; border-radius:0 0 8px 8px; background:#1F1F1F; }
#mCafe24DirectToApp.newAlert .btnBox a { display:block; width:50%; height:56px; line-height:56px; color:#fff; font-size:16px; }
#mCafe24DirectToApp.newAlert .btnBox .close { border-right:1px solid #667084; color:#667084; }
#mCafe24DirectToApp.topTheme1 .dimmed { display:none; }
#mCafe24DirectToApp.topTheme1 .layerBanner { position:fixed; top:0; left:0; right:0; z-index:1110; display:flex; padding:16px 16px 16px 40px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.topTheme1 .logo { width:40px; height:40px; margin-right:16px; border-radius:4px; background:#F4F9FF; }
#mCafe24DirectToApp.topTheme1 .logo img { display:block; border-radius:4px; }
#mCafe24DirectToApp.topTheme1 .message { flex:1; font-size:12px; line-height:18px; letter-spacing:-0.05rem; word-break: break-all; }
#mCafe24DirectToApp.topTheme1 .btnInstall { display:inline-block; position:relative; height:24px; padding:4px 29px 4px 13px; margin-top:4px; margin-bottom:4px; border-radius:30px; font-weight:bold; font-size:12px; line-height:24px; }
#mCafe24DirectToApp.topTheme1 .btnInstall:after { content:""; position:absolute; top:50%; right:14px; width:9px; height:10px; margin-top:-5px; background:url('../../assets/images/ico_download1_499741eb7b.png'); background-size:auto 10px; }
#mCafe24DirectToApp.topTheme1 .btnClose { position:absolute; top:0; left:0; padding:28px 8px 28px 16px; }
#mCafe24DirectToApp.topTheme1 .btnClose img { display:block; }
#mCafe24DirectToApp.topTheme2 .dimmed { display:none; }
#mCafe24DirectToApp.topTheme2 .layerBanner { position:fixed; top:0; left:0; right:0; z-index:1110; display:flex; padding:16px 16px 16px 40px; align-items:center; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.topTheme2 .logo { width:24px; height:24px; margin-right:8px; border-radius:2px; background:#F4F9FF; }
#mCafe24DirectToApp.topTheme2 .logo img { display:block; border-radius:2px; }
#mCafe24DirectToApp.topTheme2 .message { flex:1; font-size:12px; line-height:18px; letter-spacing:-0.05rem; word-break: break-all; }
#mCafe24DirectToApp.topTheme2 .btnInstall { display:inline-block; position:relative; height:24px; padding:0 10px; margin-top:2px; margin-bottom:2px; border-radius:4px; font-weight:bold; font-size:10px; line-height:24px; font-family:Noto Sans KR, sans-serif; }
#mCafe24DirectToApp.topTheme2 .btnClose { position:absolute; top:0; left:0; width:40px; height:100%; padding:22px 8px 22px 16px; box-sizing:border-box; }
#mCafe24DirectToApp.topTheme2 .btnClose img { position:absolute; top:50%; left:16px; margin-top:-8px; }
#mCafe24DirectToApp.middleTheme1 .layerBanner { position:fixed; top:50%; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; margin-top:-128px; padding:32px 32px 31px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme1 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; }
#mCafe24DirectToApp.middleTheme1 .message { flex:1; padding-right:18px; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-1px; word-break: break-all; }
#mCafe24DirectToApp.middleTheme1 .logo { position:relative; width:80px; height:80px; margin-right:4px; border-radius:8px; background:#AEB4C6; }
#mCafe24DirectToApp.middleTheme1 .logo img { display:block; border-radius:8px; }
#mCafe24DirectToApp.middleTheme1 .logo:after { content:""; position:absolute; bottom:-4px; right:-8px; width:24px; height:24px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:24px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme1 .btnInstall { display:block; width:100%; max-width:296px; margin:24px auto 23px; padding:13px; box-sizing:border-box; border-radius:8px; font-weight:bold; font-size:16px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.middleTheme1 .btnClose { display:flex; align-items:center; justify-content:center; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.middleTheme1 .btnClose img { margin-right:8px; }
#mCafe24DirectToApp.middleTheme2 .layerBanner { position:fixed; top:50%; left:30px; right:30px; z-index:1110; margin-top:-128px; padding:42px 32px 32px; border-radius:8px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme2 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; padding:0 5px; }
#mCafe24DirectToApp.middleTheme2 .message { flex:1; padding-right:16px; font-size:16px; font-weight:bold; line-height:23px; letter-spacing:-1px; word-break: break-all; }
#mCafe24DirectToApp.middleTheme2 .logo { position:relative; width:50px; height:50px; border-radius:4px; background:#AEB4C6; }
#mCafe24DirectToApp.middleTheme2 .logo img { display:block; border-radius:4px; }
#mCafe24DirectToApp.middleTheme2 .logo:after { content:""; position:absolute; bottom:-15px; right:-5px; width:20px; height:20px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:20px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme2 .btnInstall { display:block; width:100%; max-width:236px; margin:26px auto 0; padding:8px; box-sizing:border-box; border-radius:30px; font-weight:bold; font-size:14px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.middleTheme2 .btnClose { position:absolute; top:-26px; right:0; display:flex; align-items:center; justify-content:flex-end; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:24px; text-align:right; }
#mCafe24DirectToApp.middleTheme2 .btnClose img { margin-left:8px; }
#mCafe24DirectToApp.middleTheme3 .layerBanner { position:fixed; top:50%; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; margin-top:-128px; padding:32px 32px 31px; border-radius:20px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme3 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; }
#mCafe24DirectToApp.middleTheme3 .message { flex:1; padding-right:18px; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-1px; word-break: break-all; }
#mCafe24DirectToApp.middleTheme3 .logo { position:relative; width:80px; height:80px; margin-right:4px; border-radius:8px; background:#AEB4C6; }
#mCafe24DirectToApp.middleTheme3 .logo img { display:block; border-radius:8px; }
#mCafe24DirectToApp.middleTheme3 .logo:after { content:""; position:absolute; bottom:-4px; right:-8px; width:24px; height:24px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:24px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.middleTheme3 .btnInstall { display:block; width:100%; max-width:296px; margin:24px auto 23px; padding:13px; box-sizing:border-box; border-radius:30px; font-weight:bold; font-size:16px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.middleTheme3 .btnClose { display:flex; align-items:center; justify-content:center; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.middleTheme3 .btnClose img { margin-right:8px; }
#mCafe24DirectToApp.bottomTheme1 .layerBanner { position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; padding:32px 32px 31px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme1 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; }
#mCafe24DirectToApp.bottomTheme1 .message { flex:1; padding-right:18px; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-1px;  word-break: break-all; }
#mCafe24DirectToApp.bottomTheme1 .logo { position:relative; width:80px; height:80px; margin-right:4px; border-radius:8px; background:#AEB4C6; }
#mCafe24DirectToApp.bottomTheme1 .logo img { display:block; border-radius:8px; }
#mCafe24DirectToApp.bottomTheme1 .logo:after { content:""; position:absolute; bottom:-4px; right:-8px; width:24px; height:24px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:24px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme1 .btnInstall { display:block; width:100%; max-width:296px; margin:24px auto 23px; padding:13px; box-sizing:border-box; border-radius:8px; font-weight:bold; font-size:16px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.bottomTheme1 .btnClose { display:flex; align-items:center; justify-content:center; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.bottomTheme1 .btnClose img { margin-right:8px; }
#mCafe24DirectToApp.bottomTheme2 .layerBanner { position:fixed; bottom:0; left:30px; right:30px; z-index:1110;padding:42px 32px 32px; border-radius:8px 8px 0 0; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme2 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; padding:0 5px; }
#mCafe24DirectToApp.bottomTheme2 .message { flex:1; padding-right:16px; font-size:16px; font-weight:bold; line-height:23px; letter-spacing:-1px; word-break: break-all; }
#mCafe24DirectToApp.bottomTheme2 .logo { position:relative; width:50px; height:50px; border-radius:4px; background:#AEB4C6; }
#mCafe24DirectToApp.bottomTheme2 .logo img { display:block; border-radius:4px; }
#mCafe24DirectToApp.bottomTheme2 .logo:after { content:""; position:absolute; bottom:-15px; right:-5px; width:20px; height:20px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:20px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme2 .btnInstall { display:block; width:100%; max-width:236px; margin:26px auto 0; padding:8px; box-sizing:border-box; border-radius:30px; font-weight:bold; font-size:14px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.bottomTheme2 .btnClose { position:absolute; top:-26px; right:0; display:flex; align-items:center; justify-content:flex-end; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:24px; text-align:right; }
#mCafe24DirectToApp.bottomTheme2 .btnClose img { margin-left:8px; }
#mCafe24DirectToApp.bottomTheme3 .layerBanner { position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; padding:32px 32px 31px; border-radius:20px 20px 0 0; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme3 .installBenefit { display:flex; align-items:center; max-width:296px; margin:0 auto; }
#mCafe24DirectToApp.bottomTheme3 .message { flex:1; padding-right:18px; font-size:18px; font-weight:bold; line-height:26px; letter-spacing:-1px; word-break: break-all; }
#mCafe24DirectToApp.bottomTheme3 .logo { position:relative; width:80px; height:80px; margin-right:4px; border-radius:8px; background:#AEB4C6; }
#mCafe24DirectToApp.bottomTheme3 .logo img { display:block; border-radius:8px; }
#mCafe24DirectToApp.bottomTheme3 .logo:after { content:""; position:absolute; bottom:-4px; right:-8px; width:24px; height:24px; background:url('../../assets/images/ico_download2_b953e177a0.png'); background-size:24px auto; border-radius:100%; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.bottomTheme3 .btnInstall { display:block; width:100%; max-width:296px; margin:24px auto 23px; padding:13px; box-sizing:border-box; border-radius:30px; font-weight:bold; font-size:16px; line-height:24px; text-align:center; }
#mCafe24DirectToApp.bottomTheme3 .btnClose { display:flex; align-items:center; justify-content:center; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.bottomTheme3 .btnClose img { margin-right:8px; }
#mCafe24DirectToApp.topImage1 { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1100; }
#mCafe24DirectToApp.topImage1 .layerBanner { position:relative; z-index:1110; }
#mCafe24DirectToApp.topImage1 .img { display:block; width:100%; }
#mCafe24DirectToApp.topImage1 .btnClose { position:absolute; top:0; left:0; width:12%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.topImage1 .btnInstall { position:absolute; top:0; right:0; width:80%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.topImage2 { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1100; }
#mCafe24DirectToApp.topImage2 .layerBanner { position:relative; z-index:1110; }
#mCafe24DirectToApp.topImage2 .img { display:block; width:100%; }
#mCafe24DirectToApp.topImage2 .btnClose { position:absolute; top:0; left:0; width:12%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.topImage2 .btnInstall { position:absolute; top:0; right:0; width:80%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.middleImage1 .layerBanner { position:fixed; z-index:1110; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
#mCafe24DirectToApp.middleImage1 .img { display:block; width:100%; }
#mCafe24DirectToApp.middleImage1 .btnInstall { position:absolute; top:0; left:0; width:100%; height:73.7%; text-indent:-9999px; }
#mCafe24DirectToApp.middleImage1 .btnClose { position:absolute; bottom:0; left:0; width:100%; height:27.3%; text-indent:-9999px; }
#mCafe24DirectToApp.middleImage2 .layerBanner { position:fixed; z-index:1110; top:50%; left:30px; right:30px; transform:translate(0, -50%); }
#mCafe24DirectToApp.middleImage2 .img { display:block; width:100%; }
#mCafe24DirectToApp.middleImage2 .btnInstall { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.middleImage2 .btnClose { position:absolute; top:-26px; right:0; display:flex; align-items:center; justify-content:flex-end; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:24px; color:#fff; text-align:right; }
#mCafe24DirectToApp.middleImage2 .btnClose img { margin-left:8px; }
#mCafe24DirectToApp.middleImage3 .layerBanner { position:fixed; z-index:1110; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }
#mCafe24DirectToApp.middleImage3 .img { display:block; width:100%; }
#mCafe24DirectToApp.middleImage3 .btnInstall { position:absolute; top:0; left:0; width:100%; height:73.7%; text-indent:-9999px; }
#mCafe24DirectToApp.middleImage3 .btnClose { position:absolute; bottom:0; left:0; width:100%; height:27.3%; text-indent:-9999px; }
#mCafe24DirectToApp.bottomImage1 .layerBanner { position:fixed; z-index:1110; bottom:0; left:0; width:100%; }
#mCafe24DirectToApp.bottomImage1 .img { display:block; width:100%; }
#mCafe24DirectToApp.bottomImage1 .btnInstall { position:absolute; top:0; left:0; width:100%; height:73.7%; text-indent:-9999px; }
#mCafe24DirectToApp.bottomImage1 .btnClose { position:absolute; bottom:0; left:0; width:100%; height:27.3%; text-indent:-9999px; }
#mCafe24DirectToApp.bottomImage2 .layerBanner { position:fixed; z-index:1110; bottom:0; left:30px; right:30px; }
#mCafe24DirectToApp.bottomImage2 .img { display:block; width:100%; }
#mCafe24DirectToApp.bottomImage2 .btnInstall { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }
#mCafe24DirectToApp.bottomImage2 .btnClose { position:absolute; top:-26px; right:0; display:flex; align-items:center; justify-content:flex-end; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:14px; line-height:24px; color:#fff; text-align:right; }
#mCafe24DirectToApp.bottomImage2 .btnClose img { margin-left:8px; }
#mCafe24DirectToApp.bottomImage3 .layerBanner { position:fixed; z-index:1110; bottom:0; left:0; width:100%; }
#mCafe24DirectToApp.bottomImage3 .img { display:block; width:100%; }
#mCafe24DirectToApp.bottomImage3 .btnInstall { position:absolute; top:0; left:0; width:100%; height:73.7%; text-indent:-9999px; }
#mCafe24DirectToApp.bottomImage3 .btnClose { position:absolute; bottom:0; left:0; width:100%; height:27.3%; text-indent:-9999px; }

/* 신규추가 */
#mCafe24DirectToApp.newButtonTheme1 .dimmed { opacity:0.6; }
#mCafe24DirectToApp.newButtonTheme1 .layerButton { width:272px; margin:-51px 0 0 -136px; }
#mCafe24DirectToApp.newButtonTheme1 .layerButton a { padding:16px 0; margin:0; font-weight: 500; line-height: 14px; letter-spacing: -0.5px; }
#mCafe24DirectToApp.newButtonTheme1 .layerButton .btnDirectToApp { margin-bottom:10px;}

#mCafe24DirectToApp.newButtonTheme2 .dimmed { opacity:0.8; }
#mCafe24DirectToApp.newButtonTheme2 .layerButton { width:272px; margin:-83.1px 0 0 -136px;}
#mCafe24DirectToApp.newButtonTheme2 .layerButton .btnDirectToApp { padding:25px 0; margin:0 0 20px 0; font-weight: 500; line-height: 14px; letter-spacing: -0.5px; }
#mCafe24DirectToApp.newButtonTheme2 .layerButton .btnClose { margin:0; padding:0; box-shadow: none; line-height:14px;}
#mCafe24DirectToApp.newButtonTheme2 .layerButton .btnClose img { margin-top:-2px;}
#mCafe24DirectToApp.newButtonTheme2 .layerButton .exceptArea { text-align: center;}
#mCafe24DirectToApp.newButtonTheme2 .layerButton .exceptArea > h1 { font-size:25px; color:#fff; font-weight: 500; margin-bottom: 17px; }
#mCafe24DirectToApp.newButtonTheme2 .layerButton .exceptArea > h1 + p { font-size:12px; color:#fff; font-weight: 400; margin-bottom:20px; }

#mCafe24DirectToApp.newButtonTheme3 .dimmed { opacity:0.8; }
#mCafe24DirectToApp.newButtonTheme3 .layerButton { width:272px; margin:-144.75px 0 0 -136px; }
#mCafe24DirectToApp.newButtonTheme3 .layerButton .btnDirectToApp { padding:25px 0; margin:0 0 20px 0; font-weight: 500; line-height: 14px; letter-spacing: -0.5px; }
#mCafe24DirectToApp.newButtonTheme3 .layerButton .btnClose { margin:0; padding:0; box-shadow: none; line-height:14px;}
#mCafe24DirectToApp.newButtonTheme3 .layerButton .btnClose img { margin-top:-2px;}
#mCafe24DirectToApp.newButtonTheme3 .layerButton .exceptArea { width: inherit; height: 191.5px; position: relative; }
#mCafe24DirectToApp.newButtonTheme3 .layerButton .exceptArea img { width: 194px; position: absolute; top:5px; left: 49px;}

#mCafe24DirectToApp.newImageTopTheme1 .dimmed { display:none; }
#mCafe24DirectToApp.newImageTopTheme1 .layerBanner { display:flex; padding:12.5px 15px 12.5px 46px; min-width:320px; box-sizing: border-box; position:fixed; align-items: center; top:0; left:0; right:0; z-index:1110; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newImageTopTheme1 .logo { width:30px; height:30px; margin-right:10px; background:#D9D9D9; }
#mCafe24DirectToApp.newImageTopTheme1 .logo img { display:block; }
#mCafe24DirectToApp.newImageTopTheme1 .message { flex:1; font-size:12px; font-weight:500; line-height:18px; letter-spacing:-0.05rem; word-break: break-all; }
#mCafe24DirectToApp.newImageTopTheme1 .btnInstall { display: block; box-sizing: border-box; height:25px; font-size:10px; font-weight:500; line-height:14px; letter-spacing: -0.25px; padding:5.5px 14px 5.5px 14.5px; border-radius:40px; }
#mCafe24DirectToApp.newImageTopTheme1 .btnClose { position:absolute; top:0; left:0; padding:20px 15px 20px 15px; }
#mCafe24DirectToApp.newImageTopTheme1 .btnClose img { display:block; }

#mCafe24DirectToApp.newImageTopTheme4 .dimmed { display:none; }
#mCafe24DirectToApp.newImageTopTheme4 .layerBanner {display:flex; padding:12.5px 15px 12.5px 46px; min-width:320px; box-sizing: border-box; position:fixed; align-items: center; top:0; left:0; right:0; z-index:1110; background-image: url('../../assets/images/img_top_banner_bg_bf8009065f.png'); background-size:320px 71px; background-position:center; background-repeat: no-repeat; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newImageTopTheme4 .logo { width:30px; height:30px; margin-right:10px; background:#D9D9D9; }
#mCafe24DirectToApp.newImageTopTheme4 .logo img { display:block; }
#mCafe24DirectToApp.newImageTopTheme4 .message { flex:1; font-size:12px; line-height:18px; letter-spacing:-0.05rem; word-break: break-all; }
#mCafe24DirectToApp.newImageTopTheme4 .btnInstall { display: block; box-sizing: border-box; height:25px; font-size:10px; font-weight:500; line-height:14px; letter-spacing: -0.25px; padding:5.5px 14px 5.5px 14.5px; border-radius:40px; }
#mCafe24DirectToApp.newImageTopTheme4 .btnClose { position:absolute; top:0; left:0; padding:20px 15px 20px 15px; }
#mCafe24DirectToApp.newImageTopTheme4 .btnClose img { display:block; }

#mCafe24DirectToApp.newImageTheme1 .layerBanner { min-width:320px; position:fixed; top:50%; left:0; right:0; width:100%; text-align: center; box-sizing:border-box; z-index:1110; margin-top:-160px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newImageTheme1 .bannerWrap { margin:7px; padding:69px 17px 43px 17px; border:2px solid #000; box-sizing: border-box; }
#mCafe24DirectToApp.newImageTheme1 .installBenefit { display:flex; align-items:end; justify-content: center; max-width:296px; margin:0 auto; }
#mCafe24DirectToApp.newImageTheme1 .content { text-align: left;  }
#mCafe24DirectToApp.newImageTheme1 .exceptArea { margin-bottom: 2.5px; font-size:12px; line-height:14px; font-weight: 500; color: #616161; }
#mCafe24DirectToApp.newImageTheme1 .message {  font-size: 25px; line-height: 35px; font-weight: 700; letter-spacing: -0.5px; word-break: break-all; }
#mCafe24DirectToApp.newImageTheme1 .logo { position:relative; width:71px; height:71px; margin-right:12px; background:#D9D9D9; }
#mCafe24DirectToApp.newImageTheme1 .logo img { display:block; }
#mCafe24DirectToApp.newImageTheme1 .btnInstall { display:inline-block; width:272px; margin:21.5px 0 22.5px; padding:15.5px 0 16px; box-sizing:border-box; border-radius:30px; font-weight:bold; font-size:17px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newImageTheme1 .btnClose { display:flex; align-items:center; justify-content:center; width:100%; max-width:296px; margin:0 auto; box-sizing:border-box; font-size:12px; line-height:14px; letter-spacing: -0.25; text-align:center; }
#mCafe24DirectToApp.newImageTheme1 .btnClose img { margin-left:4px;margin-top:-2px; }

#mCafe24DirectToApp.newImageTheme2 .layerBanner { display: block; flex-direction: column; align-items:center; min-width:320px; position:fixed; top:50%; left:0; right:0; width:100%;padding:41px 23px 15.5px 23px; text-align: center; box-sizing:border-box; z-index:1110; margin-top:-159px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newImageTheme2 .installBenefit { position:relative; width:272px; height:108px; margin:0 auto 10px; background:url('../../assets/images/img_middle_banner_bg_95a1c1b4e8.png') center no-repeat; background-size: contain; }
#mCafe24DirectToApp.newImageTheme2 .logo { position:absolute; top:18.5px; left:18.5px; width:71px; height:71px; }
#mCafe24DirectToApp.newImageTheme2 .logo img { display:block; }
#mCafe24DirectToApp.newImageTheme2 .message {  font-size: 30px; line-height: 40px; font-weight: 500; letter-spacing: -0.5px; word-break: break-all; }
#mCafe24DirectToApp.newImageTheme2 .btnInstall { display:inline-block; width:272px; margin:18px 0 0; padding:16px 0 15.5px; box-sizing:border-box; border-radius:30px; font-weight:500; font-size:17px; line-height:14px; text-align:center; letter-spacing: -0.25px; }
#mCafe24DirectToApp.newImageTheme2 .btnClose { position:absolute; top:10px; right: 8px; display:flex; align-items:center; justify-content:center; font-size:10px; line-height:14px;  }
#mCafe24DirectToApp.newImageTheme2 .btnClose img { margin-left:4px;margin-top:-2px; }

#mCafe24DirectToApp.newImageTheme3 .layerBanner { display: block; min-width:320px; position:fixed; top:50%; left:0; right:0; width:100%;padding:0 23px 22px 23px; text-align: center; box-sizing:border-box; z-index:1110; margin-top:-159px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newImageTheme3 .exceptArea { margin-bottom: 20.5px;padding-left:33.5px; }
#mCafe24DirectToApp.newImageTheme3 .message {  font-size: 20px; line-height: 25px; font-weight: 300; letter-spacing: -0.25px; word-break: break-all; }
#mCafe24DirectToApp.newImageTheme3 .btnInstall { display:inline-block; width:221px; margin:20px 0 21px; padding:11px 10px 11.5px; box-sizing:border-box; border-radius:40px; font-weight:bold; font-size:14px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newImageTheme3 .btnClose { display:flex; align-items:center; justify-content:center; font-size:10px; line-height:14px;  }
#mCafe24DirectToApp.newImageTheme3 .btnClose img { margin-left:4px;margin-top:-2px; }

#mCafe24DirectToApp.newAlertTheme1 .layerBanner { min-width: 320px; position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; padding:55px 35px 35px 35px; border-radius:20px 20px 0 0; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); background-image: url('../../assets/images/img_alert_theme_bg2_4a7fbeff79.png'); background-size: 320px; background-position: center 23px; background-repeat: no-repeat; }
#mCafe24DirectToApp.newAlertTheme1 .exceptArea { margin-bottom:12px; font-size:25px; color:#fff; line-height:14px; font-weight:500; text-align: center; letter-spacing: -0.25px; }
#mCafe24DirectToApp.newAlertTheme1 .message { font-size:13px; font-weight:400; line-height: 23px; text-align: center; letter-spacing: -0.25px; word-break: break-all; }
#mCafe24DirectToApp.newAlertTheme1 .btnInstall { display:block; width:100%; max-width:250px; margin:24px auto 0; padding:11.5px; box-sizing:border-box; border-radius:25px; font-weight:bold; font-size:12px; line-height:17px; letter-spacing: -0.25px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme1 .btnClose { position: absolute; top:-26px; right:18px; display:flex; align-items:center; justify-content:center; margin:0 auto; box-sizing:border-box; font-size:12px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme1 .btnClose img { margin-left:4px; margin-top:-2px; }

#mCafe24DirectToApp.newAlertTheme2 .layerBanner { min-width: 320px; position:fixed; bottom:35px; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; padding:54px 35px 45px 35px; border-radius:15px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newAlertTheme2 .exceptArea { margin-bottom:17px; font-size:25px; color:#fff; line-height:14px; font-weight:500; text-align: center; letter-spacing: -0.25px; }
#mCafe24DirectToApp.newAlertTheme2 .message { font-size:12px; font-weight:400; line-height: 14px; text-align: center; letter-spacing: -0.25px; word-break: break-all; }
#mCafe24DirectToApp.newAlertTheme2 .btnInstall { display:block; width:100%; max-width:250px; margin:26px auto; padding:11.5px; box-sizing:border-box; border-radius:25px; font-weight:bold; font-size:14px; line-height:17px; letter-spacing: -0.25px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme2 .btnClose { display:flex; align-items:center; justify-content:center; margin:0 auto; box-sizing:border-box; font-size:12px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme2 .btnClose img { margin-left:4px; margin-top:-2px; }

#mCafe24DirectToApp.newAlertTheme3 .layerBanner { min-width: 320px; position:fixed; bottom:76px; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; padding:39px 15px 21.5px; border-radius:5px; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newAlertTheme3 .exceptArea { display: flex; justify-content: center; margin-bottom:4px; font-size:19px; color:#000; line-height:24px; font-weight:500; text-align: center; letter-spacing: -0.25px; }
#mCafe24DirectToApp.newAlertTheme3 .message { font-size:19px; font-weight:400; line-height: 24px; text-align: center; letter-spacing: -0.25px; word-break: break-all; }
#mCafe24DirectToApp.newAlertTheme3 .btnInstall { display:block; width:100%; max-width: 270px; margin:29px auto 0; padding:11.5px; box-sizing:border-box; border-radius:5px; font-weight:500; font-size:12px; line-height:17px; letter-spacing: -0.25px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme3 .btnClose { position:absolute; bottom:-31px;left:0; width: 100%; display:flex; align-items:center; justify-content:center; margin:0 auto; box-sizing:border-box; font-size:12px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme3 .btnClose img { margin-left:4px; margin-top:-2px; }

#mCafe24DirectToApp.newAlertTheme4 .layerBanner { min-width:320px; position:fixed; bottom:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:1110; border-radius:5px 5px 0 0; box-shadow:0px 10px 10px rgba(0, 0, 0, 0.1); }
#mCafe24DirectToApp.newAlertTheme4 .installBenefit { padding:16px 0; text-align: center; background-color: #F7F7F7;border-radius:5px 5px 0 0; }
#mCafe24DirectToApp.newAlertTheme4 .content { width: 320px; margin: 0 auto; padding:15px 20px 20px; box-sizing: border-box;}
#mCafe24DirectToApp.newAlertTheme4 .exceptArea { margin-bottom:6px; font-size:13px; color:#6B6B6B; line-height:14px; font-weight:500; text-align: left; letter-spacing: -0.25px; }
#mCafe24DirectToApp.newAlertTheme4 .exceptArea img { margin-right:3px; }
#mCafe24DirectToApp.newAlertTheme4 .message { font-size:13px; font-weight:400; line-height: 17px; text-align: left; letter-spacing: -0.25px; word-break: break-all; }
#mCafe24DirectToApp.newAlertTheme4 .btnInstall { display:block; width:100%; max-width: 280px; margin:15px auto 0; padding:12.5px; box-sizing:border-box; border-radius:5px; font-weight:400; font-size:14px; line-height:17px; letter-spacing: -0.25px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme4 .btnClose { position: absolute; top:-26px; right:18px; display:flex; align-items:center; justify-content:center; margin:0 auto; box-sizing:border-box; font-size:12px; line-height:14px; text-align:center; }
#mCafe24DirectToApp.newAlertTheme4 .btnClose img { margin-left:4px; margin-top:-2px; }

/*reset*/ 
#mCafe24DirectToApp .logo img { max-width: none; }