/* RESET */
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, font, 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 {
  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
  vertical-align: baseline; background: transparent; font-family:Nanum Gothic,Malgun Gothic,Sans;
  color:#333; text-shadow:0px 1px 0px #fff;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
::selection { background-color:#f9dc41; color:#333;}
::-moz-selection { background-color:#f9dc41; color:#333;}
figure { margin:0 }

/* GLOBAL ELEMENTS */
body, input, textarea { color: #000; font: 16px/1.6 "helvetica neue",helvetica,arial,sans-serif; }
p, ul, ol, dd, pre { margin-bottom: 20px; }
pre, code { font: 12px Monaco,monospace; line-height: 1.6; }
blockquote { border-left: 5px solid #ddd; color: #555; font-style: italic; margin: 0 0 20px; padding: 0 0 0 10px; }
table { border: 1px solid #ccc; border-width: 1px 1px 0 1px; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0; text-align: left; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: .7em 1.25em; }
hr { background-color: #ccc; border: 0; color: #555; height: 1px; margin-bottom: 20px; }
a:link, a:visited { color: #a33446; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { clear:both; }
a img:focus, a img:hover, a img:active { border-color: #a33446; }

body {
  background:url('https://static.tumblr.com/udrhgqb/Yj3lzahv8/bg_body.png') repeat;
}

/* STRUCTURE */
#wrapper { margin:0px auto 20px; }
#header { border:0px;position:relative; }
#main { border:0px;position:relative;z-index:99 }

#container { }
#footer { color: #555;font-size: 12px; padding: 20px 0; text-align:center; }

/* DEFAULT CSS */
#branding {
  padding: 40px 0;
  text-align: center;
}
#branding a {
  color: #000;
  font: 50px/1 Georgia, serif;
  font-weight: normal;
  text-decoration: none;
}
#branding a:focus, #header a:hover, #header a:active {
  color: #a33446;
}

#access {
  font-size: 12px;
  overflow: hidden;
  padding: 20px 0 5px;
}

#pages ul {
  float: left;
  margin-bottom: 0;
}
#pages li {
  float: left;
  margin-right: 10px;
  padding: 3px 0;
}
#pages li.rss {
  margin-right: 0;
}
#pages a, #header #pages a:visited {
  color: #555;
  text-transform: uppercase;
}
#search {
  display: block;
  float: right;
  width: 200px;
}
#search .search-text {
  float: right;
  height: 15px;
  padding: 4px 10px;
  width: 130px;
  font-size: 12px;
  border-radius:15px;
  border:1px solid #999;
  background:rgba(255,255,255,0.7)
}
.post {
  padding: 20px 20px 60px 80px;
  position: relative;
  background:url('https://static.tumblr.com/udrhgqb/FkXlzafyh/bg_content.png') repeat;
  border-radius:15px;
  overflow: hidden;
  box-shadow: 2px 2px 5px #666;
  margin:0 0 30px;
}

.post-type a {
  height: 48px; width: 48px;
  position: absolute; left: 15px; top: 20px;
  text-indent: -9999px;
  background-color: #222222;
  border-radius: 50%;
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 3px 6px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.25s ease, box-shadow 0.25s ease;
}
.post-type-text .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'></path><polyline points='14 2 14 8 20 8'></polyline><line x1='16' y1='13' x2='8' y2='13'></line><line x1='16' y1='17' x2='8' y2='17'></line><polyline points='10 9 9 9 8 9'></polyline></svg>");
}
.post-type-photo .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'></path><circle cx='12' cy='13' r='4'></circle></svg>");
}
.post-type-photoset .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'></path><circle cx='12' cy='13' r='4'></circle></svg>");
}
.post-type-quote .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h3c0 4-3 6-3 6zm11 0c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2h-4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h3c0 4-3 6-3 6z'></path></svg>");
}
.post-type-link .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'></path><path d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'></path></svg>");
}
.post-type-chat .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 8h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2v4l-4-4H9a1.9 1.9 0 0 1-1.22-.43'></path><path d='M12 2H4a2 2 0 0 0-2 2v10l4-4h6a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'></path></svg>");
}
.post-type-audio .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 18v-6a9 9 0 0 1 18 0v6'></path><path d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'></path></svg>");
}
.post-type-video .post-type a {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M23 7l-7 5 7 5V7z'></path><rect x='1' y='5' width='15' height='14' rx='2' ry='2'></rect></svg>");
}
.post-type a:focus, .post-type a:hover {
    background-color: #444444;
    box-shadow: 0 6px 12px rgba(0,0,0,0.18), 0 4px 8px rgba(0,0,0,0.12);
    -webkit-transform: rotate(15deg) scale(1.08);
    -moz-transform: rotate(15deg) scale(1.08);
    transform: rotate(15deg) scale(1.08);
}
.post-type a:active {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -webkit-transform: rotate(45deg) scale(0.92);
    -moz-transform: rotate(45deg) scale(0.92);
    transform: rotate(45deg) scale(0.92);
}

