@media screen and (max-width: 1280px) {
	.gnb_depth2_wrap .ulwrap {
		
		max-width: 1040px;
	}
	.menu-connect > div{ width:60%;}

}
@media screen and (max-width: 1080px) {
    .pc_header {
		display: none;
	}
    /* m_header */
	/* header */
	.m_header {
        
		display: block;
		width: 100%;
		background-color: #282828;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1002;
	}

	.m_header * {
		font-family: 'NanumSquare';
	}

	.m_header .navi_container {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 11;
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		padding-top: 75px;
		background-color: #282828;
		box-sizing: border-box;
	}

	.m_header .common_header_container {
		position: relative;
		text-align: center;
		height: 75px;
		z-index: 12;
	}
	.m_header .common_header_container .common_logo {
		position: absolute;
		left: 28px;
		top: 60%;
		margin-top: -25px;
		z-index: 12;
		width: 80%;
        
	}
	.m_header .common_header_container .common_logo.common_logo_extraspace_position {
		margin-top: -19px;
	}
	.m_header .common_header_container .common_logo > a{
		display: flex;
		width: 100%;
		height: 100%;
		color: #F6F6F6;
		font-size: 32px;
		font-weight: bold;
		float: left;
		align-items: center;
		margin-top: -11px;
		margin-left: -5px;
	}
	.m_header .common_header_container .common_logo > a > img{
		vertical-align: top;
		width: 8%;
    	object-fit: cover;
	}
	.m_header .common_header_container .common_logo.common_logo_extraspace_position > a > img{
		height: 38px;
	}

	.m_header .common_header_container .menu_btn {
		width: 70px;
		height: 50px;
		display: block;
		position: absolute;
		right: 18px;
		top: 50%;
		margin-top: -24px;
		z-index: 10;
		background-color: transparent;
		border: 0 none;
		outline: 0 none;
	}

	.m_header .common_header_container .menu_btn:before,
	.m_header .common_header_container .menu_btn:after {
		content: "";
		display: block;
		width: 40px;
		height: 3px;
		background-color: #fff;
		border-radius: 2px;
		position: absolute;
		right: 13px;
		transition: all 0.4s ease-out;
	}

	.m_header .common_header_container .menu_btn:before {top: 16px;}
	.m_header .common_header_container .menu_btn:after {top: 33px;}

	.m_header.active .common_header_container .menu_btn:before {
		transform: rotate(-45deg);
		top: 23px;
	}

	.m_header.active .common_header_container .menu_btn:after {
		transform: rotate(45deg);
		top: 23px;
	}

	.m_header .navi_member {
		display: flex;
		justify-content: center;
		text-align: center;
		font-family: "NotoSansKR";
		font-weight: 400;
		font-size: 19px;
	}

	.m_header .m_nav_btn {
		padding: 24px 0;
	}

	.m_header .login_btn {
		width: 50%;
		background-color: #ff6600;
		color: #ffffff;
	}

	.m_header .join_btn {
		width: 50%;
		background-color: #ffffff;
		color: #ff6600;
	}

	.m_header .logout_btn {
		width: 33.33%;
		background-color: #ff6600;
		color: #ffffff;
	}

	.m_header .modify_btn {
		width: 33.33%;
		background-color: #ffffff;
		color: #ff6600;
	}

	.m_header .history_btn {
		width: 33.33%;
		background-color: #F6F6F6;
		color: #ff6600;
	}

	.m_header .navi_menu {
		display: flex;
		flex-wrap: wrap;
	}

	.m_header .navi_list {
		width: 50%;
		text-align: center;
		padding: 15px;
		box-sizing: border-box;
	}

	.m_header .navi_list a {
		color: #ffffff;
		font-family: "NotoSansKR";
		font-weight: 300;
	}

	.m_header .navi_list.order a {
		
	}

	.m_header .navi_list.order a .navi_list_sub {
		opacity: 40%;
	}

	.m_header .navi_list .icon {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 auto;
	}

	

	.m_header .navi_list_title {
		font-size: 24px;
		letter-spacing: 0.08em;
		margin-top: 20px;
		line-height: 1;
	}

	.m_header .navi_list_sub {
		font-size: 10px;
		font-family: "NotoSansKR";
		letter-spacing: 0.08em;
		margin-top: 5px;
		line-height: 1;
		opacity: 30%;
	}
	
	.gnb_depth2_wrap {
		margin-top: 90px;
		display: flex;
		justify-content: center;
		box-sizing: border-box;

	}
	.gnb_depth2_wrap .ulwrap{
		width: 80%;
	}
	.gnb_depth2_wrap .ulwrap .gnb_depth2.fwrap {
		 display: block;
		 padding-left: 20px;
		 padding-right: 20px; 
	}
	.gnb_depth2 li:hover, .gnb_depth2 li.active {
		
		background-color: #81c147;
		opacity: 80%;
		transition: all 0.35s ease-out;
		border-radius: 8px;
		color: #fff;
		border: 1px solid #0c0c0b;
		
	}
	.gnb_depth2 li {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-left: 0px;
		margin-bottom: 5px;
		text-align: center;
		max-height: 40px;
		font-size: 15px;
		font-weight: 600;
		display: inline-block;
		-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		transition: all 0.35s ease-out;
		border-radius: 8px;
		border: 1px solid #81c147;
	}
	.gnb_depth2 .last_btn {
		margin-right: 0px;
	}
	.gnb_depth2 .last_btn1 {
		margin-right: 0px;
	}
	.gnb_depth2 li a {
		
		color: #131111;
		padding: 5px 15px;
		line-height: 30px;
		font-size: 15px;
		font-weight: 900;
	}
	.gnb_depth2 li:hover a, .gnb_depth2 li.active a {
		font-size: 17px;
		font-weight: 900;
		color: #fff;
	}

	.menu-connect{ height:100%;display:flex;flex-wrap:wrap;justify-content: center; }
	.menu-connect > div{ width:65%;}
	.menu-connect{ margin-top:40px; }
	.menu-connect h4{ font-size:20px;font-weight:600;color:#fff;line-height:1;margin-bottom:10px;font-family: 'Poppins', 'Pretendard', sans-serif; }
	.menu-connect .connect-list li{ position:relative;padding-left:24px;color:#fff;font-weight:400;line-height:1.3;font-size:16px;display:block; }
	.menu-connect .connect-list li i{ position:absolute;left:0;top:2px;font-size:18px; }
	.menu-connect .connect-list li:not(:last-child){ margin-bottom:6px; }
	.menu-connect .connect-list li.tel{ color:#007bff;font-size:20px;font-weight:600; }
	.menu-connect .connect-list li.tel i{ top:4px; }
	.menu-connect .connect-list li.tel a{ font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit;transition:all 0.4s;display:inline-block;
		font-family: 'Poppins', 'Pretendard', sans-serif; }
}	
@media screen and (max-width: 824px) {

	.gnb_depth2_wrap .ulwrap{
		width: 75%;
	}
}
@media screen and (max-width: 500px) {
	
	.menu-connect > div{ width:75%;}

	.gnb_depth2_wrap .ulwrap{
		width: 100%;
	}



	.m_header .common_header_container .common_logo > a{
	
		margin-top: -5px;
		margin-left: -20px;
	}
	.m_header .common_header_container .common_logo > a > img{
		
		width: 18%;
    	object-fit: cover;
	}


	/* .gnb_depth2_wrap {
		margin-top: 75px;
	}
	.gnb_depth2_wrap .ulwrap .gnb_depth2.fwrap {
		 display: block;
		 padding-left: 20px;
		 padding-right: 20px; 
	}
	.gnb_depth2 li:hover, .gnb_depth2 li.active {
		
		background-color: #81c147;
		opacity: 80%;
		transition: all 0.35s ease-out;
		border-radius: 8px;
		color: #fff;
		border: 1px solid #0c0c0b;
	}
	.gnb_depth2 li {
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-left: 0px;
		margin-bottom: 5px;
		
		max-height: 40px;
		font-size: 15px;
		font-weight: 600;
		display: inline-block;
		-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
		transition: all 0.35s ease-out;
		border-radius: 8px;
		border: 1px solid #81c147;
	}
	.gnb_depth2 .last_btn {
		margin-right: 0px;
	}
	.gnb_depth2 li a {
		
		color: #131111;
		padding: 5px 15px;
		line-height: 30px;
		font-size: 15px;
		font-weight: 900;
	}
	.gnb_depth2 li:hover a, .gnb_depth2 li.active a {
		font-size: 17px;
		font-weight: 900;
		color: #fff;
	} */
}