@charset "utf-8";

/* popup 231220 */
#pop12 { border:none !important; left:50% !important; transform:translateX(-50%); }
#pop12 .pop-content { height:690px !important; }
.popup-box231220 { width:610px; height:100%; padding:6px 5px 7px 5px; background: linear-gradient(167deg, #F3B456 -2.7%, #FFE1B5 94.67%);}
.popup-box231220 * { box-sizing:border-box; font-family:Pretendard; word-break:keep-all }
.popup-box231220 .box { text-align:center; height:100%; background:url(/img/popup/popup231220_bg.jpg) center center / cover; }
.popup-box231220 .top-box { padding-top:49px; }
.popup-box231220 .bottom-box { padding-top:40px; color:#fff; font-size:14px; font-weight:600; line-height:1.3 }
.popup-box231220 .bottom-box img { vertical-align:middle; margin-left:15px; }
.popup-box231220 .scroll-box { margin-top:56px; padding:0 59px; width:100% }
.popup-box231220 .scroll-box .txtbox { position:relative; height:287px; overflow:auto; width:100% }
.popup-box231220 .scroll-box .txtbox:before {content:""; display:block; border-radius:3px; background:#fff; opacity:0.3; position:absolute; right:0; top:0; width:3px; height:100%; }
.popup-box231220 .scroll-box .txtbox::-webkit-scrollbar { display:none; }
.popup-box231220 .scroll-box .txtbox { padding:4px 15px; }
.popup-box231220 .scroll-box .txtbox .txt-1 { color:#fff; font-size:17px; font-weight:500; line-height:1.6; letter-spacing:-0.02em }
.popup-box231220 .scroll-box .txtbox .txt-1 span{ color:#ffd698; font-weight:600; }
.popup-box231220 .scroll-box .txtbox .txt-2 { margin-top:25px; color:#d4d4d4; font-size:15px; font-weight:500; line-height:1.6; letter-spacing:-0.02em }

.popup-box231220 .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.popup-box231220 .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:3px; }
.popup-box231220 .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#fff; width:3px; border-radius:3px; opacity:0.5 }
.popup-box231220 .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.popup-box231220 .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.popup-box231220 .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.popup-box231220 .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#fff; border-radius:3px; opacity:0.8 }

@media screen and (max-width:640px){
    #pop12 { top:80px !important; left:20px !important; width:calc(100% - 40px) !important; transform:translateX(0);}
    #pop12 .pop-content { width:100% !important; height:560px !important; }
    .popup-box231220 { width:100%; }
    .popup-box231220 .scroll-box .txtbox br { display:none }
    .popup-box231220 .scroll-box .txtbox .m_br { display:block }
    .popup-box231220 .top-box { padding-top:25px; }
    .popup-box231220 .top-box img { width:220px !important; }
    .popup-box231220 .bottom-box { padding-top:30px; font-size:14px; }
    .popup-box231220 .bottom-box img { margin-left:10px; }
    .popup-box231220 .scroll-box { margin-top:35px; padding:0 15px; width:100% }
    .popup-box231220 .scroll-box .txtbox { height:260px; }
    .popup-box231220 .scroll-box .txtbox { padding:4px 10px; }
    .popup-box231220 .scroll-box .txtbox .txt-1 { font-size:16px; }
    .popup-box231220 .scroll-box .txtbox .txt-2 { margin-top:20px; font-size:14px; }
}