@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body,html{
	padding:0;
	margin:0}
	
body{
	background-color:#fff;
	font-family: '나눔고딕', 'Nanum Gothic', sans-serif;
	font-size:14px;
	line-height:22px;
	color:#666;
	min-height:100vh;
	position:relative;
	-webkit-text-size-adjust:none
	}
h1,h2,h3,h4,h5,h6{
	line-height:1;
	font-weight:700;
	margin:20px 0 10px 0
	}
h1,h2,h3{
	font-size:18px
	}
h4,h5,h6{
	font-size:16px
	}
p{
	margin:0 0 10px 0
	}
a{
	color:inherit;
	text-decoration:underline
	}
a.button,input[type=text],select,span.button{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
	text-transform:none;
	text-indent:0;
	font-weight:700;
	vertical-align:middle;
	line-height:20px;
	display:block;
	height:40px;
	width:100%;
	padding:10px
	}
a.button,span.button{
	background:#4bd963;
	color:#fff!important;
	font-size:18px;
	text-align:center;
	text-decoration:none
	}
input[type=text],select{
	background:#fff;
	border:1px solid #ccc
	}
.mm-divider.button{
	text-indent:0!important;
	padding:20px 20px 40px 20px!important
	}
pre{
	font-size:12px;
	width:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch
	}
nav:not(.mm-menu){display:none}.content,.footer{text-align:center}
.footer{
	background:#777;
	font-size:16px;
	font-weight:700;
	color:#fff;
	line-height:40px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height:40px;
	padding:0 50px
	}
body .mh-head{
	background:#3f3f3f;
	color:#fff
	}
body .mh-text{
	font-size:16px;
	font-weight:700
	}
.mh-head .hamburger-inner,.mh-head .hamburger-inner::after,.mh-head .hamburger-inner::before{background:#fff}
.mh-head a[href="#page"]{display:none!important}
.mm-wrapper_opening .mh-head a[href="#menu"]{display:none!important}
.mm-wrapper_opening .mh-head a[href="#page"]{display:block!important;left:0!important}
.content{
	
	padding:10px 10px 0 10px;
	-webkit-box-sizing:border-box;box-sizing:border-box;position:relative
	}
.content+.content{background:0 0}
.content+.content:last-child{padding-bottom:150px}
.content.scroll-down,.content.scroll-down~.content{padding-top:100px;min-height:calc(100vh - 50px)}
.content.scroll-down:not(:last-child),.content.scroll-down~.content:not(:last-child){
	background:url(../demo/img/arrow-down.png) center 70% no-repeat transparent}
.mm-menu:not(.mm-menu_offcanvas){z-index:10}.mm-menu:not(.mm-menu_offcanvas)+#page{display:none}
.mm-listitem .fa{margin:0 20px 0 5px;font-size:16px;width:12px;text-align:center}
.mm-menu_tileview .mm-listitem .fa{margin:0;line-height:0}.mm-menu_tileview .mm-listitem .fa+span{display:none}