.top-wrap {
			width: 100vw;
			background-color: #2e2e2e;
			height: 145px;
			position: fixed;
			z-index: 9999;
		}
		.top-wrap.flip{
			height: 50px;
		}
		.header {
			width: 100%;
			margin: 0 auto;
			padding:0 16px;
		}
		.header.flip{
			display: none;
		}
			/* 상단 nav 가장 첫 줄---------------------------------------------------------------------------- */

		.top {
			padding-top: 10px;
			width: 100%;
			position: relative;
			border: 0px solid greenyellow;
		}

		.logo-wrap {
			width: 30%;
			position: relative;
			display:flex;
			align-items:center;
		}

		.logo-wrap img {
			width: 50px;
		}

		.logo-wrap p {
			position: absolute;
			left: 60px;
/*			bottom: -6px;*/
			font-weight: bold;
			color: #00b4cf;
			font-size: 15px;
			margin: 0px;
			font-family: 'noto sans kr', sans-serif;
		}

		.my-wrap {
/*			width:36%;*/
			width:70%;
			position: absolute;
			top: 0;
			right: 0;
			display: flex;
			justify-content: flex-end;
			border:0px solid seagreen
		}
		.my {
			position: relative;
			padding-top: 15px;
		}

		.my img {
			width: 16px;
			transform: translateY(-2px)  translateX(6px);
		}

		.name {
			font-size: 14px;
			padding: 1px;
			color: #00b4cf;
			/*			position: absolute;*/
			transform: translateX(4px);
			font-family: 'noto sans kr', sans-serif;
			line-height: 1.4;
		}

		.bold {
			font-weight: bold;
		}

		.logout-btn {
			font-size: 11px;
			color: #999999;
			position: relative;
			right: 0;
			bottom: 2px;
			font-family: 'noto sans kr', sans-serif;
			line-height: 1.4;
		}

		.logout-btn:hover {
			cursor: pointer;
		}
		
		.account-box {
			padding-top: 10px;
			font-size: 13px;
			float:left;
/*			display: flex;
			justify-content: start;*/
		}
		.account-box li {
			padding: 4px 12px;
			margin: 0;
			background-color: #1a1a1a;
			color: #00b4cf;
			border-radius: 3px;
			box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
			transition: all .2s ease-in-out;
			height:32px;
			text-align:center;
		}

		.account-box li:hover {
			color: #3d3a3a;
			font-weight: normal;
			background-color: #FFCC00;
			cursor: pointer;
		}
		.account-box li div {justify-content: space-between; display:flex;}
		.account-box li div:after {display:block; content:''; clear:both;}
		.account-box .account { padding: 2px 0 5px 0;}
		.account-box .fas {margin-top:3px;}
		.lang_select {
			padding-top: 16px;
			cursor: pointer;
			position: relative;
			width:25px;
			margin: 0 10px 0 4px;
		/*	display: flex;*/
			align-items: center;
			justify-content: center;
		/*	padding-top: 14px;*/
		/*	margin-left: 20px;*/
		}


		.lang_select select {
			width: 100%;
			height: 100%;
			border: none;
			padding: 0 10px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.lang_select_list li {height:26px; line-height:26px;}
		.lang_select_list li span {
			font-size: 14px;
			padding: 5px 0 0 10px;
		}
		.lang_select_list li .flag {
			width:15px; 
			height:15px;
			display:inline-block;
			margin: 5px 0 0 4px ;
		}
		.lang_select_list li:first-child .flag {
			background:url(../images/flag_kr.png) no-repeat;
			background-size: 100%;
			background-position:50% 50%;
		}
		.lang_select_list li:nth-child(2) .flag {
			background:url(../images/flag_en.png) no-repeat;
			background-size: 100%;
		}
		.lang_select_list li:last-child .flag {
			background:url(../images/flag_cn.png) no-repeat;
			background-size: 100%;
		}
		.lang-text {
			color: #454444;
			font-size:14px; 
		}

		.language-logo {
			width: 25px;
		}

		.hover_box {
			display: none;
		}

		.arrow4 {
			width: 10px;
			line-height: 1px;
			margin-left: 8px;
		}

		.down-arrow-btn {
			transform: translateY(-4px);
		}

		.lang_select ul {
			position: absolute;
			top: 37px;
			right: 0px;
			z-index: 99999;
			width: 130px;
			background: #ffffff;
			border-radius: 5px;
			box-shadow: 0px 0px 3px #cccccc;
		}

		.lang_select ul li {
			margin-right: 10px;
			width: 100%;
			border-bottom: 1px #e4e4e4 solid;
			position: relative;
		}

		.lang_select ul li:last-child {
			border-bottom:0;
		}

		.language_btn {
			width: 100%;
		}


		.alrt-wrap {
			padding-top: 14px;
			width: 25px;
			position: relative;
			margin: 0 10px;
		}

		.alrt-wrap img {
			width: 20px;
		}

		.alrt-wrap p {
			font-size: 9px;
			text-align: center;
			font-weight: bold;
		/*	width: 15px;
			height: 15px;*/
			border-radius: 100%;
			background-color: #FFCC00;
			position: absolute;
			right: -8px;
			top: 14px;
			padding:2px 4px;
			min-width:19px;
		}

		/* 퀵 메뉴--------------------------------------------------------------------------- */

		.quick-menu {
			border: 0px solid greenyellow;
			}
		.quick-menu:after {
			display:block; 
			content:''; 
			clear:both;
		}
		.quick-menu-list {
		/*	width: 100%; */
			padding-top: 0px;
			font-size: 13px;
			display: flex;
			justify-content: start;
			margin-bottom:0;
		}
		.quick-menu-list li {
			min-width: fit-content;
			padding: 7px 12px;
			margin: 5px 5px 0 0;
			background-color: #262626;
			border:1px solid #262626;
			color: #999999;
			border-radius: 3px;
			box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
			transition: all .2s ease-in-out;
		}

		.quick-menu-list li:hover {
			color: #00b4cf;
			background-color: #262626;
			border:1px solid #00b4cf;

			cursor: pointer;
		}

		.quick-menu-list li:first-child {

		}

		.quick-menu-list li div .bus{
			transform: translateY(3px);
		}

		.quick-menu-list li div {
/*			width: 100%;*/
			position: relative;
			display: flex;
				align-items: center;
		}

		.quick-menu-list li div img {
			width: 20px;
			transform: translateY(1px);
		}

		.quick-menu-list li div p {
			font-size: 14px;
			padding: 2px;

			position: absolute;
			right: 0;
			top: 0;

			font-family: 'noto sans kr', sans-serif;
			line-height: 1.4;
		}
		






		.quick-menu-list-right {
			padding-top: 5px;
			font-size: 13px;
			display: flex;
			justify-content: start;
			margin-bottom:0;
			float:right;
			z-index:9999;
			
		}
		.quick-menu-list-right li {
/*			width: 90px;*/
			padding: 8px 0;
			margin: 7px 5px;
			background-color: #ffffff;
			color: #999999;
			border-radius: 3px;
			box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.05);
			transition: all .2s ease-in-out;
		}

		.quick-menu-list-right li:hover {
			color: #000;
			font-weight: bold;
			background-color: #ffcc00;
			cursor: pointer;
			z-index:99;
		}

		.quick-menu-list-right li:first-child {
			margin: 7px 5px 7px 0;
		}
		.quick-menu-list-right .depth-01 {text-align:center;}
		.quick-menu-list li div .bus{
			transform: translateY(3px);
		}

		.quick-menu-list-right li div {
/*			width: 100%;*/
			position: relative;
		}

		.quick-menu-list-right li div img {
			width: 20px;
			transform: translateY(1px);
		}

		.quick-menu-list-right li div p {
			font-size: 14px;
			padding: 2px;
			position: absolute;
			right: 0;
			top: 0;
			font-family: 'noto sans kr', sans-serif;
			line-height: 1.4;
		}
		.quickLink {width:100%; padding:0;}
		.quickLink .subMenu-area2 {
			width:100%;
			position:relative;
			z-index:9999;
			border-radius: 0;
			transition: all .2s ease-in-out;
			margin:7px auto 0;
		}
		.quickLink .subMenu-area2 ul {width:100%;}
		.quickLink .subMenu-area2 .subMenuLink {
			width:100%;
			height:30px;
			padding:3px 0;
			font-weight:400;
			margin: 0;
			background-color: transparent;
			border-radius: 0;
			box-shadow: none;
			text-align:left;

		}
		.quickLink .subMenu-area2 .subMenuLink:hover {
			background: #e8ba00 !important;
		}
		.quickLink .subMenu-area2 li.subMenuLink a {display:inline-block; width:100%; height:30px; line-height:28px; background-color: transparent; font-size:13px !important; padding:0 0 0 16px !important; text-align:left; color:#555; }
		.quickLink .subMenu-area2 li.subMenuLink a:hover {color:#000; }
		
		.quickLink svg {
			margin-top: 3px !important;
		}

		/* 바로가기 탭 메뉴---------------------------------------------------------------- */

		.shortcut-tab-menu-wrap {
			display: flex;
			justify-content: space-between;
			height: 47px;
			width: 100%;
			background-color: #525252;
			position: absolute;
			bottom: 0;
			z-index: 1; 
		}
		.shortcut-tab-menu-wrap .buttonarrow{
			display: flex;
			padding: 0;
			width: 36px;
			justify-content: center;
			height: 100%;
			align-items: center;
			cursor: pointer;
			background-color: transparent;
		}
		.shortcut-tab-menu-wrap .buttonarrow:after{
			content: "";
			background-image: url("../images/arrowup.png");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			width: 18px;
			height: 29px;
			margin: 0;
		}
		.shortcut-tab-menu-wrap .buttonarrow.flip:after{
			content: "";
			background-image: url("../images/arrowdown.png");
			width: 18px;
			margin: 0;
		}
		.shortcut-tab-menu {
/*			width: 80%;*/
			margin: 0;
			padding:0 4px 0 14px;
			display: flex;
			justify-content: flex-start;
		}

		.shortcut-tab-menu li {
			display: block;
			font-size: 13px;
			padding: 8px 11px;
			margin: 0px 4px;
			border-radius: 3px 3px 0 0;
			color: #D1D1D1;
			background-color: #666666;
			transition: all .2s ease-in-out;
			font-family: 'noto sans kr', sans-serif;
			align-self: flex-end;
			min-width: fit-content;
		}

		.shortcut-tab-menu li:last-child {

		}

		.shortcut-tab-menu li:hover {
			cursor: pointer;
			padding: 8px 11px;
			border-radius:4px 4px 0 0;
			border-bottom: 2px solid #00b4cf;
			background-color: #ffffff;
			color: #555555;
			font-size: 13px;
		}
		.shortcut-tab-menu .on {
			padding: 8px 11px;
			border-radius:4px 4px 0 0;
			border-bottom: 2px solid #ffffff;
			background-color: #ffffff;
			color: #555555;
			font-size: 13px;
		}
		.shortcut-tab-menu2 {
/*			width: 18%;*/
			margin: 0;
			display: flex;
			padding:0 10px;
			justify-content: flex-end;
		}
		.shortcut-tab-menu2 li {
			display: inline-block;
			font-size: 13px;
			padding: 5px 11px;
			margin: 10px 2px 6px 0;
			border-radius: 15px;
/*			color: #ffc107;*/
			color: #aaa;
			background-color: #525252;
			transition: all .2s ease-in-out;
			font-family: 'noto sans kr', sans-serif;
		}
		.shortcut-tab-menu2 .on {
			color: #00b4cf;
		}

		.shortcut-tab-menu2 li:last-child {

		}

		.shortcut-tab-menu2 li:hover {
			cursor: pointer;
			background-color: #393939;
			color: #00b4cf;
		}


/* ---------------------------------------------------
    2022-10-20 이전 좌측메뉴 스타일
----------------------------------------------------- */
		#left-wrap {
			width: 200px;
		/*	height: calc(100vh - 145px);
			padding-top: 145px;*/
			z-index: -10;
			margin: 0;
		}

		#left-wrap.active {
			margin-left: -250px !important;
		}

		#toogle-menu {
			display: flex;
			width: 200px;
			height: 200px;
		}
		.toogle-box {
			position: absolute;
			left: 157px;
			top: 150px;
			transition: all .3s ease-in-out;
			z-index: 9999;
			padding: 9px;
			background: #fff;
			cursor: pointer;
		}
		.toogle-box:hover {
			padding: 9px;
		}
		.toogle-box span {
			display:inline-block;
			padding:9px;
			background-image:url(../images/arrow-left-long-solid.svg);
			background-position: 50% 50%;
		}
		.toogle-box span:hover {
			background-image:url(../images/arrow-left-long-solid.svg);
		}
		.toogle-box:hover img {
			
		}
		.left-menu {
			position: fixed;
			left: 0;
			bottom: 0%;
			width: 200px;
			height: calc(100vh - 145px);
			box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1);
			transition: all .3s ease-in-out;
			overflow-y:auto;
		}
		.toogle-menu:checked~.left-menu {
			transform: translateX(-200px);
		}
		.toogle-menu:checked~.toogle-menu-label .toogle-box {
			width:10px;
			height: calc(100vh - 145px);
			border-right: 1px solid #dcdcdc;
			background-color: #30aaae;
			left: -5px;
			top: 145px;
			padding-top:18px;
		}
		.toogle-menu:checked~.toogle-menu-label .toogle-box span {
			display:inline-block;
			padding:10px;
			background-image:url(../images/arrow-right-long-solid.svg);
			background-position: 50% 90%;
		}
		.toogle-menu:checked~.toogle-menu-label .toogle-box img {

		}
		

		#sidebar ul li.kakako {margin-top:10px;}
