@media screen and (max-width: 992px) {
	.nav-sub-wrap{
		display: none;
	}
	.panel {
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		position: fixed;
		z-index: 9999;
		top: 0;
		height: 100%;
		width: 80%;
		background-color: #fff;
	}
	.mobile_menu_btn {
		position: absolute;
		top: 2px;
		left: 5px;
		z-index: 100;
	}
	.mobile_menu_btn .ninja-btn ,.panel .ninja-btn{
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		display: inline-block;
		float: left;
		cursor: pointer;
		padding: 20px 8px;
		z-index: 10;
		width: 40px;
		height: 40px;
	}
	.mobile_menu_btn .ninja-btn span,
	.mobile_menu_btn .ninja-btn span:before,
	.mobile_menu_btn .ninja-btn span:after,
	.panel .ninja-btn span,
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		width: 24px;
		height: 1px;
		background-color: #111;
	}

	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after{
		height: 2px;
		background-color: #fff;
	}
	.mobile_menu_btn .ninja-btn span,
	.panel .ninja-btn span{
		width: 18px;
	}
	.mobile_menu_btn .ninja-btn span, 
	.panel .ninja-btn span {
		position: relative;
		display: inline-block;
		float: left;
		margin-top: 0;
	}
	.mobile_menu_btn .ninja-btn span:before,
	.mobile_menu_btn .ninja-btn span:after,
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
		content: "";
		position: absolute;
		left: 0;
	}
	.mobile_menu_btn .ninja-btn span:before,
	.panel .ninja-btn span:before  {
		top: -8px;
	}
	.mobile_menu_btn .ninja-btn span:after,
	.panel .ninja-btn span:after {
		top: 8px;
	}

	/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
	.mobile_menu_btn .ninja-btn.active span,
	.panel .ninja-btn.active span {
		background-color: transparent;
	}
	.mobile_menu_btn .ninja-btn.active span:before,
	.mobile_menu_btn .ninja-btn.active span:after,
	.panel .ninja-btn.active span:before,
	.panel .ninja-btn.active span:after  {
		top: 0;
	}
	.mobile_menu_btn .ninja-btn.active span:before,
	.panel .ninja-btn.active span:before {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
	}
	.mobile_menu_btn .ninja-btn.active span:after, 
	.panel .ninja-btn.active span:after {
		-webkit-transition-delay: 0.09s;
		-moz-transition-delay: 0.09s;
		-o-transition-delay: 0.09s;
		-msa-transition-delay: 0.09s;
		transition-delay: 0.09s;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
	}
	.panel .menu_mobile ul {
		width:100%;
		list-style-type: none;
		position: absolute;
		z-index: 1;
		margin: 0;
		padding: 0;
		top: 15%;
		left: 0;
		right: 60px;
		height: auto;
		text-align: left;
	}

	.panel .menu_mobile ul li a,.panel .gnb_3d_ul span{
		display: inline-block;
		width: 100%;
		font-size: 14px;
		line-height: 1.4;
		font-weight: 300;
	}
	.panel .menu_mobile .gnb_1da {
		padding: 16px;
		font-weight: 400;
	}
	.panel .menu_mobile ul li.menu-label a{
		padding:11px 0 0 40px;
		height:100%;
		display:block;
		font-size: 17px;
		text-transform: lowercase;
	}
	.panel .menu_mobile ul li.menu-label:first-child {
		border-top: 0;
	}

	.panel .menu_mobile ul li.menu-contacts a {
		font-size: 16px;
		text-transform: inherit;
	}

	/* 안보이는 패널위치고정 */
	.panel-overlay {
		position: fixed;
		top: 0;
		z-index: 9998;
		width: 100%;
		height: 100% !important;
		display: none;
		background-color: rgba(0, 0, 0, 0.6);
		cursor: pointer;
	}

	.panel.left {
		left: -800px;
	}
	/*패널 버튼 부분 위치*/
	.panel.left .ninja-btn {
		left: 800px;
	}
	/* 패널이 활성화 되었을때 */
	.panel.left.active {
		left: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.panel.left.active .ninja-btn {
		position: absolute;
		top: 4px;
		right: 0;
		left: auto;
		margin-right: 0;
	}

	.panel ul li.sub-menu{
		background: #2e333c;
		padding:11px 0 0 50px;
	}


	/*추가*/
	.panel h2{
		position: absolute;
	    font-size: 0;
	    line-height: 0;
	    overflow: hidden;
	}
	.panel .menu_mobile ul{
		position: relative;
		overflow: hidden;
	}
	.panel .menu_mobile ul li{
		position: relative;
	}
	.panel .menu_mobile ul li .bg.down{
		background-image: url(./css_img/arrow_up.png);
	}
	.panel .tnb{
		margin-top: 50px;
		background-color: #422617;
	}
	.panel .tnb li{
		width: 50%;
		float: left;
	}
	.panel .tnb a{
		display: block;
		color:#fff;
		text-align: center;
		line-height: 40px;
		border-bottom: 1px solid #875f49;
	}
	.panel .tnb li:nth-child(2n-1) a{
		border-right: 1px solid #875f49;
	}
	.panel .menu_mobile .menu_1depth>li>a{
		font-weight: 400;
		color: #fff;
		background-color: #0f4a84;
	}
	.panel .menu_mobile .menu_2depth li {
		border-bottom: 1px solid #eee;
	}
	.menu_2depth{
		display: none;
	}
	.menu_2depth li a{
		background-color: #fafafa;
	}
	.mobile .tnb_member{
		background-color: #0068b3;
		padding: 16px 16px 16px 0;
	}
	.mobile .tnb_member li{
		display: inline-block;
		font-size: 14px;
		color: #fff;
		position: relative;
	}
	.mobile .tnb_member>li+li:before{
		content: '';
		display: block;
		width: 1px;
		height: 10px;
		position: absolute;
		left: -1px;
		top: 50%;
		margin-top: -5px;
		background: #e5e5e5;
	}
	.mobile .tnb_member>li a{
		padding: 0 16px;
		color: #fff;
	}
	.mobile .top_facility_link>span:after {
		content: '';
		display: inline-block;
		width: 14px;
		height: 6px;
		background-image: url(./img/facility_link_arrow2.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 14px 6px;
		position: absolute;
		top: calc(50% - 3px);
		right: 12px;
		transition: all 0.2s ease-in-out;;
	}
	.mobile .top_facility_link{
		font-size: 14px;
		border-bottom: 8px solid #eee;
		background-color: #fff;
	}
	.mobile .target_btn{
		display: block;
		position: relative;
		padding: 16px;
		cursor: pointer;
		font-weight: 400;
	}
	.mobile .top_facility_link ul{
		display: none;
	}
	.mobile .top_facility_link li a{
		display: block;
		padding: 10px 16px;
		border-top: 1px solid #eee;
		background-color: #f8f8f8;
		font-weight: 300;
	}
	.mobile .top_facility_link.open ul{
		display: block;
	}
	.mobile .top_facility_link.open>span:after {
		transform: rotateZ(180deg);
	}
	#gnb{
		padding-left: 0;
		padding-right: 0;
	}
	.panel .gnb_1dli{
		border-bottom: 1px solid #eee;
		font-weight: 400;
	}
	.panel .gnb_2dli a, .panel .gnb_3d_ul span{
		border-top: 1px solid #eee;
		background-color: #f8f8f8;
		padding: 16px;
		font-weight: 300;
	}
	.panel .gnb_1da+.bg{
		content: '';
		display: inline-block;
		width: 14px;
		height: 6px;
		text-indent: -9999em;
		background-image: url(./img/facility_link_arrow2.png);
		background-repeat: no-repeat;
		background-position: 0;
		background-size: 14px 6px;
		position: absolute;
		top: 22px;
		right: 12px;
		transition: all 0.2s ease-in-out;;
	}
	.panel .m_active .gnb_1da+.bg{
		transform: rotateZ(180deg);
	}
	.panel .gnb_2dul{
		display: none;
	}
	.panel .m_active .gnb_2dul{
		display: block;
	}

	.panel .gnb_3d_ul span{
		padding: 16px;
		display: inline-block;
	}
	.panel .gnb_3dli a{
		background-color: #f2f2f2;
		border-top: 1px solid #eee;
	}
	.panel .gnb_3d_ul{
		position: relative;
	}
	.panel .gnb_3d_ul:before{
		content: '';
		width: 0px;height: 0px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid #eee;
		border-right: 8px solid transparent;
		border-left: 8px solid  transparent;
		top: 37px;
		left: 16px;
		position: absolute;
	}
	.panel .gnb_3d_ul:after{
		content: '';
		width: 0;
		height: 0;
		border-top: 6px solid transparent;
		border-bottom: 6px solid #eee;
		border-right: 6px solid transparent;
		border-left: 6px solid  transparent;
		top: 41px;
		left: 18px;
		position: absolute;
	}
}