.button-icon,.notice-icon{color:#000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;z-index:99;background-color:#ffffffde;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 1px #29292985}.button-icon svg,.notice-icon svg{width:20px;height:20px}.button-icon:hover,.notice-icon:hover{color:#f3f3f3;background-color:#fc4d8b;border:1px solid #fff}.notice-wrapper{-webkit-user-select:none;user-select:none;position:relative}.notice-wrapper .notice_counter{color:#fff;background:#b81e1ee3;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:-5px;right:-5px}.notice-wrapper .empty-svg svg{width:128px;height:128px}.notice-wrapper .notice-content{color:#070f11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0px 12px 16px -4px var(--tw-shadow-color,#10182814),0px 4px 6px -2px var(--tw-shadow-color,#10182808);background:#fff url(/images/texture-1.jpg?v=1.1) 50% no-repeat;border-radius:10px;width:300px;padding:0;font-size:.9em;position:absolute;top:45px;right:0}.notice-wrapper .notice-content .notice-heading{color:#000;border-bottom:1px solid #79797933;justify-content:space-between;align-items:center;padding:0;line-height:16px;display:flex}.notice-wrapper .notice-content .notice-footer{border-top:1px solid #79797933;justify-content:center;align-items:center;padding:5px 0;display:flex}.notice-wrapper .notice-content .notice-list{max-height:400px;padding:10px;overflow:hidden auto}.notice-wrapper .notice-content .notice-list p{margin:0;padding:0}.notice-wrapper .notice-content .notice-list .notice-item{cursor:pointer;border-radius:15px;margin-bottom:5px;padding:5px;position:relative}.notice-wrapper .notice-content .notice-list .notice-item.unread-notice{background-color:#f0f8ff}.notice-wrapper .notice-content .notice-list .notice-item:hover{background:#8b8b8b1b}.notice-wrapper .notice-content .notice-list .notice-item .notice-bsn{color:#222}.notice-wrapper .notice-content .notice-list .notice-item .notice-link{color:#0eb77f;font-weight:600}.notice-wrapper .notice-content .notice-list .notice-item .notice-link:hover{text-decoration:underline}.notice-wrapper .notice-content .notice-list .notice-item .notice-avatar{background-color:#e2e2e2;background-position:50%;background-size:cover;border-radius:50%;width:40px;min-width:40px;height:40px}.notice-wrapper .notice-content .notice-list .notice-item:last-child{border-bottom:none}.notice-wrapper .notice-content .notice-list .notice-item .unread{background-color:#5aa7ff;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:10px;right:10px}.notice-empty{justify-content:center;align-items:center;font-style:italic;font-weight:500;display:flex}.notice-empty svg{width:18px;height:18px}.notice-tabs{flex:1;display:flex}.notice-tabs .notice-tab{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;padding:15px 0;display:flex}.notice-tabs .notice-tab.active{color:#df0000;font-weight:700}.notice-tabs .notice-tab svg{width:18px;height:18px}.close-btn{padding-right:10px}.close-btn svg{width:18px;height:18px}.template-dark .notice-content{color:#e7e7e7}.template-dark .notice-content .notice-heading,.template-dark .notice-tabs .notice-tab{color:#fff}.template-dark .notice-tabs .notice-tab.active{color:#09ff42}@media (max-width:768px){.button-icon,.notice-icon{color:#000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff;border:1px solid #fff;width:32px;height:32px}}
.bangnam-header{background:#010d32 url(/images/header-bg.png) 0 0 no-repeat}.bangnam-header .logo{width:200px}.bangnam-header-logo p{color:#6eb2f1;font-weight:600}.bangnam-header .menu a{color:#fff;position:relative}.bangnam-header .menu a:hover{color:#0000;background:linear-gradient(90deg,#ff7e5f,#feb47b);-webkit-background-clip:text;background-clip:text}.bangnam-header .menu a:hover:before,.bangnam-header .menu a.active:before{content:"";background:linear-gradient(90deg,#003dd782,#0082f9,#003dd782);width:100%;height:1px;transition:all .4s;display:block;position:absolute;bottom:-9px;left:0}.bangnam-header .bangnam-btn{color:#fff;background:linear-gradient(97deg,#fd4290,#fa6c7f);border-radius:30px}.bangnam-header .bangnam-btn.btn-login{background:linear-gradient(97deg,#4290fd,#846cfa)}.bangnam-header .bangnam-btn svg{width:24px;height:24px}.bangnam-header .bangnam-btn:hover{background:linear-gradient(97deg,#4299fd,#6ce9fa)}
.tn-footer{color:#cfcfcf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(5deg,#010612 0%,#000 45%,#0a215e 100%);border-radius:36px 36px 0 0;width:calc(100% - 8px);margin:30px auto 0;padding:56px 0 22px;position:relative;overflow:hidden}.tn-footer a:hover{color:#d30303}.tn-footer__bg{pointer-events:none;animation:linear infinite rotate;position:absolute;inset:0}.tn-footer__inner{z-index:1;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px;margin:0 auto;display:grid;position:relative}.tn-footer__brand img{width:300px;margin-bottom:5px}.tn-footer__brand h3{margin:0 0 10px;font-size:1.5em}.tn-footer__brand p{color:#d4daf5;max-width:360px;line-height:1.7}.tn-footer__col h4,.tn-footer__download h4{color:#d4daf5;margin:0 0 16px;font-size:1.2em;font-weight:900}.tn-footer__col a,.tn-footer__col p,.tn-footer__download a,.tn-footer__download p{color:#d4daf5;margin-bottom:10px;line-height:1.6;text-decoration:none;display:block}.tn-footer__col a:hover,.tn-footer__download a:hover{color:#f82424}.tn-footer__stores a{background:#434bbe;border-radius:20px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex;box-shadow:0 0 1px #e0e0e0dc}.tn-footer__stores a:hover{background:#2b3181}.tn-footer__stores svg{width:24px;height:24px}.tn-footer__stores button{color:#d4daf5;cursor:pointer;background:#090d44;border:0;border-radius:16px;margin-top:10px;padding:12px 18px;font-weight:700;transition:all .25s;box-shadow:0 0 1px #e0e0e0dc}.tn-footer__stores button:hover{color:#fff;background:#d71920;transform:translateY(-3px)}.tn-footer__bottom{z-index:1;color:#e7e7e7;border-top:1px solid #26315f1f;justify-content:space-between;gap:16px;margin:36px auto 0;padding-top:22px;display:flex;position:relative}.tn-footer__bottom a{color:#6b7280;margin-left:18px;text-decoration:none}.tn-footer__bottom a:hover{color:#d71920}