/*---------------------------------------------------------------------------------
  스킨: 깨진조각
  버전: 2.1.9
  제작자: 롤랑존
  홈페이지: http://photobit.tistory.com
  라이선스: GNU General Public License version 2.0
	라이선스 원문: http://www.gnu.org/licenses/gpl-2.0.html
  설명: 하나의 사진과 글을 적는 개인 블로그에 알맞은 스킨입니다.
---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
	CSS 초기화
	==========

  제작자: Eric Meyer
  홈페이지: http://meyerweb.com/eric/tools/css/reset/
  라이선스: none (public domain)
---------------------------------------------------------------------------------*/
body,html{margin:0;padding:0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-weight:400;font-style:normal;font-size:100%;line-height:1;font-family:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
b,strong{font-weight:700}
em{font-style:italic}
em strong,strong em{font-weight:700;font-style:italic}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0}
a{outline:0}
input[type=search]{-moz-appearance:none;-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
/*---------------------------------------------------------------------------------
	기본 설정
	==========
---------------------------------------------------------------------------------*/
body a,body a:hover{color:#b07496}
*{box-sizing:border-box}
body{border:none;font-size:16px;font-family:'Noto Sans',sans-serif;color:#444;background-color:#fff;text-shadow:rgba(0,0,0,.01) 0 0 1px}
body a{text-decoration:none}
img{max-width:100%;height:auto}
p{line-height:180%}
/*---------------------------------------------------------------------------------
	기본 숨김
	==========
---------------------------------------------------------------------------------*/
#tistorytoolbarid,.tistoryProfileLayerTrigger{display:none!important}
/*---------------------------------------------------------------------------------
	기본 구조
	==========
---------------------------------------------------------------------------------*/
.full-section-box,.section-box,.semi-section-box{vertical-align:middle;text-align:center}
.mask,.middle{left:0;right:0;top:0;bottom:0}
.section{padding:0;margin:0;width:100%;height:100vh}
.section.result{margin:0 0 0 300px;width:auto}
.semi-section{padding:0;margin:0;width:100%}
.section-box{padding:5% 10%}
.semi-section-box{padding:2% 10%}
.intro{height:50vh;position:relative}
.mask{background-color:rgba(0,0,0,.3);position:absolute;z-index:99}
.mask-over,.spot,.spot-inject{position:relative}
.mask-over{z-index:100}
.full-section-box{height:100vh}
.spot{max-width:700px;margin:5% auto}
.spot-inject{max-width:700px;margin:0 auto 5%}
.spot+.spot-inject{margin-bottom:0}
.spot-inject+.spot-inject{margin-top:3%;margin-bottom:3%}
.clear{clear:both}
.hidden{display:none!important}
.far-left{float:left}
.far-right{float:right}::selection{background:#676363;color:#FFF}
.middle{flex-direction:column;justify-content:center;height:100%;position:absolute;display:-webkit-inline-box;-webkit-box-pack:center;-webkit-box-align:center}
.mobile-footer{display:none}
/*---------------------------------------------------------------------------------
	Transitions
	==========
---------------------------------------------------------------------------------*/
#toggle-top,.blog-info #blog-desc,.blog-info #notice-info,.mobile-menu a,.search-content-wrap .search-content,.search-thumbs-wrap .item .mask,.sitemap-info{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.article-desc,.blog-info .category-info li a,.comment-form input[type=text],.comment-form input[type=password],.comment-form textarea,.sitemap-info li a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
/*---------------------------------------------------------------------------------
	헤드라이트 및 기본 태그
	==========
---------------------------------------------------------------------------------*/
h1,h1 a,h1 a:hover,h2,h2 a,h2 a:hover,h3,h3 a,h3 a:hover,h4,h4 a,h4 a:hover,h5,h6{color:#116671;font-weight:700}
h1,h2,h3,h4,h5,h6{margin-bottom:25px}
h2{font-size:3em;color:#fff;word-break:keep-all;word-wrap:break-word}
h4{font-size:1.2em}
hr{width:100%;border:0;margin:25px auto;height:10px;text-align:center;color:#d4dbc9}
hr:after{content:"* * *";font-weight:700}
.grit{-webkit-mask-image:url(images/grit.png);mask-image:url(images/grit.png)}
/*---------------------------------------------------------------------------------
	메뉴
	==========
---------------------------------------------------------------------------------*/
#toggle-menu{display:none}
#tt-body-guestbook #toggle-menu,#tt-body-page #toggle-menu{position:absolute;top:20px;left:20px;display:block;z-index:1000;font-size:1.5em;color:#fff}
#tt-body-guestbook #toggle-menu.on,#tt-body-page #toggle-menu.on{color:#b07496}
#toggle-menu.on+.blog-info-wrap{visibility:visible;z-index:999;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.5);box-shadow:0 0 1px 0 rgba(0,0,0,.5)}
/*---------------------------------------------------------------------------------
	닫기 버튼
	==========
---------------------------------------------------------------------------------*/
#toggle-close{visibility:hidden;position:absolute;top:20px;left:20px;display:block;z-index:1000;font-size:1.5em;color:#fff}
#toggle-close.on{visibility:visible}
/*---------------------------------------------------------------------------------
	검색 버튼
	==========
---------------------------------------------------------------------------------*/
#toggle-search{position:absolute;top:20px;right:20px;display:block;z-index:1000;font-size:1.5em}
#tt-body-guestbook #toggle-search,#tt-body-page #toggle-search{color:#fff}
/*---------------------------------------------------------------------------------
	검색
	==========
---------------------------------------------------------------------------------*/
.search-wrap{display:none}
.search-form #s{display:block;border:none;margin:0;font-family:'Noto Sans',sans-serif;font-size:3em;line-height:150%;text-align:center;padding:5% 3%;width:100%;background:rgba(0,0,0,.1);color:#444;opacity:1}
.search-form #s:-webkit-input-placeholder{color:rgba(255,255,255,.5)}
.search-form #s:-ms-input-placeholder{color:rgba(255,255,255,.5)}
.search-form #s:focus{outline:0}
/*---------------------------------------------------------------------------------
	방명록
	==========
---------------------------------------------------------------------------------*/
.guestbook-info h4{font-size:3em;color:#fff}
/*---------------------------------------------------------------------------------
	검색 결과
	==========
---------------------------------------------------------------------------------*/
#tt-body-category .search-info,#tt-body-index .search-info,#tt-body-search .search-info,#tt-body-tag .search-info{display:block}
.search-info{display:none}
.search-info h4{font-size:.9em;line-height:130%}
/*---------------------------------------------------------------------------------
	검색 스타일
	==========
---------------------------------------------------------------------------------*/
.search-no-result{width:100%;height:100vh;overflow:hidden;position:relative}
.search-no-result h2{font-weight:700;color:#fff;text-shadow:3px 5px 3px #111,-2px 3px 3px #111,3px -3px 3px #111}
/*---------------------------------------------------------------------------------
	검색 페이지
	==========
---------------------------------------------------------------------------------*/
.search-content-wrap,.search-thumbs-wrap{position:relative;height:100%;float:left}
.item,.item .item-content-date,.item .item-content-image+.item-content-image,.item .item-content-summary{display:none}
.search-thumbs-wrap{width:20%;z-index:100;overflow:overlay;padding:0}
.search-content-wrap{width:80%;overflow:hidden}
.search-content-wrap .search-content{-webkit-transition-delay:0s;transition-delay:0s;height:100%}
.search-thumbs-wrap .item{float:left;margin:0 0 1.6% 1.6%;background:#fff}
.search-thumbs-wrap .item .mask{border-radius:0}
.search-thumbs-wrap .item:hover .view{color:#b07496}
.search-thumbs-wrap .item .view{position:absolute;left:0;right:0;bottom:20px;margin:0 auto;color:#c9c2ad;z-index:100;cursor:pointer;width:24px;height:24px;font-size:1.5em}
.item .item-content{position:relative;height:100%;overflow:hidden}
.item .item-content-image{max-width:100%;padding-bottom:100%}
.item .item-content-category,.item .item-content-title{font-size:.8em;width:100%;z-index:100;padding:10px;-webkit-box-orient:vertical;text-overflow:ellipsis;position:absolute;text-align:left;overflow:hidden;line-height:130%}
.item .item-content-image img{max-width:100%;height:auto}
.item .item-content-category{top:10px;display:block;display:-webkit-box;height:26px;-webkit-line-clamp:1}
.item .item-content-category a{color:#c7d9bc}
.item .item-content-title{top:32px;display:block;display:-webkit-box;height:42px;-webkit-line-clamp:2;margin:0 auto}
.item .item-content-title a{color:#fff;font-weight:400}
.search-content-wrap .search-content-caption{position:absolute;width:50%;top:50%;left:0;text-align:left;transform:translateY(-50%);margin:0 auto;overflow:hidden;color:#fff;font-size:.8rem;background-color:rgba(0,0,0,.5);padding:30px 20px}
.search-content-wrap .search-content-caption p{color:#fff}
.search-content-caption .search-content-category{font-size:1em;font-weight:700;line-height:130%;margin:0 auto 5px}
.search-content-caption .search-content-category a{color:#c7d9bc}
.search-content-caption .search-content-title{font-size:1.5em;font-weight:700;line-height:130%;margin:0 auto 15px}
.search-content-caption .search-content-title a{color:#fff;padding-bottom:2px;word-break:keep-all;word-wrap:break-word;opacity:.9}
.search-content-caption .search-content-summary{margin:0 auto 10px;line-height:130%;word-break:keep-all;word-wrap:break-word}
.search-content-caption .search-content-date{opacity:.7}
/*---------------------------------------------------------------------------------
	글 정보
	==========
---------------------------------------------------------------------------------*/
.article-info{display:block;z-index:100}
#tt-body-page .article-info h2 a{font-weight:700;color:#fff;line-height:130%}
#tt-body-page .article-info .article-info-date{color:#fff;font-size:.8em;margin-bottom:10px}
.article-thumbnail{max-height:500px;overflow:hidden;position:relative}
.article-thumbnail p{position:absolute;bottom:0;padding:2%;text-align:justify;color:#fff;background:rgba(17,17,17,.3)}
.article-thumbnail img{width:100%!important;display:block;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;font-size:.8em}
.article-thumbnail+.article-desc{display:none}
.article-info+.article-desc{margin:5% auto 0}
/*---------------------------------------------------------------------------------
	글 관리
	==========
---------------------------------------------------------------------------------*/
.article-admin{font-size:.8em;text-align:center}
.article-admin a{margin-right:2%}
/*---------------------------------------------------------------------------------
	글 메타
	==========
---------------------------------------------------------------------------------*/
h3.article-category{position:absolute;top:22px;left:0;right:0;bottom:0;text-align:center;margin-bottom:0;width:100%;display:block;display:-webkit-box;height:22px;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
h3.article-category,h3.article-category a,h3.article-category a:hover{color:#c7d9bc;font-weight:700;font-size:1.1em}
/*---------------------------------------------------------------------------------
	글 저자
	==========
---------------------------------------------------------------------------------*/
.article-author{text-align:center;font-size:.8em;border-top:solid 2px #eee;width:100%;height:100px;margin-top:100px;top:50%;z-index:1}
.article-author .article-author-inner{background:#fff;padding:0 20px;margin-top:-45px;margin-bottom:10px;display:inline-block;z-index:5}
.article-author .photo{height:60px;width:60px;border-radius:50%;margin:0 auto 10px}
.article-author .photo img{border-radius:100%;height:100%}
.article-author .name{font-weight:700;margin-bottom:10px}
.article-author .desc{opacity:.7}
/*---------------------------------------------------------------------------------
	글 본문
	==========
---------------------------------------------------------------------------------*/
.article-desc P *{font-family:'Noto Sans',sans-serif!important}
.article-desc{opacity:0;word-break:keep-all;word-wrap:break-word}
.article-desc :last-child{margin-bottom:0}
.article-desc h1,.article-desc h2,.article-desc h3,.article-desc h4,.article-desc h5,.article-desc h6{margin:50px 0 25px;color:#444;line-height:120%}
.article-desc h3+h4{margin:25px 0}
.article-desc h1{font-size:2em;font-weight:700}
.article-desc h2{font-size:1.75em;font-weight:700}
.article-desc h3{font-size:1.5em;font-weight:700}
.article-desc h4{font-size:1.25em}
.article-desc h5{font-size:1.1em}
.article-desc h6{font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.article-desc ul{list-style:disc;margin-left:1.5em}
.article-desc ul ul{list-style:circle}
.article-desc ul ul ul{list-style:square}
.article-desc ol{list-style:decimal;margin-left:1.5em}
.article-desc ol ol{list-style:lower-alpha}
.article-desc ol ol ol{list-style:lower-roman}
.article-desc ol ol,.article-desc ol ul,.article-desc ul ol,.article-desc ul ul{margin-bottom:0}
.article-desc li{margin-bottom:.5em;line-height:170%}
.article-desc ol ol li,.article-desc ol ul li,.article-desc ul ol li,.article-desc ul ul li{margin-top:.5em}
.article-desc ol>li:last-child,.article-desc ul>li:last-child{margin-bottom:0}
.article-desc p{margin-bottom:25px}
.article-desc pre{font-family:Consolas,'Noto Sans',sans-serif;line-height:180%;margin-bottom:35px}
.article-desc code{line-height:130%;letter-spacing:-1px;padding:1em;word-wrap:normal}
.article-desc blockquote{margin:40px auto;padding:2% 0 2% 5%;position:relative;color:#666;font-size:1em;line-height:180%;border-left:10px solid #EEE;font-weight:400}
.article-desc .col2,.article-desc .col3{display:block;float:left!important;vertical-align:top;margin-left:1.6%}
.article-desc cite{font-weight:700;letter-spacing:1px;text-transform:uppercase;display:block;margin-top:1em;color:#444;font-size:.8em}
.article-desc cite:before{content:"— "}
.article-desc .imageblock{width:100%!important;height:auto;overflow:hidden}
.article-desc .col2{width:49.2%}
.article-desc .col3{width:32.26%}
.article-desc .imageblock img{width:auto!important;height:auto!important;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.article-desc .imageblock .cap1{font-weight:100;width:100%!important;padding-top:.5em;color:#888;font-size:.8em!important;line-height:130%!important}
/*---------------------------------------------------------------------------------
	iframe
	==========
---------------------------------------------------------------------------------*/
.responsive-container{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;margin-bottom:25px}
.responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*---------------------------------------------------------------------------------
	글 태그
	==========
---------------------------------------------------------------------------------*/
.article-tag{margin-top:25px}
.article-tag .tags a{font-size:.75rem;margin-right:3px}
.article-tag .tags a:before{font-family:FontAwesome;display:inline-block;content:"\f292"}
/*---------------------------------------------------------------------------------
	보호글
	==========
---------------------------------------------------------------------------------*/
.protected{background-color:#CE534D}
.protected h2{color:#fff}
.protected .article-desc{text-align:center;font-weight:700}
/*---------------------------------------------------------------------------------
	댓글
	==========
---------------------------------------------------------------------------------*/
.tt_more_preview_comments_wrap{margin-bottom:8%}
.tt_more_preview_comments_text{background:#c7d9bc;color:#fff;padding:1%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.tt_more_preview_comments_text:before{font-family:FontAwesome;display:inline-block;content:"\f078";padding-right:5px}
.comments{word-break:keep-all;word-wrap:break-word}
.comments-action .comments-title{float:left}
.comments-action .comments-title img{vertical-align:middle}
.comments-action #go-form{float:right}
.comments-action #go-form a{color:#716671}
.comment-form p{margin-bottom:20px}
.comment-form p:last-child{margin-bottom:0}
li.comment,li>div.comment{margin-bottom:25px;position:relative}
li>div.comment{padding-bottom:25px}
.children>li>div.comment{padding-left:10%}
.comment-form .required,.comment-form label{display:none}
.comment-meta{margin-bottom:1em}
.comment-meta-content{margin-left:80px}
.comment-meta-content:before{content:"";position:absolute;z-index:1;background-color:#eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:64px;width:64px;left:0}
.comment-meta-content img{display:block;background-color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:64px;width:64px;position:absolute;z-index:2;left:0;top:0}
.children .comment-meta-content img,.children .comment-meta-content:before{left:10%}
.guest_admin .comment-meta:before,.rp_admin .comment-meta:before{content:"";position:absolute;z-index:100;background-image:url(images/admin-star.png);background-size:contain;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:20px;width:20px;left:0}
.children .guest_admin .comment-meta:before,.children .rp_admin .comment-meta:before{left:10%}
.comment-author{font-size:.9em;margin-bottom:5px;display:block;font-weight:700;height:14px}
.comment-author a{font-weight:700}
.comment-meta-content a{color:#46433A}
.comment-meta-content a:hover{color:#c7d9bc}
.comment-meta-content p{font-size:.8em;text-transform:uppercase}
.comment-meta-content p a{color:#BBB}
.comment-meta-content p a:hover{color:#c7d9bc}
.comment-actions{font-size:.7rem;text-transform:uppercase;float:right}
.comment-actions a{margin-left:8px;color:#BBB}
.comment-actions a:first-child{margin-left:0}
.comment-content{margin-left:80px;font-size:.9em}
.comment-form input[type=text],.comment-form input[type=password],.comment-form textarea{width:100%;max-width:100%;padding:14px 16px;font-family:'Noto Sans',sans-serif;font-size:.85em;color:#AEAEAE;border:1px solid #eee;background-color:#FDFDFD;border-radius:4px;-webkit-appearance:none}
.comment-form input[type=text]:focus,.comment-form input[type=password]:focus,.comment-form textarea:focus{outline:0;background-color:#EEE;color:#46433A}
.comment-form textarea{height:180px;line-height:160%}
.comment-form input[type=submit]{display:inline-block;width:auto;max-width:none;padding:12px 16px;margin-bottom:0;border:none;background:#b07496;color:#FFF;font-family:'Noto Sans',sans-serif;font-size:.925rem;line-height:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.comment-form input[type=submit]:hover{cursor:pointer;background:#9E6A88;color:#FFF;text-decoration:none}
.comment-form input[type=submit]:active{top:1px;position:relative}
.comment-form-author{float:left;width:48%}
.comment-form-password{float:right;width:48%}
.protected-form-password{max-width:300px;margin-left:auto;margin-right:auto}
.comment-form-secret .secret-label{display:block!important}
.comment-form-secret .secret-checkbox:checked~.secret-label span:before{display:block!important;content:"비밀글로 설정되었습니다.";font-weight:700;opacity:1}
.comment-form-secret .secret-checkbox:not(checked)~.secret-label span:before{display:block!important;content:"비밀글로 설정합니다.";font-weight:700;opacity:.5;margin-left:22px;width:180px}
.comment-form-secret{font-size:.85em;position:relative;margin:10px auto}
.comment-form-secret .secret-checkbox:not(checked)~.secret-label:before{font-family:FontAwesome;display:inline-block;content:"\f096";letter-spacing:10px;font-size:1.3em;width:14px;height:14px;cursor:pointer;position:absolute;top:0;left:0;color:#D0D0D0}
.comment-form-secret .secret-checkbox:checked~.secret-label:before{content:"\f046";color:#46433A}
.comment-form-secret input[type=checkbox]{display:none}
.guest_secret .comment-content,.rp_secret .comment-content{color:#CE534D;opacity:.8}
/*---------------------------------------------------------------------------------
	관련 글
	==========
---------------------------------------------------------------------------------*/
.article-related .title{float:left}
.article-related .more{float:right}
.article-related .more a{color:#716671}
.article-related li{display:block;float:left;margin:0 0 0 1.6%}
.article-related li:first-child{margin-left:0}
.article-related .article-related-link{position:relative;display:block;width:100%}
.article-related .article-related-thumb+.article-related-thumb{display:none}
.article-related .article-related-thumb img{display:block}
.article-related .article-related-title{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;margin:auto;width:100%;text-align:left;color:#fff;line-height:130%;font-size:.8rem;padding:10px;background-color:rgba(0,0,0,.45);word-break:keep-all;word-wrap:break-word}
/*---------------------------------------------------------------------------------
	페이징
	==========
---------------------------------------------------------------------------------*/
.paging{display:none}
#tt-body-guestbook .paging,#tt-body-page .paging{display:block}
a.paging-next,a.paging-prev{color:#676363}
.paging-next-container a.paging-next,.paging-prev-container a.paging-prev{color:#fff}
.paging-info{position:relative;margin:5% auto;text-align:center}
.paging-info a{font-size:1.2em;font-weight:700}
.paging-info .paging-num{margin:0 10px;font-size:1em;line-height:130%}
.paging-info .paging-num .selected{opacity:.3}
.paging-info .paging-prev{float:left}
.paging-info .paging-next{float:right}
.no-more-next,.no-more-prev{display:block;color:#C3C3C3!important}
.paging-more{background-color:#b07496;padding:10px;margin-bottom:1.6%;color:#fff;cursor:pointer}
/*---------------------------------------------------------------------------------
	블로그 정보
	==========
---------------------------------------------------------------------------------*/
.blog-info-wrap{visibility:visible;width:300px;padding:6% 40px;position:fixed;top:0;left:0;bottom:0;background:#fff;overflow:auto}
#mobile-blog-info .profile-info h1,#mobile-blog-info .profile-info p{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tt-body-guestbook .blog-info-wrap,#tt-body-page .blog-info-wrap{visibility:hidden}
.blog-info,.blog-info a{color:#716671;text-align:center}
#mobile-blog-info{display:none}
#tt-body-guestbook #mobile-blog-info,#tt-body-page #mobile-blog-info{width:100%;display:none;opacity:1;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.5);box-shadow:0 0 1px 0 rgba(0,0,0,.5);text-align:center;padding:15px}
.blog-info .blog-button{display:block;margin:0 auto 20px;font-size:.75rem}
.blog-info .blog-button a{font-weight:700;margin:0 3px}
.blog-info #blog-desc,.blog-info #notice-info{visibility:hidden;position:fixed;top:0;left:0;bottom:0;color:#999;width:300px;padding:10% 40px;margin:auto;text-align:left;background:rgba(0,0,0,.8);z-index:999;opacity:0;font-size:.9rem}
#blog-desc p,#notice-info .notice-list li a{color:#b07496;font-weight:700}
#toggle-desc.on+#blog-desc,#toggle-notice.on+#notice-info{visibility:visible;opacity:1}
#blog-desc p{word-break:keep-all;word-wrap:break-word}
#notice-info .notice-list{vertical-align:middle}
#notice-info .notice-list li{margin-bottom:30px}
.blog-info .profile-info{width:100%;z-index:2;position:relative;background:#fff}
#mobile-blog-info .profile-info{position:relative;background:rgba(255,255,255,1);height:30px}
#mobile-blog-info .profile-info h1{text-align:center;display:block;display:-webkit-box;height:22px;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:5px auto;font-size:1.2em}
#tt-body-guestbook #mobile-blog-info .profile-info h1,#tt-body-page #mobile-blog-info .profile-info h1{display:none}
.blog-info .profile-info h1{margin-bottom:5px;font-size:1.2rem;line-height:130%;letter-spacing:2px}
#mobile-blog-info .profile-info p,.blog-info .profile-info p{font-size:.75rem}
.blog-info .profile-info p{width:70%;margin:0 auto}
#mobile-blog-info .profile-info p{position:absolute;bottom:20px;left:20px;text-align:middle;display:block;display:-webkit-box;height:18px;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.blog-info .photo{height:100px;width:100px;border-radius:50%;margin:0 auto 10px}
#mobile-blog-info .profile-info .photo{height:55px;width:55px;border-radius:50%;background:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:10px;margin:auto;vertical-align:middle;padding:2px}
#mobile-blog-info .profile-info .photo img,.blog-info .photo img{border-radius:100%;height:100%}
.blog-info .category-info{width:100%;vertical-align:middle;z-index:2;position:relative;background:#fff}
.blog-info .category-info .link_tit{display:none}
.blog-info .category-info .category_list li{margin-top:10px;margin-bottom:10px}
.blog-info .category-info li a{color:#666;padding:2px 4px}
.blog-info .category-info li a:hover{padding-left:10px;font-weight:700}
.blog-info .category-info .sub_category_list{margin-bottom:10px}
.blog-info .category-info .link_item{font-size:.9em}
.blog-info .category-info .link_sub_item{color:#A9A9A9;font-size:.8em}
.credits-info{font-weight:700;letter-spacing:1px;font-size:.75rem}
/*---------------------------------------------------------------------------------
	위로 버튼
	==========
---------------------------------------------------------------------------------*/
#toggle-top{position:fixed;bottom:20px;right:20px;display:none;opacity:1;z-index:1000}
/*---------------------------------------------------------------------------------
	소셜 공유 버튼
	==========
---------------------------------------------------------------------------------*/
.article-share .share-list{text-align:center}
.article-share .link-kt{display:none}
.article-share .fa{cursor:pointer}
.article-share .fa-facebook-f{color:#3B5998}
.article-share .fa-twitter{color:#50ABF1}
.article-share .fa-quote-right{color:#FCB700}
.article-share .fa-comment{color:#3C1E1E}
.article-share .fa-square{color:#fff}
.article-share .link-fb:hover .fa-square{color:#3B5998}
.article-share .link-tw:hover .fa-square{color:#50ABF1}
.article-share .link-ks:hover .fa-square{color:#FCB700}
.article-share .link-kt:hover .fa-square{color:#FFDE00}
.article-share .link-fb:hover .fa-facebook-f,.article-share .link-ks:hover .fa-quote-right,.article-share .link-tw:hover .fa-twitter{color:#fff}
.article-share .link-kt:hover .fa-comment{color:#3C1E1E}
/*---------------------------------------------------------------------------------
	media query
	==========
---------------------------------------------------------------------------------*/
@media (max-width:1263px){body,code,input,pre,textarea{font-family:applesdgothicneo-ultralight,sans-serif;font-weight:100}
.semi-section-box{padding:2% 5%}
.spot{margin-bottom:10%;padding:5%}
.spot-inject{padding:0 5%}
.spot-inject+.spot-inject{margin-top:5%;margin-bottom:10%}
.index .spot{margin-bottom:10%;padding:5% 0 0}
.paging-info.spot{margin-bottom:1%;padding:0}
.paging .interword,.paging .paging-num{display:none}
.paging-info a{font-size:1rem}
#toggle-menu,.article-share .fa-lg,h2{font-size:1.5em}
.mobile-footer{display:block}
.section,.section.result{width:100%!important;margin:0}
.full-section-box{padding:0}
.search-thumbs-wrap{width:100%;height:auto}
.search-content-wrap{display:none}
.blog-info-wrap{visibility:hidden}
#toggle-menu{position:absolute;top:20px;left:20px;display:block;z-index:1000}
.children .comment-meta-content img,.children .comment-meta-content:before,.children .guest_admin .comment-meta:before,.children .rp_admin .comment-meta:before{left:5%}
#toggle-menu.on+.blog-info-wrap{width:100%;height:auto;position:relative;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.5);box-shadow:0 0 1px 0 rgba(0,0,0,.5)}
#toggle-menu.on+.blog-info-wrap .blog-info #blog-desc,#toggle-menu.on+.blog-info-wrap .blog-info #notice-info,#toggle-menu.on+.blog-info-wrap .blog-info .sitemap-info{width:100%;padding:20% 40px}
#toggle-menu.on+.blog-info-wrap .blog-info .credits-info{display:none}
#mobile-blog-info{width:100%;display:block;opacity:1;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.5);box-shadow:0 0 1px 0 rgba(0,0,0,.5);text-align:center;padding:15px}
.blog-info .category-info .tt_category{max-height:100%}
.article-meta{width:80%}
.article-thumbnail p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.article-share .share-list{float:none;margin-top:25px;text-align:center}
.article-share .link-kt{display:inline-block}
.article-related .article-related-title{font-size:.7rem;position:relative;background:#fff;color:#676363;display:block}
.comment-meta-content img{width:40px;height:40px}
.comment-meta-content:before,.guest_secret .comment-meta-content:before,.rp_secret .comment-meta-content:before{font-size:40px;width:40px;height:40px}
.comment-meta-content{margin-left:50px}
.comment-content{margin-left:0}
.children>li>div.comment{padding-left:5%}
.guest_admin .comment-meta:before,.rp_admin .comment-meta:before{height:10px;width:10px}}
@media only screen and (min-width:1264px){.search-thumbs-wrap{width:25%}
.search-content-wrap{width:75%}
.search-thumbs-wrap .item{width:49.2%}
.search-thumbs-wrap .item:nth-child(2n+1){margin-left:0}
.article-related li{width:23.8%}}
@media only screen and (min-width:801px) and (max-width:1263px){.search-thumbs-wrap .item{width:23.8%}
.search-thumbs-wrap .item:nth-child(4n+1){margin-left:0}
.article-related li{width:32.26%}
.article-related li:nth-child(3n+1){margin-left:0;clear:both}}
@media only screen and (min-width:481px) and (max-width:800px){.article-related li,.search-thumbs-wrap .item{width:32.26%}
.search-thumbs-wrap .item:nth-child(3n+1){margin-left:0}
h2{font-size:1.5em}
.article-related li:nth-child(3n+1){margin-left:0;clear:both}}
@media only screen and (max-width:480px){.article-related li,.search-thumbs-wrap .item{width:49.2%}
.search-thumbs-wrap .item:nth-child(2n+1){margin-left:0}
.item .item-content-title{-webkit-line-clamp:initial}
.article-related li:nth-child(2n+1){margin-left:0;clear:both}}
/*---------------------------------------------------------------------------------
	media query: PIXEL RATIO 설정
	==========
---------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi) { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; text-rendering: optimizelegibility }