/* 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:20px;
        }
            .tags a {
                border: 1px solid #ccc;
                border-radius: 30px;
                color: #555;
                margin-right: 1px;
                padding: 2px 10px;
            }
            .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;
}
    #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 5px
	}
	#post-notes ol li {
		padding: 10px 20px;
	}

	.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; }
}