#wrapper {display: flex;}
.sidebar {min-height: 100vh;background-color: #fff;font-size: 14px;}
.logo {z-index: 1;padding: 35px 0 35px 25px;display: flex;align-items: center;gap: 15px;cursor: pointer;}
.logo.txt img {}

.user {padding: 25px 0 17px;cursor: pointer;margin-left: auto;}
.user .box {display: flex;align-items: center;gap: 22px;width: 260px;}
.user .box i {margin-left: auto;}
.user .img {height: 20px;padding: 15px;background: #fff;border: 3px solid #03add2;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.user .name {font-size: 14px;color: #56687c;font-weight: bold;}
.user .bell {position: relative;}
.user .bell em {position: absolute;top: 0;right: -5px;width: 18px;height: 18px;background: #f34a4a;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.user .bell>i {font-size: 26px;}
.user .tgBoxcon.head li a {color: #fff;}

.leftNav {width: 290px;display: flex;align-items: stretch;}
.leftNav:last-child {margin-bottom: 160px;}
.leftNav .right {width: 290px;}
.leftNav .left.on, .leftNav:hover .left {background: #297efc;}
.nav-item {height: 65px;position: relative;cursor: pointer;display: flex;align-items: center;}
.nav-item.active a, .nav-item:hover a {color: #0494b4;}
.nav-link {color: #7a8eab;padding-left: 12px;display: flex;align-items: center;height: 40px;width: 100%;}
.nav-link span {font-size: .95rem;display: block;}

.ptBtn {display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.ptBtn .btn {cursor: pointer;color: #0494b4;font-size: 14px;width: 60%;height: 25px;border-radius: 3px;border: solid 1px #03add2;background-color: #f8fbff;display: flex;align-items: center;justify-content: center;}
.ptBtn .btn:hover {}
.ptBtn.dash {margin-top: auto;margin-bottom: 15px;}
.ptBtn.dash .btn {padding: 0 10px;}

#content-wrapper {background-color: #f8fbff;min-width: 1440px;width: 100%;overflow-x: hidden;flex-direction: column;display: flex;}
#content {flex: 1 0 auto;}
.navbar {flex-flow: row nowrap;justify-content: flex-start;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-right: 42px;}
.navbar .logo .tgBoxcon.head li a {color: #fff;}
.navbar-nav {flex-direction: row;margin-left: auto;display: flex;gap: 20px;padding-left: 0;margin-bottom: 0;}
.navbar-nav .nav-item {background: #3c4350;border-radius: 3px;padding: 7px 15px;}
.navbar-nav .nav-item>a {white-space: nowrap;position: relative;height: 4.375rem;display: flex;align-items: center;gap: 10px;}
.navbar-nav .nav-item>a img {height: 2rem;width: 2rem;margin-right: 10px;}
.navbar-nav .nav-item>a span:first-child {color: #5a5c69;}
.navbar-nav .nav-item>a span {font-size: 80%;color: #858796;text-align: right;display: block;}
.navbar-nav .nav-item>a .badge {position: absolute;transform: scale(.7);transform-origin: top right;right: 1.5rem;margin-top: -0.25rem;color: #fff;background-color: #e74a3b;display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 700;line-height: 1;white-space: nowrap;vertical-align: baseline;border-radius: 0.35rem;}
.nav-link .bellT {position: relative;padding-left: 15px;}
.nav-link .bellT::before {content: "";width: 5px;height: 5px;border-radius: 10px;background: #e74a3b;position: absolute;left: 10px;top: -2px;}
.nav-item-sub {border-top: 1px solid #eff2f5;border-bottom: 1px solid #eff2f5;display: none;}
.nav-item-sub li {}
.nav-item-sub li:hover a, .nav-item-sub li.on a {background:#e8fbff;}
.nav-item-sub a {color: #7a8eab;padding-left: 24px;cursor: pointer;height: 60px;display: flex;align-items: center;}
.nav-item-sub .bell {margin-left: auto;margin-right: 25px;position: relative;}
.nav-item-sub .bell::before {content: "";width: 5px;height: 5px;border-radius: 10px;background: #e74a3b;position: absolute;left: -10px;top: 7px;}

.footer {padding: 2rem 0;flex-shrink: 0;background-color: #fff;font-size: .8rem;text-align: center;}

.mWrap {display: flex;align-items: center;}
.mWrap>div>a {white-space: nowrap;position: relative;color: #fff;display: flex;align-items: center;justify-content: space-between;gap: 10px;padding-right: 10px;}
.mWrap span {font-size: 80%;text-align: right;display: block;}
.mWrap .lb {width: 80px;position: relative;padding-left: 10px;}
.mWrap .lb::before {content:'';width: 2px;height: 12px;background: #297efc;position: absolute;left: 0;top: 3px;}

.mBox {position: fixed;bottom: 0;left: 25px;width: 220px;padding: 10px 10px 15px;border-radius: 5px;box-shadow: 0 0 10px 0 #d3d8dd;border: solid 1px rgb(194 207 224 / 30%);background-color: #fff;}
.mBox p {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.mBox p span {font-size: 14px;color: #7a8eab;}
.box1 {bottom: 25px;}
.box2 {bottom: 150px;}
.nav-item i {margin-left: auto;margin-right: 25px;}
.ico {width: 16px;height: 16px;margin-right: 17px;}

.icon1 {background: url(/img/icon_dash.svg) center no-repeat;}
.icon2 {background: url(/img/icon_mypage.svg) center no-repeat;}
.icon3 {background: url(/img/icon_limit.svg) center no-repeat;}
.icon4 {background: url(/img/icon_cw.svg) center no-repeat;}
.icon5 {background: url(/img/icon_agency.svg) center no-repeat;}
.icon6 {background: url(/img/icon_insur.svg) center no-repeat;}
.icon7 {background: url(/img/icon_total.svg) center no-repeat;}
.icon8 {background: url(/img/icon_dev.svg) center no-repeat;}
.icon9 {background: url(/img/icon_gear.svg) center no-repeat;}

a.nav-link:hover .icon1,
.active .icon1 {background: url(/img/icon_dash_on.svg) center no-repeat;}
a.nav-link:hover .icon2,
.active .icon2 {background: url(/img/icon_mypage_on.svg) center no-repeat;}
a.nav-link:hover .icon3,
.active .icon3 {background: url(/img/icon_limit_on.svg) center no-repeat;}
a.nav-link:hover .icon4,
.active .icon4 {background: url(/img/icon_cw_on.svg) center no-repeat;}
a.nav-link:hover .icon5,
.active .icon5 {background: url(/img/icon_agency_on.svg) center no-repeat;}
a.nav-link:hover .icon6,
.active .icon6 {background: url(/img/icon_insur_on.svg) center no-repeat;}
a.nav-link:hover .icon7,
.active .icon7 {background: url(/img/icon_total_on.svg) center no-repeat;}
a.nav-link:hover .icon8, 
.active .icon8 {background: url(/img/icon_dev.svg) center no-repeat;}
a.nav-link:hover .icon9, 
.active .icon9 {background: url(/img/icon_gear.svg) center no-repeat;}


