@media only screen and (min-width: 992px) {
  body > header {
  margin-top: 50px;
  border-radius: 8px 8px 0 0;
  background-color: rgba(51, 51, 51, 0.6);
}
  
/* desktop 사이드바 스타일 수정 */    
  #content {
  margin-right: 290px;
}
  aside.sidebar {
  width: 290px !important;
  padding: 0 !important;
}
  aside > .google-search {
  padding: 13px !important;
  border-bottom: 1px solid #ddd;  
}
  aside > .sidebar-custom {
  padding: 5px 20px 20px 20px !important;
}

/* desktop footer 스타일 수정 */  
  body > footer {
  border-radius: 0 0 8px 8px !important;
  margin-bottom: 50px !important;
}
  
}


@media only screen and (min-width: 768px) {  
  body > header h1 a, body > header h2 {
  line-height: .7em;
  font-size: .9em;  
}
  body > header {
  padding-top: 1em;
}
  
/* desktop footer 스타일 수정 */  
  body > footer {
  border-radius: 0 0 0 0;
  margin-bottom: 0;
}
  
/* desktop 인덱스 스타일 수정 */  
  #content .blog-index article h1 {
  margin-top: 0;
}
  #content .blog-index article h1 a {
  font-size: .8267em;
  line-height: 1.2em;  
}
  #content .blog-index article header {
  margin-bottom: .9em;
}
  #content .blog-index article > p, #content .blog-index a[rel="full-article"] {
  font-size: .795em;
  line-height: 1.75em;
}  
  #content div.pagination {
  font-size: .795em;
}
  
/* desktop 본문 스타일 수정 */  
  body #content > div > article {
  padding-top: 26.4px;
  }
  article header p.meta {
  margin-left: 5px;
  font-size: .739em;
}
  article header {
  padding: 0 0 5px 0;
  }
  article header h1 {
  font-size: 1.818em;
  margin-top: .4em;
}
  div.entry-content {
  font-size: .795em;
}
  div.entry-content > p {
  margin-bottom: 1.2em;
}
  article > footer p.meta {
  font-size: .739em;
}

/* desktop 사이드바 스타일 수정 */  
  aside.sidebar {
  width: 240px;
  padding: 0 0 0 0;
}
  aside > .google-search {
  padding: 10px;
  border-bottom: 1px solid #ddd;  
}
  aside > .sidebar-custom {
  padding: 5px 15px 15px 15px;
}  
  aside.sidebar {
  font-size: .821em;
}
  aside.sidebar section h1 {
  font-size: 1.308em;
  line-height: 1.4em;
}  
  
/* gcs 버튼 스타일 수정 */
  input.gsc-search-button {
  /*
  color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.15) !important;
	background-color: #6cc644 !important;
	background-image: -webkit-linear-gradient(#91dd70, #55ae2e) !important;
	background-image: linear-gradient(#91dd70, #55ae2e) !important;
	border: 1px solid #5aad35 !important;

  */
  height: 30px !important;
  margin-left: 8px !important;

  background-color: #3cbd70 !important;
  background-image: none !important;
  border: 1px solid #36aa65 !important;
  color: #fff !important;
  border-radius: 2px !important;
}

  input.gsc-search-button:hover, input.gsc-search-button:focus {
  /*
  background-color: #55a532;
	background-image: -webkit-linear-gradient(#85d063, #4f992f);
	background-image: linear-gradient(#85d063, #4f992f);
	border-color: #519d30;
  */
  cursor: pointer;

  background-color: #33a260 !important;
  background-image: none !important;
  border-color: #2d8f54 !important;  
}  

  input.gsc-search-button:active {
  /*
  background-color: #4b912c;
	background-image: none;
	border-color: #417e26;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
  */
  box-shadow: rgba(0,0,0,0.16) !important;
  background-color: #309659 !important;
  background-image: none !important;
  border-color: #2a834e !important;  
}

}

@media only screen and (max-width: 767px) {
  body > footer {
  border-radius: 0 0 0 0 !important;
  margin-bottom: 0;
}
  body > footer, body > footer p, body > footer a, body > footer a:link, body > footer a:visited {
  line-height: 1.5em;
}
  body > header {
  padding-top: 1.7em;
  padding-bottom: 1.7em;
}
  body > header h1 a, body > header h2 {
  line-height: .9em;
}
/* 모바일 인덱스 스타일 지정 구간 */
  .blog-index > article header p.meta {
  font-size: 1.101em;  
}
  #content .blog-index article {
  font-size: .723em;
}
  #content .blog-index article > p {
  font-size: 1.258em;    
}  
  #content .blog-index a[rel="full-article"] {
  width: 90px;
  font-size: 1.12em;  
  text-align: center;
}
  
/* 모바일 포스트 본문 스타일 지정 구간 */
  .hentry > header > p, article > footer p.meta {
  font-size: .795em;  
}
  article header h1 {
  font-size: 1.591em;
}
  div.entry-content > p {
  font-size: .909em;
} 
  
