.all_wapper {
	width: 100%;
	overflow: hidden;
}

/*일반 웹에서볼때 작업용의함을 위해*/
@media only screen and (max-width:1400px) {
	.all_wapper {
		overflow: hidden !important;
		width:100%; max-width: 500px !important;
		margin:0 auto;
	}
}

body.scrollno{width:100%; height:100vh; overflow:hidden}
header{background:#fff; width:100%; border-bottom:1px solid rgba(0,0,0,.1); height:80px;}
header .header-wrap{width:90%; max-width:500px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center;  justify-content: space-between;}
header .logo{display: flex; flex-wrap: wrap; align-items: center; height: 80px;}
header .logo img{height:65px}

.hd-right, .sns{display:flex; flex-wrap:wrap; align-items:center}
.sns li img{width:40px}
.sns li:nth-child(n+2){margin-left:5px}

.toggle-nav{display:block; margin-left:10px}
.toggle-nav span{display:inline-block;width:26px; height:22px;vertical-align:middle;border-top:2px solid #000; border-bottom:2px solid #000;position:relative;cursor:pointer}
.toggle-nav span:after{content:''; width:100%; height:2px; background:#000; position:absolute; right:0; top:50%; transform:translateY(-50%);}

.m-nav{display:none}
.m-nav.open{position:fixed;left:0; top:0; z-index:9999; display:block; background:#f2f2f2; width:100%; height:100vh; padding:50px 5%; box-sizing:border-box; color:#fff; overflow-y:auto}
.m-nav .slogon {position:absolute; top:15px; left:5%}
.m-nav .slogon img{height:65px}
.m-nav .mNav-wrap{margin-top:70px;border-bottom:1px solid rgba(0,0,0,.5)}
.m-nav .mNav-wrap > li{border-top:1px solid rgba(0,0,0,.5);padding:17px; padding-bottom:14px; position:relative;}
.m-nav .mNav-wrap > li span{display:inline-block; width:100%; position:relative; font-size:17px; font-weight:500; cursor:pointer;}
.m-nav .mNav-wrap > li span:after{content:'';position:absolute; width:20px;height:12px;background:url('/m/images/common/arrow-down.png') no-repeat 50% 50%; background-size:cover;right:0;top:50%; margin-top:-6px;opacity:.5;transform:rotate(-90deg); transition: all .2s ease-in-out;}
.m-nav .mNav-wrap > li .sub-menu{position:absolute;height:0;display:none; padding-left:10px}
.m-nav .mNav-wrap > li .sub-menu a{color:#666; font-size:15px; cursor:pointer; text-decoration:none}
.m-nav .mNav-wrap > li.open .sub-menu{display:block;position:relative;height:auto;}
.m-nav .mNav-wrap > li.open span{color:#f00}
.m-nav .mNav-wrap > li.open span:after{opacity:.8;transform:rotate(0deg)}
.m-nav .mNav-wrap > li.open .sub-menu li{margin-top:12px}
.nav-close{position:absolute; top:30px; right:5%;width:30px; height:30px;transform:rotate(45deg); cursor:pointer}
.nav-close span{display:inline-block;width:100%; height:2px; background:#000;position:absolute; top:48%; left:0}
.nav-close span:last-child{width:2px; height:100%; top:0; left:48%}






@media (max-width: 340px) {




}