@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	font-family: "Nanum Gothic", sans-serif;
	background-color: #f9f8f8;
}

#wmd-preview img {
	width: 100%;
}

.markdown-view img {
	width: 100%;
}

/* 고정폭 1500px: full-width-layout 예외 덮어쓰기 */
.full-width-layout .wrapper,
.wrapper {
	max-width: 1500px !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* .container가 전체폭으로 풀리는 기존 규칙을 덮어씀 */
.full-width-layout .container,
.container {
	max-width: 1500px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 15px;
	padding-right: 15px;
}

/* 작은 화면용 패딩 조정 */
@media (max-width: 1500px) {
	.full-width-layout .container,
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 768px) {
	.full-width-layout .container,
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* 강제 고정폭 1500px 덮어쓰기 (인덱스 포함) */
.full-width-layout .container,
.full-width-layout .wrapper,
.wrapper,
.container,
.container-fluid {
  max-width: 1500px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 768px) {
  .full-width-layout .container,
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}