/*		#sidebar ul li.kakako>a { background:url(../images/icon-kakako.png) no-repeat; background-size:10%;width:150px; background-position:26% 50%; margin:0 auto 6px; border-radius:25px; height:30px; line-height:30px; border:1px solid #f7e409; display:block; padding:0; padding-left:54px; color:#381c1e;}*/
		#sidebar ul li.kakako>a { background:url(../images/icon-kakako.png) no-repeat; background-size:10%;width:150px; background-position:3% 50%; margin:0 auto 6px; border-radius:25px; /*height:30px;*/ line-height:30px; border:1px solid #f7e409; display:block; padding:0; padding-left:25px; color:#381c1e;}
		#sidebar ul li.kakako>a:hover { border:1px solid #f7e409; background-color:#f7e409;}

		/* ------------------------------------------------------------------------------ */

		.right-wrap {
			position: relative;
			z-index: 10;
		}


/* ---------------------------------------------------
    좌측메뉴 스타일 - 2022-10-20 
----------------------------------------------------- */

#sidebar {
	border-right: 1px solid #dcdcdc;
}
#sidebar.navFix {
	position: absolute; 
	z-index: 20; 
	left: 0;
	top: 145px;
	bottom:0;
	width: 30px; 
	padding: 0 0px; 
	border-right: 1px solid #D7D7D7; 
	background-color: #ffffff;
	overflow-y: scroll;
}
#sidebar.navFix.flip{
	top: 50px;
}
#sidebar.navFix.on {
	width: 200px
}
#sidebar.navFix .spread {
	padding: 12px 0;
	text-align: center;
}
#sidebar.navFix .spread .tle {
	font-size: 13px;
	line-height: 13px;
	color: #666;
}
#sidebar.navFix .spread .tle img {
	width: 18px; 
}
#sidebar.navFix .spread .tle span {
	display: block; 
	padding: 10px 6px; 
	word-break: break-all; 
	text-align: center;
}
#sidebar.navFix .spread .btnLeft {
	display: flex; 
	cursor: pointer; 
	outline: none;
	border:0px;
	background-color: #ffffff;
	width: 29px;
	height: 36px;
	cursor: pointer;
}
#sidebar.navFix .spread .btnLeft img{
	width: 16px; 
	margin: 10px 0 0 6px;
}
#sidebar.navFix.on .spread {
	display: flex; 
	justify-content: space-between; 
	align-items: center;
	padding: 5px 16px 2px 16px;
}
#sidebar.navFix.on .spread .tle {
	display: flex; 
	align-items: center;
	padding-top:10px;
}
#sidebar.navFix.on .spread .tle img {
	width: 18px;
}
  #sidebar.navFix.on .spread .tle span {
	display: block;
	padding: 0 10px; 
	word-break: break-all; 
	text-align: center;
}
#sidebar.navFix.on .spread .btnLeft {
	display: flex; 
	padding: 0;    width: 36px;
	height: 36px;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}