.post-title {
    font: 22px/1.6 Malgun Gothic,Georgia,serif;
    font-weight:bold;
    margin: 6px 0 20px;
}
.post-title a { color:#2e2d2d; }
.post-title a:hover { text-decoration:none; }

.post-type-link .link-content {
  background-color: rgba(255,255,255, 0.4);
  padding: 15px;
  margin-bottom: 10px;
}
.post-type-link .link-content h3 {
  margin-bottom: 5px;
}
.post-type-link .link-content h3 a {
  color: #2e2d2d;
}
.post-type-link .link-content .excerpt {
  display: block;
  margin-bottom: 10px;
}
.post-type-link .link-content .host {
  display: block;
  font-size: 11px;
}

.post .post-content .npf_row {
  margin: 0px;
}

.post-content {
  color: #81817F; line-height: 1.65;
  font: 13px/1.5 '돋움',dotum,Tahoma,AppleGothic,Sans-serif; margin:10px 0 55px;
}
.post-content img { max-width:100%; border-radius: 12px; }
.post-content h2 { font-size:1.4em; margin:20px 0 10px }
.post-content iframe { max-width:100%; }
.post-content hr { margin: 3em; }
.post-content ul, .post-content ol {
  padding-left:30px;
}
.post-content ul li {
  list-style-type: disc;
}
.post-content ul ul, .post-content ul ol {
  margin-bottom: 0;
}

.post-content ol li {
  list-style-type: upper-latin;
}
.post-content ol ol, .post-content ol ul {
  margin-bottom: 0;
}
.post-content ol ol li, .post-content ul ol li {
  list-style-type: lower-latin;
}
.post-content .read-more {
  display:inline-block;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 15px;
  color: #555;
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), all 0.25s ease;
}
.post-content .read-more:hover {
  border-color: #a33446;
  color: #a33446;
  text-decoration: none;
}

.post-type-photo .post-content .photo,
.post-type-photoset .post-content .html_photoset,
.post-type-video .post-content .video-wrap {
  margin-bottom: 10px;
}
.post-type-chat .post-content .label {
  color: #333;
  font-weight: bold;
}
.post-type-audio .post-content .caption {
  margin-top: 20px;
}
.tags {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top:55px;
  padding-left: 20px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'></path><line x1='7' y1='7' x2='7.01' y2='7'></line></svg>");
  background-size: 14px 14px;
  background-position: left center;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.tags a {
  border: 1px solid #ccc;
  border-radius: 30px;
  color: #555;
  margin-right: 1px;
  padding: 2px 10px;
  transition: all 0.25s ease;
}
.tags a:focus, .tags a:hover {
  border-color: #a33446;
  color: #a33446;
  text-decoration: none;
}
.post-meta {
  font-size: 12px;
  overflow: hidden;
}
.post-meta .date, .post-meta .comments, .post-meta .note-count {
  float: left;
}
.post-meta a {
  color: #555;
  margin-right: 20px;
  padding: 0 0 0 20px;
  display:inline-block;
  height:16px;
  line-height:16px;
  background-size: 14px 14px;
  background-position: left center;
  background-repeat: no-repeat;
}
.post-meta .date a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'></rect><line x1='16' y1='2' x2='16' y2='6'></line><line x1='8' y1='2' x2='8' y2='6'></line><line x1='3' y1='10' x2='21' y2='10'></line></svg>");
}
.post-meta .comments a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'></path></svg>");
}
.post-meta .note-count a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'></path></svg>");
}
.post-comment { margin-top:15px; }
.share-this-post {
  margin-top: 10px;
}
.fb-like { margin:0; }
.fb-comments { margin:0; }

