@charset "utf-8";
/*****************
	[한/영 공통]
	myhome.css
	2026-01-09
******************/

#myhome-container{position:relative; width:1440px; display: flex; justify-content:space-between; padding:24px 20px; margin:0 auto; box-sizing:border-box; }
#myhome-container .left-section{width:19%;}
#myhome-container .right-section{width: calc(81% - 20px); margin-left:20px;}


/* 마이페이지 공통라운드박스 */
.myhome-rbox{background: var(--white-color); border-radius:10px; box-sizing:border-box; -webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.1); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.1);}

/**********************************************
	마이페이지 왼쪽 컨텐츠
***********************************************/
/*********** 왼쪽컨텐츠01 :: 로그인정보 ************/
.left-section .my-info{position:relative; min-height:90px; margin:0 0 24px 0; padding:10px 20px 10px 24px; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box;}
.left-section .my-info .my-info-txt{width:60%;}
.left-section .my-info .my-info-txt p{font-size:14px;}
.left-section .my-info .my-info-txt p.mt4{margin-top:0 !important;}
.left-section .my-info .my-info-txt p.font17{font-size:16px !important;}
.left-section .my-info .my-info-txt button{margin-top:4px;}
.left-section .my-info .my-info-logo{ display:flex; align-items:center; justify-content: center; }
/*.left-section .my-info .my-info-logo{ display:flex; align-items:center; justify-content: center; width:92px; height:92px; padding:5px; border-radius:46px; background:#f8f8f8; box-sizing:border-box;}
.left-section .my-info .my-info-logo img{max-width:100%;}*/