/* 모바일 사이드바 스타일 지정 구간 */
  aside.sidebar {
  padding: 0 0 0 0;
}
  aside > .google-search {
  padding: 15px;
  border-bottom: 1px solid #ddd;  
}
  aside > .sidebar-custom {
  padding: 15px 18px 50px 18px;
}  
  
  
  aside.sidebar section h1 + p, aside.sidebar ul, section.odd > li {
  font-size: 1.01em;
}

/* 모바일 gcs 버튼 스타일 */  
  input.gsc-search-button {
  display: none;  
}
  
}

a, a:visited, a:focus, a:hover, a:active {
  color: #4078c0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

html {
  background-image: url(../images/bg.png);
  background-size: 300px 300px;
  background-color: #252525;
}

body {
  max-width: 1040px;
}

body > div > div {
  background: #fff top left;
  border-right: 1px solid #ddd;
}

body > div {
    background: #f5f5f5 top left;
    border-bottom: 1px solid #d8d8d8;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-family: "PT Sans", Verdana,"Apple SD Gothic Neo","맑은 고딕","Malgun Gothic",dotum, serif;
}

body > header h1 a, body > header h2 {
  font-family: "PT Serif", serif;
  letter-spacing: -0.3px;
}

body > header h2 {
  color: #888;
}

body > footer p:last-child, body > footer p .credit, body > footer a, body > footer a:hover, body > footer a:visited {
  font-family: Verdana, "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", dotum;
  font-size: 12px;
  color: #333;
}

#content .blog-index article h1 a, #content .blog-index article h1 a:hover {
  font-family: "PT Sans", Gulim, serif;
  font-weight: 600;
  letter-spacing: -1px;
  color: #333;
}

#content .blog-index article > p {
  color: #767676;
}

#content .blog-index a[rel="full-article"] {
  transition: all 0.2s ease-in-out;
  font-weight: 600;
  background: #f3f3f3;
}

#content .blog-index a[rel="full-article"]:hover {
  background: #4078c0;
  color: #fff;
}

article header p.meta {
  color: #888;  
}

article header p.meta span {
  padding: 0 1px 0 1px;
}

a.label {
  text-decoration: underline;
}

#content div.pagination a {
  color: #333;
}

#content div.pagination a:hover {
  color: #4078c0;
  text-decoration: underline;
}

aside.sidebar {
  color: #767676;
}

aside.sidebar:hover a {
  color: #333;
}

aside.sidebar:hover a:hover {
  color: #4078c0;
}

aside.sidebar section h1 {
  font-family: "PT Serif", Georgia, Times, "Times New Roman", Gulim, serif;
  font-weight: 600;
  color: #333;
}

/* 여기부터 페이지 스타일 지정 구간 */

article header h1 {
  font-family: "PT Sans", Gulim, serif;
  color: #333;
  font-weight: 600;
  letter-spacing: -1px;
}

div.entry-content > p {
  color: #333;
}

article > footer p.meta {
  color: #535353;
}

article > footer p.meta a {
  text-decoration: underline;
}

.basic-alignment.left .fa, .basic-alignment.right .fa {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 1em;
}

#disqus_thread {
  margin-bottom: 10px;
}

/* 구글맞춤검색 사이드바 스타일 지정 구간 */

table.gsc-search-box td {
  border: none;
}

td.gsc-clear-button {
  display: none;
}

form.gsc-search-box {
  padding: 0 !important;
  margin: 0 !important;
}

input.gsc-input {
  border-radius: 2px;
  border: 1px solid #ddd !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
  outline: none !important;  
  background: #fff url(../images/search.png) !important;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: left 15px center !important;
  color: #333;
  vertical-align: middle !important;
  padding: 6px 8px !important;
  font-size: .9em !important;
  min-height: 18px;
  text-indent: 30px !important;
  
}

input.gsc-input:focus {
	border-color: #51a7e8 !important;
	outline: none !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* 구글맞춤검색 본문구역 스타일 지정 구간 */

.gsc-orderby-container {
  display: none !important;
}

.gcsc-branding-clickable img {
  vertical-align: middle;
  box-shadow: none !important;
}

.gsc-control-cse, .gsc-tabHeader.gsc-tabhActive, .gsc-webResult.gsc-result, .gsc-table-cell-snippet-close, .gsc-control-cse .gsc-table-result, #___gcse_1 > div > div > div > div.gsc-wrapper > div.gsc-resultsbox-visible > div > table > tbody > tr > td.gsc-configLabelCell, .gsc-result-info-container, .gsc-above-wrapper-area-container, .gsc-resultsHeader td.gsc-twiddleRegionCell {
  padding: 0 !important;
  border: none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #fff !important;
}

.gsc-table-cell-snippet-close {
  padding: 0 0 10px 0 !important;
}