#post-notes {
  font-size: 12px;
  line-height: 1.6;
  padding: 10px 0;
  background:url('https://static.tumblr.com/udrhgqb/FkXlzafyh/bg_content.png') repeat;
  border-radius:15px;box-shadow: 2px 2px 5px #666;
  margin-bottom: 30px;
}
#post-notes ol {
  margin-bottom:0px;
}
#post-notes ol li {
  padding: 8px 20px;
}
#post-notes ol li:last-child {
  border-bottom:0px;
}
#post-notes ol li img {
  border: none;
  margin-right: 4px;
  vertical-align: middle;
}
#post-notes ol li blockquote {
  margin: 10px 0 0 20px;
}
.widget {
  color: #555;
  font-size: 12px;
  padding: 20px 0;
}
.widget h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.widget ul {
  margin-bottom: 0;
}
.pagination {
  color: #555;
  font-size: 10px;
  overflow: hidden;
  padding: 10px 0;
  text-transform: uppercase;
  text-align:center;
}
.pagination .previous-page, .pagination .page-number, .pagination .next-page {
  display:inline-block;
}
.pagination .page-number {
  margin:0 5px;
}
.pagination a {
  color: #555;
}
.pagination .previous-page a, .pagination .next-page a {
  display:inline-block;
  width:16px;
  height:16px;
  text-indent:-9999px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.pagination .previous-page a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'></polyline></svg>");
}
.pagination .next-page a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>");
}
.post-nav {
  display: flex;
  width: 100%;
}
.post-nav .previous-page {
  margin-right: auto;
}
.post-nav .next-page {
  margin-left: auto;
}

#wrapper { width:600px; }

@media (max-width: 630px) {
  #branding a {
    font: 42px/1 Georgia, serif;
  }
  #pages ul {
    text-align:center;
    float:none;
  }
  #pages li {
    display:inline-block;
    float:none;
	}

	#search {
    width: auto;
    float: none;
    margin:5px auto;
    text-align:center;
  }

	#search input.search-text {
		width: 240px;
    float:none
	}

	.post {
    padding: 0;
    margin: 0 10px 30px;
  }

  .post-meta {
    padding:10px 0px 20px;
  }
  .post .post-content .post-text,
  .post .post-content .caption,
  .post .post-content .tags,
  .post-type-link .description,
  .post .post-meta { padding-left:15px; padding-right:15px; }

  .post-type-photoset,
  .post-type-video,
  .post-type-photo { padding:0 }
  
  .post-content img { border-radius: 0; }
  .post .post-content .npf_row {
    margin-left:-15px;
    margin-right:-15px;
  }
  .post-content .read-more-container { margin: 15px; }

	.post-comment { margin-top:0; }

	.post-footer {
    border-top: 1px solid #ccc;
    font-size: 11px;
    overflow: hidden;
    padding: 10px 15px;
	}
  .post-footer .author {
    float: left;
  }
  .post-footer .shorturl {
    float: right;
  }

	#post-notes {
    margin: 0 10px 30px;
	}
	#post-notes ol li {
		padding: 10px 20px;
	}

  .pagination {
    margin: 0 10px;
  }

	.post img { max-width:100%; height:auto }
	.post iframe { max-width:100%; }
	.post .post-type { display:none; }
	.post-title { padding:15px 15px 0 15px; margin:0 0 10px; }
	.post-content { margin:0px; }
	.post-content p { font-size:14px; line-height:20px; }
  #wrapper { width:auto }
  .comments-wrap { padding: 0 7px; }
}