/*********** 왼쪽컨텐츠02 :: 조직도 ************/
.left-section .org-chart{position:relative; margin:0 0 24px 0; }
.left-section .org-chart a{position:relative;display:block;width:100%;height:100%;padding:20px 20px;font-weight:bold;font-size:16px;color: var(--black-color);/* background:#E7F9FF; */border-radius: 10px;box-sizing:border-box;}
.left-section .org-chart a:hover{background:#fff;}
.left-section .org-chart a:after{content:"\e93f"; position:absolute; top:50%; right:10px; margin-top:-15px; font-family:xeicon; font-size:22px; vertical-align:middle; text-align:center;}
.left-section .org-chart a img{width:34px; margin-right:8px;}

/*********** 왼쪽컨텐츠03 :: 마이페이지 스케줄박스 25.04.03 수정 ************/
.schedule-box{position:relative; padding:20px; min-height:495px}
.schedule-box .title-wrap{position:relative; margin:0 0 8px 0;}
.schedule-box .title-wrap span{display:inline-block; font-weight:bold; color: var(--black-color); font-size:16px;}
.schedule-box .title-wrap button{position:absolute; right:0; top:-2px;}

.schedule-detail-box{position:relative; margin:8px 0 0;}
.schedule-detail-box ul li:before{content:""; display:block; background: var(--gray20-color); width:5px; height:85px; border-radius:5px;}
.schedule-detail-box ul li.today-active:before{content:"";display:block;background: var(--darkblue-color);width:5px;min-height: 60px;height: auto;border-radius:5px;}
.schedule-detail-box ul li:hover{background:#f9f9f9;}
.schedule-detail-box ul li{position:relative;min-height:85px;margin-top:-1px;display:flex;border:1px solid var(--gray20-color);border-radius:5px;align-content: center;align-items: stretch;}
.schedule-detail-box ul li.event{cursor:pointer;}
.schedule-detail-box ul li.event .txt{color: var(--gray90-color); font-weight:500;}
.schedule-detail-box ul li .txt-days{width:25%;padding: 0 5px;display: flex;text-align:center;font-weight:500;height: auto;color: var(--gray90-color);border-right:1px solid var(--gray20-color);flex-direction: column;align-items: center;justify-content: center;}
.schedule-detail-box ul li .txt-days span{display:block; font-size:11px;}
.schedule-detail-box ul li .txt-schedule{display: flex; flex-direction: column; justify-content: space-evenly; width:75%; font-size: 12px;padding: 3px 7px;color: var(--gray60-color); line-height:1.1; height: 82px; overflow: hidden; overflow-y: auto;}
/* 스크롤바 설정*/
.schedule-detail-box *::-webkit-scrollbar{background-color:transparent;width:4px;}
/* 스크롤바 막대 설정*/
.schedule-detail-box *::-webkit-scrollbar-thumb{background-color:#babac0; border-radius:16px;}
.schedule-detail-box *::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;}
/* 스크롤바 뒷 배경 설정*/
.schedule-detail-box *::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(200, 200, 200, 0.1);}
.schedule-detail-box *::-webkit-scrollbar-track:hover{background-color:transparent;}
.schedule-detail-box *::-webkit-scrollbar-button {display:none;}



/**********************************************
	마이페이지 우측 컨텐츠
***********************************************/
.right-section .myhome-visual{margin:0 0 24px 0;}
.right-section-box{padding:24px 24px 32px; min-height: 707px;} /* 2025.04.08 세로값 변경 */

/* ******************  메인우측컨텐츠 :: 마이페이지 비주얼 ********************** */
/* 마이페이지 비쥬얼 배너*/
.myhome-visual{overflow:hidden; width:100%; height:210px; position:relative; margin-bottom:24px;}/* 2024.09.11 세로값 변경 */
.myhome-visual-item{height:100%;}

/* 메인 비주얼 :: 이미지 */
.myhome-visual-item{position:relative;}
.myhome-visual-item .myhome-visual-pc-img{
	width:100%;
	height:100%;
	background-size:auto !important;
}
.myhome-visual-item .myhome-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.myhome-visual-item .myhome-visual-txt-inner{padding-left:60px;}
.myhome-visual-item .myhome-visual-txt-con{
	position:absolute; 
	top:50%; left:0px; margin-top:10px;
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt1{margin-bottom:15px;font-size:28px; color: #333; font-weight: bold;}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2{margin-bottom:20px; font-size:18px; color: #333; line-height:1.4; letter-spacing:-0.03em;}

.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt1{animation: 2s anim-lineUp ease-out 1;}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2{animation: 4s anim-lineUp ease-out 1;}

/* 2024.05.14 메인비쥬얼 교체 */
/* 2024.09.12 메인비쥬얼 세로사이즈값 줄임 */
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-1{margin-left:34px; margin-top:0px; margin-bottom:11px;font-size:20px; color: #333; } /* 2024.09.12 수정*/
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-2{margin-left:34px; margin-bottom:7px; font-size:32px; color: #333; line-height:1.4; font-weight: bold;} /* 2024.09.12 수정*/
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-3{margin-left:34px; margin-bottom:15px; line-height:1.4; }

.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-3 .btn-vm{width:120px; height:40px; border-radius:10px; font-weight:normal;}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-3 .btn-vm:first-child{margin-right:20px;}

.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-1{animation: 2s anim-lineUp ease-out 1;}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-2{animation: 4s anim-lineUp ease-out 1;}
.myhome-visual-item .myhome-visual-txt-con .myhome-visual-txt2-3{animation: 5s anim-lineUp ease-out 1;}

@keyframes anim-lineUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*********** 2024.08.20 왼쪽컨텐츠 :: 경비마감일 추가 ************/
.left-section .close-expenses{position:relative; margin:0 0 24px 0; }
.left-section .close-expenses .info-txt-box{position:relative; display:block; width:100%; height:100%; padding:14px 20px 14px 91px; font-weight:bold; font-size:14px; line-height:1.3; background: url(../img/myhome/icon_close_expenses.png) 12% 50% no-repeat;}
.left-section .close-expenses .info-txt-box .deadline-date{ color: var(--darkblue-color); font-size:18px;}


/*********** 2024.09.11 공지 추가 ***********/
#mainNoticeCon{width: 100%; height:56px; padding: 14px 6px 10px; margin-bottom:24px; background:#fff }
.main-notice-con{position: relative; display:flex; align-items: center;justify-content: space-around;}
.main-notice-tit{width: 8%; font-size: 16px; line-height: 20px; font-weight: 800; letter-spacing: -0.35px; color: #000; padding:3px 0 0 20px}
.main-notice-board{ width: 72%;}
.main-notice-list{height: 20px; overflow:hidden;}
.main-notice-list li{float: left; width: 100%; height: 20px;}
.main-notice-list li a{display: block; width: 100%; font-size: 14px; line-height: 20px; letter-spacing: -0.35px; color: #000;}
.main-notice-list li a p{width: calc(100% - 100px); float: left;}
.main-notice-list li a span{float: right; width: 100px; display: inline-block; font-size: 14px; opacity: 0.5;}
.main-notice-arrow{}
.main-notice-arrow button{display: inline-block; vertical-align: middle;}
.main-notice-arrow button + button{margin-left: 17px;}
.main-notice-arrow button i{font-size: 24px; color: #000;}


/* 2025.05.15 마이홈 고객사 공지사항 레이어팝업 추가*/
.layerpop-wrap{z-index:9990; position:absolute; width:520px; margin:0 0 0 0;padding:0; background:#fff; border:1px solid #5e5e5e; border-radius:5px; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); box-sizing:border-box;}
.layerpop-wrap .layerpop-inner{position:relative; width:100%; height:100%; padding:0 24px 10px 24px;}
.layerpop-wrap .popup-header .poptitle {margin-bottom:10px; border-bottom:1px solid #ddd; padding-left:0; padding-right:0;}
.layerpop-wrap .popup-header .layer-close-btn {right:0;}

.layerpop-wrap .notice-list-box{position:relative;margin:0 auto; width:100%; height:190px; max-height: 100%; overflow-y: auto; overflow-x: hidden;} 
.layerpop-wrap .notice-list-box li{position: relative;  margin:0 0 ;padding:4px 8px; font-size:13px; border-bottom:1px solid #ddd; cursor:pointer}
.layerpop-wrap .notice-list-box li:before{content:''; position:absolute;left:0; top: 12px; vertical-align: middle; width:2px;height:2px; background:#666; border-radius: 3px; }
.layerpop-wrap .notice-list-box li:hover{background:#f9f9f9;}
.layerpop-wrap .notice-list-box li:last-child{border-bottom:none;}
.layerpop-wrap .notice-list-box strong {font-weight:500 !important;}

.layerpop-wrap .layer-popup-footer{ position: relative; width:100%; height:40px; text-align:right; padding:6px 24px 0 0;font-size:13px; box-sizing:border-box;}
.layerpop-wrap .layer-popup-footer a.txtbtn{display:inline-block;cursor:pointer;margin:0 ; padding:0; text-decoration:none; color:#555;}
.layerpop-wrap .layer-popup-footer a.txtbtn:after{content:"│"; margin:0 10px; color:#aaa;}
.layerpop-wrap .layer-popup-footer a.txtbtn:last-child:after{display:none;}

/* 공지사항영역 광고 배너 */
.layerpop-wrap .ad-banner-wrap{width:100%; height:80px; margin-top:20px; border-radius:5px; overflow:hidden; box-sizing:border-box;}

/* 모달팝업 타이틀 옆 텍스트 추가 */
.layerpop-wrap .explain-txt{display:inline-block; font-size:14px;}
.layerpop-wrap .bar:before{content:"│"; color: var(--gray40-color); padding-right:5px; background:none;}


/*************************************************************
    2025.08.18 유저레벨별 마이홈
************************************************************/
.user-level-container .right-section-box{padding:24px 24px 32px; min-height: 703px;} 

.user-level-container .tab-wrap{height:48px;margin-bottom:0; background: var(--white-color);}
.user-level-container .tab-wrap .tab-inner-con ul{ height:48px; }
.user-level-container .tab-wrap .tab-inner-con ul li{min-width:118px;}
.user-level-container .tab-wrap .tab-inner-con ul li span{display: flex; justify-content: center; align-items: center; margin-top:-2px; color: var(--gray70-color); white-space: nowrap;font-size:15px;letter-spacing:-0.35px;font-weight: 500; }
.user-level-container .tab-wrap .tab-inner-con ul li.selected{border-bottom:3px solid var(--darkblue-color);}
.user-level-container .tab-wrap .tab-inner-con ul li.selected span{font-weight:bold; color:var(--darkblue-color); margin-top:2px;}

.user-level-container .tab-wrap + .myhome-rbox{border-radius: 0 0 10px 10px !important; min-height: 655px;} /* 사용자/결재자/관리자 탭 없는 경우 간격 */

/* 유저레벨별 메인 타이틀 아이콘 없는 경우*/
.user-level-container .sub-stitle-con .sub-title-inner .stitle-txt.noicon{position:relative;display:inline-block; padding:2px 0 0 0; vertical-align:middle; font-size:16px; color: var(--black-color); font-weight:bold; }
.user-level-container .sub-stitle-con .sub-title-inner .stitle-txt.noicon:before{ content:""; display: none;}

/* 나의 결재현황 */
.userlevel-con01{position:relative; border:1px solid var(--gray30-color); border-radius: 5px; margin-top:8px; }
.userlevel-con01 ul{display:flex; justify-content: space-around; padding:16px 16px;}

.userlevel-con01 ul li{display:flex; justify-content: center; align-items:center; width:20%; max-width:209px; border-right:1px solid #dddddd; padding: 8px 10px ; }
.userlevel-con01 ul li:last-child{border-right:none;}

.userlevel-con01 .img-con{display:flex; justify-content: center; align-items:center; width:37px; height:37px; border-radius: 10px; margin-right:24px;}
.userlevel-con01 .icon-bg01{background:#6D93F6;}
.userlevel-con01 .icon-bg02{background:#E4EEFB}
.userlevel-con01 .icon-bg03{background:#FBE4EC}
.userlevel-con01 .icon-bg04{background:#DFE9F8;}
.userlevel-con01 .icon-bg05{background:#DBF4EB;}

.userlevel-con01 .txt-con{text-align:center;}
.userlevel-con01 .title-txt{font-size:16px; font-weight:600; color:#222222;margin-bottom:4px;}
.userlevel-con01 .txt-item,
.userlevel-con01 .txt-item a{font-size:16px; font-weight:bold; color: var(--black-color);}
.userlevel-con01 .txt-item a{display:inline-block; width:100%;}
.userlevel-con01 .txt-item:hover,
.userlevel-con01 .txt-item a:hover{color: var(--darkblue-color);}

.userlevel-both-wrap01{position:relative; display:flex; justify-content: space-between;}
.user-level-container .r-box{position:relative; display:flex; justify-content: space-between; align-items: center; padding:16px 0; margin-top:8px; border:1px solid var(--gray30-color); border-radius: 5px;}
.userlevel-both-wrap01 .left-con01,
.userlevel-both-wrap01 .right-con01{width: calc(50% - 16px);}

.userlevel-both-wrap01 .left-con02{width: calc(46.3% - 16px);}
.userlevel-both-wrap01 .right-con02{width: calc(53.7% - 16px);}

/* 경비 마감 알림 */
.userlevel-con02 .img-con{display:flex; justify-content: center; align-items: center; width:67px; height:67px; background:#F2F2F2; border-radius:24px; margin-left:29px;}
.userlevel-con02 .txt-con{display:flex; justify-content: space-around; width: calc(100% - 87px) ;}
.userlevel-con02 .txt-con li{width:50%; border-right:1px solid #dddddd; padding: 3px 5px; text-align:center;}
.userlevel-con02 .txt-con li:last-child{border-right:none;}
.userlevel-con02 .img-con img{margin-left:5px;}

.userlevel-con02 .title-txt{font-weight:500; font-size:14px; color: #444444; margin-bottom:5px;}
.userlevel-con02 .txt-item span{display:inline-block; font-weight:bold; font-size:20px;}
.userlevel-con02 .txt-item em{display:inline-block; font-weight:500; font-size:14px; margin-left:3px;}

/* 카드사용금액 */
.userlevel-con03 .img-con{display:flex; justify-content: center; align-items: center; width:67px; height:67px; background:#F2F2F2; border-radius:24px; margin-left:18px;}
.userlevel-con03 .txt-con{display:flex; justify-content: space-around; width: calc(100% - 80px);}
.userlevel-con03 .txt-con li{width:33.333%;  border-right:1px solid #dddddd; padding: 3px 5px; text-align:center;}
.userlevel-con03 .txt-con li:last-child{border-right:none;}
.userlevel-con03 .img-con img{margin:-5px 0 0 5px;}

.userlevel-con03 .title-txt{font-weight:500; font-size:14px; color: #444444; letter-spacing: -0.03em;  margin-bottom:6px;}
.userlevel-con03 .txt-item span{display:inline-block; font-weight:bold; font-size:16px;}
.userlevel-con03 .txt-item em{display:inline-block; font-weight:500; font-size:14px; margin-left:3px;}

/* 결재자 : 조회박스 */
.uwerlevel-r-bgbox{position:relative; background:#f7f7f7; border-radius: 5px; padding:19px 27px;}

/* 부서예산/전체예산 */
.budget-items{padding:16px 20px !important;}
.budget-items .img-con02{width: calc(24% - 10px);}
.budget-items .txt-con02{width: 76%}

.budget-items .img-con02{display:flex; justify-content: center; align-items: center; }

.budget-items .txt-con02 li{position:relative; display:flex; justify-content: space-between; align-items:center; padding:10px 15px 10px 30px; border-radius: 10px; }
.budget-items .txt-con02 li .title-txt{width:50%;}
.budget-items .txt-con02 li .txt-item{width:50%; text-align:right;}

.budget-items .txt-con02 li .title-txt{font-weight:500; font-size:14px; color:#444444;}
.budget-items .txt-con02 li .title-txt:before{content:""; position:absolute; left:16px; top:38%; width:6px; height:6px; border-radius: 6px; background: #3C4268; }

.budget-items .txt-con02 li .txt-item a{font-weight:bold; font-size:16px;}
.budget-items .txt-con02 li .txt-item span{display:inline-block; font-weight:bold; font-size:16px;}
.budget-items .txt-con02 li .txt-item em{display:inline-block; font-weight:500; font-size:16px; margin-left:3px;}

.budget-items .txt-con02 li:nth-child(2) .title-txt:before{background: #FF3E3E; }
.budget-items .txt-con02 li:nth-child(3) .title-txt:before{background: #6D93F6;}

/* 이번달 부서예산 / 이번달 전체 예산 배경색*/
.depart-budget .txt-con02 li:nth-child(2){background:#FEFCE4;}
.total-budget .txt-con02 li:nth-child(2){background:#EFF5FF;}

/* 유저별 메인 :: 회색 테이블  */
.userlevel-home-list {position: relative; width:100%; margin-top:6px;}
.userlevel-home-list table {width:100%;}
.userlevel-home-list table th{padding: 3px 2px; height:32px; background: #F7F7F7; font-size: 12px; color: var(--black-color); text-align:center; border-bottom:1px solid var(--gray30-color); border-top:1px solid var(--gray30-color); box-sizing:border-box;}
.userlevel-home-list table td{padding: 3px 2px; height:32px; border-bottom: 1px solid var(--gray30-color);  font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.userlevel-home-list table .al-pd {text-align: left; padding-left:16px;}
.userlevel-home-list table tbody tr:hover{background:#f9f9f9;}
.userlevel-home-list table.hover-none tbody tr:hover{background:none;}
.userlevel-home-list table tbody tr.selected,
.userlevel-home-list table tbody tr.selected:hover{background:#FFFCE2;}
.userlevel-home-list .no-data-message{height:256px !important;}
.userlevel-home-list .no-data-message02{height:295px !important;}

/* 유저별 메인 :: 상태값 */
.status-usertype01{background: #6D93F6; border:1px solid #6D93F6; color: var(--white-color); min-width:62px !important; } /* 결재중 */
.status-usertype02{background:var(--white-color); color:var(--darkblue-active-color); border:1px solid var(--darkblue-color); min-width:62px !important;} /*승인 */
.status-usertype03{background:#E9E9E9; color:var(--gray90-color);  border:1px solid #E9E9E9; min-width:62px !important;} /* 완료 */ 
.status-usertype04{background:#F4675F; color: var(--white-color); border:1px solid #F4675F; min-width:62px !important;} /* 반려 */
.status-usertype05{background:var(--white-color); color:var(--red-color); border:1px solid #F4675F; min-width:62px !important;} /* 미작성*/

/****** 유저레벨별 퀵메뉴 ******/
/* 퀵메뉴: 작은 화면에서는 브라우저 오른쪽 */
.userlevel-quick-menu {position: fixed; top: 204px; right: 20px;  width: 128px; background: #ffffff; color: #333333; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);}
.userlevel-quick-menu .qmenu-title{width:100%; height:41px; display:flex; justify-content:center; align-items:center; background:#2A54AB; color:#ffffff; padding:10px 5px; border-radius: 10px 10px 0 0; }
.userlevel-quick-menu ul {margin: 0; padding: 0 4px 5px 4px; }
.userlevel-quick-menu a {display:block; width:100%; height:100%; color: #222222; padding:5px 4px; font-size:13px; font-weight:500; text-decoration: none; border-top:1px solid #eeeeee; transition: all 0.3s ease;}
.userlevel-quick-menu li:first-child a{border-top:none;}

.userlevel-quick-menu a .qmenu-ico{display: inline-block; width: 25px; height: 25px; vertical-align: middle; margin-right:5px;}
.userlevel-quick-menu a:hover {color: var(--darkblue-color); background:#f8f8f8;}
.userlevel-quick-menu a:hover .qmenu-ico {background-position: 0 -25px;}

.userlevel-quick-menu a .qmenu-ico01 {background: url(../img/myhome/user_quickmenu_icon01.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico02 {background: url(../img/myhome/user_quickmenu_icon02.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico03 {background: url(../img/myhome/user_quickmenu_icon03.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico04 {background: url(../img/myhome/user_quickmenu_icon04.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico05 {background: url(../img/myhome/user_quickmenu_icon05.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico06 {background: url(../img/myhome/user_quickmenu_icon06.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico07 {background: url(../img/myhome/user_quickmenu_icon07.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico08 {background: url(../img/myhome/user_quickmenu_icon08.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico09 {background: url(../img/myhome/user_quickmenu_icon09.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico10 {background: url(../img/myhome/user_quickmenu_icon10.png) no-repeat 0 0;}
.userlevel-quick-menu a .qmenu-ico11 {background: url(../img/myhome/user_quickmenu_icon11.png) no-repeat 0 0;}

/* 큰 화면(1440px 이상)에서는 컨테이너 기준 */
@media screen and (min-width: 1440px) {
  .userlevel-quick-menu {right: auto; left: 50%; margin-left: calc(1440px / 2 + 8px);}
  .qmenu-toggle-btn{display:none;}
}
/* 작은 화면에서는 닫힌 상태로 숨기기 */
@media screen and (max-width: 1439px) {
  .userlevel-quick-menu {width:118px; transition: right 0.3s ease; right: -118px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
  .userlevel-quick-menu.open {right:0;}
  .userlevel-quick-menu a {font-size:13px;}

  /* 토글 버튼 스타일 */
  .qmenu-toggle-btn {
    position: absolute;
    top: 10px;
    left: -50px;
    width: 50px;
    height: 30px;
    border-radius: 10px 0 0 10px;
    background: #112D66;
    color: #fff;
    padding:0 0 0 0;
    font-size: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.2); z-index: 1;
  }
}