.fixed-main{max-width:500px}.fixed-top-menu{top:0;background-color:#fff;max-width:500px}.fixed-bottom-menu{bottom:0;background-color:#fff9;border-top:1px solid #ddd;max-width:500px}.list-group-item.list-selected{background-color:#ffc6c6;color:#000}a.btn{font-size:10px}a.btn-red{width:100%;color:#000;background:#f00000;background:-webkit-gradient(linear,left top,left bottom,from(#ff0000),to(#fe8d8d));background:-webkit-linear-gradient(top,#ff0000 0%,#fe8d8d 100%);background:linear-gradient(to bottom,red,#fe8d8d);box-shadow:-1px 1px 2px #00000080}a.btn-blue{width:100%;color:#fff;background:#0000f0;background:-webkit-gradient(linear,left top,left bottom,from(#0000f0),to(#8080ff));background:-webkit-linear-gradient(top,#0000f0 0%,#8080ff 100%);background:linear-gradient(to bottom,#0000f0,#8080ff);box-shadow:-1px 1px 2px #00000080}a.btn-gray{width:100%;color:#fff;background:#494949;background:-webkit-gradient(linear,left top,left bottom,from(#494949),to(#949494));background:-webkit-linear-gradient(top,#494949 0%,#949494 100%);background:linear-gradient(to bottom,#494949,#949494);box-shadow:-1px 1px 2px #00000080}.button-group{display:flex;gap:10px}.login-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.line-login-container,.google-login-container{position:relative;display:flex;justify-content:center;margin:10px 0}.login-button{position:relative;display:inline-block}.social-login-button-img{width:200px;height:auto}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000;transition:background-color .3s ease;z-index:1}.login-button:hover .overlay{background-color:#0000001a}.login-button:active .overlay{background-color:#0000004d}.table td{padding:5px!important;flex-direction:column;align-items:center}.table input.form-control,select.form-select{width:auto!important}.table{white-space:nowrap!important}.table-data-center td,.table-data-center th{vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-title,.table-sub-title{margin:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-sub-title{font-size:12px}[class^=icon-]{display:flex;overflow:hidden;margin:0 auto;border-radius:5px}.icon-top{width:35px;height:35px;font-size:35px}.icon-20{width:20px;height:20px;font-size:20px}.icon-25{width:25px;height:25px;font-size:25px}.icon-30{width:30px;height:30px;font-size:30px}.icon-35{width:35px;height:35px;font-size:35px}.icon-40{width:40px;height:40px;font-size:40px}.icon-45{width:45px;height:45px;font-size:45px}.icon-50{width:50px;height:50px;font-size:50px}.icon-55{width:55px;height:55px;font-size:55px}.icon-80p{width:80%;height:auto}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-item{width:100%}.carousel-item img{margin:0;padding:0;width:100%;display:block}.carousel-item-next{transform:translate(100%)}.carousel-item-prev{transform:translate(-100%)}.carousel-item-prev,.carousel-item-next{transform:translate(0);position:relative}.header{margin-top:40px}.card-square{width:120px;height:170px;margin-right:10px}.card-square-img{object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;height:75%}.card-wide{width:250px;height:150px;margin-right:10px}.card-wide-img{position:relative;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;height:80%}.card-wide-img-back{filter:blur(7px)}.card-wide-img-1{position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);width:35%;border-radius:5px}.card-wide-img-2{position:absolute;top:50%;left:57%;transform:translate(-50%,-50%);width:28%;border-radius:5px}.card-wide-img-3{position:absolute;top:50%;left:75%;transform:translate(-50%,-50%);width:21%;border-radius:5px}.card-thin{width:200px;height:170px;flex:0 0 auto;margin-right:10px}.contents_box{overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.contents_box::-webkit-scrollbar{display:none}.title-text{position:relative}.title-right{position:absolute;right:0;top:0}.card-text{margin:0!important}.nav-pills .nav-link{color:#000!important}.header{margin-top:50px}.footer{margin-bottom:50px}.user-home{background-color:#fff;border-top:1px solid #ddd;z-index:1000;margin-top:70px;margin-bottom:50px}.detail-title{font-size:20px;font-weight:700;margin-top:20px;margin-bottom:10px}.detail-txt{font-size:15px;margin-top:0;margin-bottom:5px}.no-decoration{text-decoration:none;color:inherit}.red{color:red}.b-gray{background-color:#ececec!important}.category-container{display:flex;flex-wrap:wrap;gap:16px}.category-box{width:calc(50% - 8px);display:flex;justify-content:center}.category-top-icon{width:100%;aspect-ratio:5 / 3;overflow:hidden;margin:0 auto;border-radius:5px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.category-top-text{margin:0;text-align:center}#notification{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#000c;color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:80%}.notification-overlay{display:none;position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background-color:#00000080}.notification-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background-color:#fff;border:1px solid #ccc;padding:20px;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000001a;width:300px;max-width:80%}.notification-modal .close{position:absolute;top:10px;right:10px;color:#aaa;font-size:20px;font-weight:700;cursor:pointer}.notification-modal .close:hover,.notification-modal .close:focus{color:#000}.share-icons{display:flex;justify-content:space-around;margin-top:20px}.d-flex{display:flex}.overflow-auto{overflow:auto}.flex-nowrap{flex-wrap:nowrap}.nav-item-red{flex:0 0 auto;padding:10px 8px;cursor:pointer;border:none;outline:none}.nav-link-red{border-radius:20px!important;padding:1px 10px!important;color:#000!important;background-color:#fff!important;border:1px solid #ff0000!important;text-decoration:none!important}.nav-link-red:hover{color:red!important;background-color:#fff!important}.nav-link-red.active,ul.nav.nav-pills.nav-fill .nav-link-red.active{color:#fff!important;background-color:red!important}.tab-content{display:none}.tab-content.active{display:block}