@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);div,section,article,p,h1,h2,h3,h4,h5,h6,li{box-sizing:border-box}h1{margin-bottom:1.4em}h2,h3,h4{margin-bottom:1em}h3::before{content:"-"}a{text-decoration:none}a:hover{text-decoration:underline}p{line-height:1.8rem}html{font-size:.83rem}h1,h2,h3,h4{font-size:1rem}h1,h2,h3,h4,h5,h6,p,span,pre,a,blockquote{font-family:'Noto Sans KR', 'Nanum Barun Gothic', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif}h1,p,span,pre,a,blockquote{color:#333}h2,h3,h4,h5,h6{color:#555}.global-wrapper{margin:0 auto;padding:1rem 2rem;max-width:980px}.global-wrapper .site-header{padding:0.5rem 0;overflow:auto}.global-wrapper .site-header h1{display:inline-block;margin:0;margin-right:0.5rem;line-height:1.8rem}.global-wrapper .site-header .tagline{display:inline-block;margin:0;font-size:0.8rem;color:dimgray}.global-wrapper .site-header .tagline::before{content:'— '}.global-wrapper .site-header .navigation .main{position:relative;display:flex;flex-wrap:wrap;margin:1rem 0 0 0;padding-left:0;height:3rem}.global-wrapper .site-header .navigation .main>li{padding:0.5rem;padding-left:0;padding-top:0;list-style:none}.global-wrapper .site-header .navigation .main>li .sub{display:none;position:absolute;margin-left:-2rem}.global-wrapper .site-header .navigation .main>li .sub>li{float:left;margin-top:0.5rem;padding:0.5rem;padding-left:0;padding-top:0;list-style:none}.global-wrapper .site-header .navigation .main>li:hover .sub{display:block}.global-wrapper .site-header .navigation .main .active{text-decoration:underline}.global-wrapper .site-header .navigation .main .active .sub{display:block}.global-wrapper .site-content{position:relative;margin:1rem 1rem 4rem 1rem}.global-wrapper .site-content .posts-content .artworks-list{display:flex;flex-wrap:wrap;flex-flow:row wrap;margin:0;padding-left:0}.global-wrapper .site-content .posts-content .artworks-list li{padding:1rem 0;margin-right:2%;width:18%;list-style:none;box-sizing:border-box}.global-wrapper .site-content .posts-content .artworks-list li a{display:block;overflow:hidden}.global-wrapper .site-content .posts-content .artworks-list li a .thumb-image{display:block;margin:0 auto;width:80%;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;text-indent:-9999px}@media all and (max-width: 640px){.global-wrapper .site-content .posts-content .artworks-list li a .thumb-image{height:80px}}.global-wrapper .site-content .posts-content .artworks-list li .caption{margin:0.5rem 0;text-align:center;font-size:0.8rem}@media all and (max-width: 640px){.global-wrapper .site-content .posts-content .artworks-list li{width:31.3%}}.global-wrapper .site-content .posts-content .texts-list{list-style:none;padding-left:0.5rem}.global-wrapper .site-content .posts-content .texts-list li{line-height:1.7rem}.global-wrapper .site-content .posts-content .texts-list li .post-date{margin-right:0.3rem;margin-left:-0.2rem;font-size:0.9rem;color:dimgray}.global-wrapper .site-content .posts-content .texts-list li::before{content:'_'}.global-wrapper .site-content .post-wrapper{padding-top:2rem}.global-wrapper .site-content .post-wrapper header{height:2rem}.global-wrapper .site-content .post-wrapper .artwork-content{margin-bottom:4rem}.global-wrapper .site-content .post-wrapper .artwork-content .artwork-image img{display:block;margin:0 auto;max-width:80%;max-height:720px}.global-wrapper .site-content .post-wrapper .artwork-content .artwork-image p{text-align:center}@media all and (max-width: 960px){.global-wrapper .site-content .post-wrapper .artwork-content .artwork-image img{max-width:90%}}@media all and (max-width: 640px){.global-wrapper .site-content .post-wrapper .artwork-content .artwork-image img{max-width:100%}}.global-wrapper .site-content .post-wrapper aside{position:absolute;top:0;right:0}.global-wrapper .site-content .post-wrapper aside p{margin:0}.global-wrapper .site-content .artwork-wrapper header h1{display:none}.global-wrapper .site-content .page-wrapper .page-content ul{list-style:none;padding-left:0}.global-wrapper .site-content .page-wrapper .page-content ul li{line-height:1.6rem}.global-wrapper .site-content .page-wrapper .page-content .about-info{margin-bottom:2rem}.global-wrapper .site-footer{padding:0.2em;bottom:0}.global-wrapper .site-footer .copyright{text-align:center;color:dimgray;font-size:0.8rem}.global-wrapper .site-footer .copyright a{text-decoration:underline;color:dimgray}