@charset "utf-8";
html, body {margin: 0;padding: 0;background-color: #f8f9fa;}.wrapper-1280 {max-width: 1280px;margin: 0 auto;min-height: 100vh;background-color: #fff;display: flex;flex-direction: column;}.main-content {background-color: #f8f9fa;min-height: 100vh;}.header-item {flex: 1;display: flex;align-items: center;}.header-center {justify-content: center;flex: 2;}.header-right {justify-content: flex-end;}.offcanvas {--bs-offcanvas-width: 300px;--bs-offcanvas-bg: #343a40;--bs-offcanvas-color: #fff;}.sidebar-nav {list-style: none;padding: 0;margin: 0;}.sidebar-nav .nav-link {color: rgba(255, 255, 255, 0.8);padding: 1.25rem 1.5rem;display: block;text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.1);transition: 0.3s;}.cont-menu .nav-link:hover {background-color: #DCDCDC;}.cont-bottom .nav-link:hover {text-decoration: none;}.bg-blue-custom {background-color: #003366 !important;}.bg-menu-custom {background-color: #F7F7F7 !important;}.catitle {text-align: center;color: #FFFFFF;font-weight: bold;background: rgb(0, 51, 102);background: linear-gradient(180deg, rgba(0, 51, 102, 1) 33%, rgba(0, 106, 213, 1) 100%);padding: 11px 5px;margin: 0px 0px 5px 0px;}.m_tit {font-weight: 700;font-size: 20px;color: #FFF;text-align: center;padding: 10px 5px;background: rgb(53, 106, 160);}.img_div {position: relative;overflow: hidden;padding-top: 60%;margin: 10px 5px;}.s_tit {font-weight: 700;text-align: center;background: rgb(230, 240, 250);padding: 8px 12px;}.img_div img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;}.b-sma {background-color: #2A6698;color: #FFF;font-size: 14px;font-weight: bold;padding: 3px 6px;border-radius: 6px;border: 1px solid #C6C6C6;}.b-pc {background-color: #814E24;color: #FFF;font-size: 14px;font-weight: bold;padding: 3px 6px;border-radius: 6px;border: 1px solid #C6C6C6;}.keycat {overflow-wrap: break-word;line-height: 1.8;}.keycat a {color: #000;text-decoration: underline;}.b-cat {font-size: 14px;border-radius: 6px;border: 1px solid #B2ADAD;padding: 5px 6px;line-height: 3;}.webcen {width: 98vw;text-align: center;margin: 0 auto;}.webcen_inner {display: inline;}.mtopsp {width: auto;height: 84px;background: #003366;}.catwebcen {text-align: center;margin: 0 auto;}.catwebcen_inner {display: inline;}