#sidebar.navFix.on .spread .btnLeft img{
	width: 18px; 
	background-color: #ffffff;
	margin: 0; 
  }
#sidebar.navFix .menutree {
	display: none;
}
#sidebar.navFix.on .menutree {
	display: block;
	padding: 0;
	background-color:#ffffff;
	font-size: 13px 
}



/*230413추가*/
.custmerArea {width: 88%; margin: 0 auto; display: flex; flex-direction: column; border-top: 1px solid rgb(0 0 0 / 10%); padding-top: 20px; margin-top: 20px;}
.custmerArea dl {margin-bottom: 20px;}
.custmerArea dl dt {font-size:16px; font-weight: 700; color:#1c1c1c; font-family: 'Noto Sans KR' !important; letter-spacing: -0.4px;}
.custmerArea dl dd {font-size:14px; color:#646464; font-family: 'Noto Sans KR' !important; line-height: 20px; position: relative; margin-bottom: 0;}
.custmerArea dl dd::before {content:'・'; font-size: 15px; font-weight: 500;}
.custmerArea dl dd:last-child {margin-bottom: 0;}
.custmerArea dl a {width: 100%; height: 28px; padding: 2px 0; border-radius: 25px; background: #f9dd00;font-size: 14px; display: flex; justify-content: center; align-items: center; border: 0; margin: 6px 0 0; cursor: pointer;}
.custmerArea dl a:hover {background: #f6cc00;}
.custmerArea dl a svg {width: 17px; height: 17px; fill: #381e1f; margin-right: 6px;}
.custmerArea dl a span {color:#381e1f; font-size: 13px; font-weight: 600; line-height: 28px; font-family: 'Noto Sans KR' !important;}
.custmerArea a {background:#00b4cf; border-radius: 40px; color: #fff; font-size: 16px; font-weight: 500; border: 0; height: 36px; line-height: 36px; margin-bottom: 6px; letter-spacing: -0.4px; text-align: center; cursor: pointer;}
.custmerArea a:hover {background:#009bbd; border: 0; color: #fff; font-size: 16px; font-weight: 500;}