@media screen and (max-width: 1170px) {
	#menu-icon-area { display: block; }
	.head-top { height: 62px; overflow-x: hidden; }
	#logo-area-head {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#menu-cont-area {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		overflow: hidden;
		pointer-events: none;
	}
	#menu-cont-wrap {
		width: 100%;
		height: 100%;
		background-color: rgba(59, 65, 71, .5);
		transform-origin: 50% 0;
		transform: translateX(100%);
		transition: .6s .3s;
		pointer-events: auto;
	}
	#menu-cont-area.on #menu-cont-wrap {
		transform: translateX(0%);
	}
	#menu-cont {
		display: flex;
		flex-direction: column;
		width: 80%;
		min-width: 290px;
    height: 100%;
    min-height: 100vh;
    margin-left: auto;
    padding: 40px 0;
    background-color: rgb(36, 36, 36);
	}

	#menu-cont-list {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.menu-item::before {
	  content: none;
	}
	#menu-cont .menu-item {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
		z-index: 1;
		position: relative;
	}
	#menu-cont .menu-item {
		opacity: 0;
		transform: translate3d(0, 40%, 0);
		transition-property: transform, opacity;
		transition-duration: .3s;
	}

	#menu-cont .menu-item .sub-menu-list-wrap {
		max-height: 0;
		overflow: hidden;
		transition-delay: 0s;
	}
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-1 { max-height: 155px; }
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-2 { max-height: 155px; }
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-3 { max-height: 129px; }
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-4 { max-height: 236px; } 
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-5 { max-height: 236px; }
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-6 { max-height: 182px; }
	#menu-cont .menu-item.open .sub-menu-list-wrap.item-7 { max-height: 182px; }
	#menu-cont .menu-item .menu-item-after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 3.2em;
		/* bottom: 0;
		right: 0; */
		padding-top: 1.7vh;
		padding-bottom: 1.7vh;
		
	}
	#menu-cont .menu-item .menu-item-after::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 1.2em;
		background-image: url( "/img/icon/plus.svg" );
		background-size: 1.2em;
		background-repeat: no-repeat;
		background-position: right 50%;
		transition: .5s;
	}
	#menu-cont .menu-item.open .menu-item-after::after { transform: rotate(45deg); }
	#menu-cont .menu-item .item {
		padding: 1.7vh 30px;
	}
	
	#menu-cont-area.on .menu-item {
		opacity: 1;
		transform: translate3d(0, 0%, 0);
		transition-duration: .3s;
	}
	#menu-cont-area.on .list0 { transition-delay: .6s; }
	#menu-cont-area.on .list1 { transition-delay: .7s; }
	#menu-cont-area.on .list2 { transition-delay: .8s; }
	#menu-cont-area.on .list3 { transition-delay: .9s; }
	#menu-cont-area.on .list4 { transition-delay: 1s; }
	#menu-cont-area.on .list5 { transition-delay: 1.1s; }
	#menu-cont-area.on .list6 { transition-delay: 1.2s; }
	#menu-cont-area.on .list7 { transition-delay: 1.3s; }
	#menu-cont-area.on #menu-side { transition-delay: 1.2s; }
	#menu-cont .sub-menu-list-wrap {
		position: relative;
		left: 0;
		bottom: 0;
		opacity: 1;
		visibility: visible;
		border: none;
		transform: translateY(0%) scale3d(1,1,1);
	}
	#menu-side { padding: 40px 20px; }
	#menu-cont .sub-menu-list-wrap::before { content: none; }
	#menu-cont .sub-menu-list { background-color: transparent; text-align: center; margin: 10px 0; }
	#menu-cont .sub-menu-list .sub-menu-item {
		color: #fff;
		opacity: 1;
		border: none;
	}
	#menu-cont .sub-menu-list .sub-menu-item > a { font-size: 12px; padding: 5px; }
	#menu-cont .menu-item:hover .sub-menu-list-wrap,
	#menu-cont .menu-item.selected .sub-menu-list-wrap {
		transform: translateY(0%);
	}
	
}
@media screen and (max-width: 700px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}