@charset 'UTF-8';

/**
 * Core
 */
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#tistoryProfileLayer * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

html, body { margin: 0; padding: 0; font-size: 13px; overflow-x: hidden; word-break: keep-all; word-wrap: break-word; }
img, input, textarea, select, button { vertical-align: middle; }

body, input, textarea, button, select { font-family: 'Nanum Gothic', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; line-height: 1.7; }

a { color: #000; text-decoration: none;
	-webkit-transition: color 0.2s;
	        transition: color 0.2s;
}
a:hover { color: #888; }

img { border: 0; max-width: 100%; }
fieldset { border: 1px solid #ddd; padding: 2%; }
sup, sub { height: 0; line-height: 0; font-size: 10px; }
iframe, video, embed, object { max-width: 100%; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
cite, em { font-style: italic; }
blockquote { position: relative; color: #555; font-style: italic; margin: 0; padding: 10px; border-left: 7px solid #f1f1f1; }
pre { padding: 10px; margin: 5px 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #ddd; font: 12px/180% 'Lucida Console'; background-color: #fafafa; border-radius: 3px; }
hr { margin: 1em 0; padding: 0; border: none; border-top: 1px solid #ccc; height: 0; overflow: hidden; }
code { border: 1px solid #eee; background-color: #fafafa; color: #111; border-radius: 3px; padding: 5px; margin: 3px 0; font: 11px 'verdana'; display: inline-block; }
code.red { border: 1px solid #F6CECE; background-color: #FFF4F4; color: #BE0D0D; }
code.blue { border: 1px solid #B7D9F2; background-color: #F4FCFF; color: #4570CD; }
code.green { border: 1px solid #B7F2C7; background-color: #F4FFF7; color: #267C45; }

.screen-reader-text { position: absolute !important; height: 0; width: 0; white-space: nowrap; overflow: hidden; }
.screen-reader-text:focus { top: 5px; left: 5px; display: block; padding: 15px 23px 14px; clip: auto !important; width: auto; height: auto; font-size: 14px; font-weight: bold; color: #21759b; line-height: normal; text-decoration: none; background-color: #f1f1f1; border-radius: 3px; z-index: 100000;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
	        box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
}

.clear { clear: both; width: 100%; }
.clearfix:after { content: ''; display: block; clear: both; }


/**
 * Common
 */
#wrap { margin: 0 auto; padding: 0 15px; }
#wrap-inner { margin: 0 -15px; }

#content { padding: 0 15px; }
#sidebar { padding: 0 15px; }


/**
 * Header
 */
#header { position: relative; margin: 80px 15px 10px; }

#header #logo h1 { display: inline-block; margin: 0; font-size: 17px; text-shadow: 1px 1px #666; border-left: 5px solid #666; background-color: #959595; }
#header #logo h1 a { display: block; padding: 5px 5px 6px; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; color: #fff; }

#header #blog-menu { margin-top: 10px; font-size: 11px; }
#header #blog-menu a { color: #777; }
#header #blog-menu a:hover { color: #f99; }
#header #blog-menu ul { float: left; margin: 0; padding: 0; }
#header #blog-menu ul:after { content: ''; display: block; clear: both; }
#header #blog-menu li { float: left; list-style: none; margin-right: 20px; margin-left: 10px; letter-spacing: 1px; text-transform: lowercase; }
#header #blog-menu ul.admin { float: right; }
#header #blog-menu ul.admin li { margin-right: 10px; margin-left: 0; text-transform: none; }
#header #blog-menu ul.admin li .mobile { display: none; }


/**
 * Content
 */
#content { width: 100%; color: #333; }
#content-inner { padding-top: 30px; border-top: 2px solid #333;}
#content a { color: #333; }
#content a:hover { color: #3a3; }


/**
 * Tag
 */
#tag {  }
#tag .title { margin: 0; padding: 0 0 15px; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; font-size: 20px; line-height: 1.5; }
#tag-content { margin: 0 -5px; }
#tag-content a { display: inline-block; margin: 0 5px; }
#tag-content .cloud5 { color: #999 !important; font-size: 12px !important; }
#tag-content .cloud5:hover { color: #000 !important; }
#tag-content .cloud4 { color: #157586 !important; font-size: 15px !important; }
#tag-content .cloud3 { color: #333 !important; font-size: 18px !important; }
#tag-content .cloud2 { color: #FF4000 !important; font-size: 20px !important; }
#tag-content .cloud1 { color: #f55 !important; font-size: 22px !important; }


/**
 * Location
 */
#location {  }
#location .title { margin: 0; padding: 0 0 15px; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; font-size: 20px; line-height: 1.5; }
#location-content {  }


/**
 * List
 */
#list { padding: 0; margin: 0; }
#list .title { margin: 0; padding: 0 0 15px; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; font-size: 20px; line-height: 1.5; }
#list-content {  }

#list ul { margin: 0; padding: 0; border-top: 1px solid #ccc; }
#list li { list-style: none;
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;
}
#list li:hover { background-color: #fbfbfb; }
#list li a { display: block; padding: 15px 5px 14px; line-height: 1.5; border-bottom: 1px solid #ccc; }
#list li a:hover { color: #3a3; }
#list .list-title { font-size: 13px; padding: 0 60px 10px 0;}
#list .list-info { font-size: 10px; text-align: right; padding-right: 65px; }
#list .list-info i { font-size: 11px; }
#list .list-info .date { margin-right: 3px; color: #333; }
#list .list-info .cnt { color: #333; }
#list .list-thumb { float: right; padding: 2px; width: 52px; height: 52px; border: 1px solid #ddd; overflow: hidden; }
#list .list-thumb img { width: 100%; height: 100%; }


/**
 * Post section
 */
#content .post-section { padding-bottom: 20px; border-bottom: 2px solid #000; }

#content .post-section .titleWrap { width: 100%; }
#content .post-section .titleWrap .date { font-size: 11px; text-align: center; letter-spacing: 2px; }
#content .post-section .titleWrap .date_monthday { color: #d1556c; }
#content .post-section .titleWrap .date .category { display: inline-block; margin-right: 5px; padding: 2px 5px; color:#fff; text-shadow: 1px 1px #666; background-color: #959595; border-left: 5px solid #666; }
#content .post-section .titleWrap h2 { padding: 0; margin: 20px 0 0 0; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; letter-spacing: -1px; text-align: center; }
#content .post-section .titleWrap .admin { margin-top: 30px; font-size: 11px; text-align: center; letter-spacing: 2px; }

#content .post-section .article { padding: 30px 0 20px; font-size: 15px; line-height: 2; }
#content .post-section .article h3 { margin: 0 0 10px 0; padding: 8px; color: #fff; border-left: 5px solid #666; background: #888; }
#content .post-section .article h3.red { color: #CD4545; background-color: #FFF4F4; border-left-color: #F6CECE; }
#content .post-section .article h3.blue { color: #4570CD; background-color: #F4FCFF; border-left-color: #B7D9F2; }
#content .post-section .article h3.green { color: #267C45; background-color: #F4FFF7; border-left-color: #B7F2C7; }

#content .post-section .article table {	max-width: 100% !important;	width: 100% !important; }
#content .post-section .article table.dual td {	width: 50% !important; vertical-align: top; }
#content .post-section .article table.dual td .imageblock { width: 100% !important; }
#content .post-section .article table.dual td .imageblock span img { width: 100% !important; }
#content .post-section .article table.triple td { width: 33% !important; vertical-align: top; }
#content .post-section .article table.triple td .imageblock { width: 100% !important; }
#content .post-section .article table.triple td .imageblock span img { width: 100% !important; }

#content .post-section .article .imageblock { max-width: 100% !important; height: auto; }
#content .post-section .article .imageblock img { max-width: 100% !important; height: auto; vertical-align: middle; }
#content .post-section .article .imageblock > span { max-width: 100% !important; width: 100% !important; }
#content .post-section .article .imageblock span.ExifInfo { width: 100% !important; }
#content .post-section .article table td .imageblock { width: 100% !important; }
#content .post-section .article .galleryControl { font-family: inherit !important; }
#content .post-section .article .tt-gallery-box { margin-bottom: 10px; }
#content .post-section .article .tt-gallery-box img { max-width: 100%; height: auto !important; }

#content .post-section .article .txc-info-wrap { overflow-x: auto; overflow-y: hidden; max-width: 500px; width: 100%; clear: both; }
#content .post-section .article .txc-info { font-size: 13px !important; width: 500px !important; }
#content .post-section .article .txc-info hr { max-width: 100%; width: 100% !important; }
#content .post-section .article .txc-info h3 { border-left: none; background-color: transparent; color: inherit; }
#content .post-section .article .txc-info img { padding: 0; -webkit-box-shadow: none; box-shadow: none; border: none; }

#content .post-section .article .moreless_fold { background: url('./icon_more.gif') center left no-repeat; color: #000; padding: 0 0 0 22px; }
#content .post-section .article .moreless_top { background: url('./icon_less.gif') center left no-repeat; color: #000; padding: 0 0 0 22px; }
#content .post-section .article .moreless_bottom { background: url('./icon_less.gif') center right no-repeat; color: #666; padding: 0 22px 0 0; text-align: right; }
#content .post-section .article a.tx-link,
#content .post-section .article a.key1 { font-weight: 600; cursor: pointer; }
#content .post-section .article a.key1 { border-bottom: 1px dashed #3a3; font-weight: bold; cursor: pointer; }
#content .post-section .article .cap1,
#content .post-section .article .galleryCaption { margin: 0 !important; padding: 0; max-width: 100%; text-align: center; color: #555; font-style: italic; word-break: break-all; }
#content .post-section .article div.footnotes { margin-top: 30px; font-size: 12px; border-top: 1px solid #ddd; }
#content .post-section .article div.footnotes ol { padding: 0; margin: 10px 0 0 30px; list-style: decimal-leading-zero; }
#content .post-section .article div.footnotes ol li a { color: #888; font-weight: 400; }

#content .post-section .article .entry-ccl { margin-top: 15px; }

#content .tagTrail { margin-bottom: 35px; font-size: 15px; }
#content .tagTrail i { font-size: 13px; }

#content .actionTrail { font-size: 13px; }


/**
 * Communicate
 */
.communicateList { margin-top: 20px; }
.communicateList img { margin-right: 5px; border-radius: 50%; vertical-align: middle; }
.communicateList ol { margin: 0; padding: 0; }
.communicateList li { list-style: none; }

.communicateList ol {  }
.communicateList ol li { margin-bottom: 20px; padding: 0; border-top: 2px solid #333; }
.communicateList ol li div { padding: 15px 10px 10px; border-bottom: 1px solid #ccc;
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;
}
.communicateList ol li:hover > div { background: #fafafa; }
.communicateList ol li ul { margin: 0; padding: 0; }
.communicateList ol li ul li { margin-bottom: 0; padding-left: 10px; border: none; }

.communicateList .control { float: right; }
.communicateList .control a { font-size: 11px; }
.communicateList .control .reply { margin-left: 5px; }

.communicateList .name { margin-right: 5px; font-size: 14px; font-weight: bold; }
.communicateList .date { font-size: 12px; }
.communicateList .date a { margin-left: 5px; font-size: 11px; }

.communicateWrite > div { margin-bottom: 10px; }
.communicateWrite .name,
.communicateWrite .password,
.communicateWrite .homepage { padding: 0 0 1px 60px; max-width: 60%; width: 100%; height: 35px; font-size: 12px; border: 1px solid #ccc; }

.communicateWrite .name { background: url('./input_name.gif') 10px center no-repeat; }
.communicateWrite .password { background: url('./input_password.gif') 10px center no-repeat; }
.communicateWrite .homepage { background: url('./input_homepage.gif') 10px center no-repeat; }

.communicateWrite textarea { padding: 10px; width: 100%; border: 1px solid #ccc; }

.communicateWrite input.submit { padding: 20px 0; width: 100%; color: #aaa; letter-spacing: 3px; background-color: #444; border: 1px solid #444; cursor: pointer;
	-webkit-transition: color 0.15s, background-color 0.15s;
	        transition: color 0.15s, background-color 0.15s;
}
.communicateWrite input.submit:hover,
.communicateWrite input.submit:focus { color: #fff; background-color: #555; }


/**
 * Guestbook
 */
#guestbook {  }
#guestbook .title { margin: 0; padding: 0 0 15px; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; font-size: 20px; line-height: 1.5; }
#guestbook-inner {  }
#guestbook .communicateList { margin-top: 50px; }


/**
 * Paging
 */
#paging { margin: 30px 0 0; padding: 0; font-size: 12px; text-align: center; cursor: default; }
#paging .prev { margin-right: 10px; letter-spacing: 2px; }
#paging .next { margin-left: 10px; letter-spacing: 2px; }
#paging .no-more-prev,
#paging .no-more-next { color: #aaa; cursor: default; }
#paging .no-more-prev:hover,
#paging .no-more-next:hover { color: #aaa; }
#paging .selected { font-weight: 600; color: #E28282; }


/**
 * Copyright
 */
#copyright { margin: 30px 0 0; padding: 0 15px; font-family: 'verdana', sans-serif; font-size: 10px; font-style: italic; color: #aaa; line-height: 3; letter-spacing: 2px; text-align: right; }
#copyright-inner { padding: 20px 0; border-top: 1px solid #ccc; }
#copyright a { color: #888; }
#copyright a:hover { color: #f99; }


/**
 * Sidebar, Tailbar Widget Common
 */
.widget-notice {  }
.widget-notice ul { margin: 0; padding: 0; }
.widget-notice li { list-style: none; margin-top: 5px; }
.widget-notice li:first-child { margin-top: 0; }
.widget-notice a {  }

.widget-category ul { margin: 0; padding: 0; }
.widget-category li { list-style: none; margin-top: 5px; }
.widget-category .c_cnt { font-size: 90%; }
.widget-category .tt_category {  }
.widget-category .tt_category li {  }
.widget-category .tt_category > li {  }
.widget-category .tt_category > li > a {  }
.widget-category .category_list { padding-left: 10px; }
.widget-category .category_list > li {  }
.widget-category .category_list > li > a {  }
.widget-category .sub_category_list {  }
.widget-category .sub_category_list > li { padding-left: 10px; }
.widget-category .sub_category_list > li:before { content: '\f0da'; font-family: 'FontAwesome'; padding-right: 5px; }
.widget-category .sub_category_list > li > a {  }

.widget-recent-posts {  }
.widget-recent-posts ul { margin: 0; padding: 0; }
.widget-recent-posts li { list-style: none; margin-top: 5px; }
.widget-recent-posts li:first-child { margin-top: 0; }
.widget-recent-posts a {  }
.widget-recent-posts span { font-size: 90%; }

.widget-popular-posts {  }
.widget-popular-posts ul { margin: 0; padding: 0; }
.widget-popular-posts li { list-style: none; margin-top: 5px; }
.widget-popular-posts li:first-child { margin-top: 0; }
.widget-popular-posts a {  }
.widget-popular-posts span { font-size: 90%; }

.widget-search {  }
.widget-search .search-box {  }
.widget-search .search-box input { padding: 0 10px; width: 100%; height: 35px; border: 1px solid #ccc; }

.widget-link {  }
.widget-link ul { margin: 0; padding: 0; }
.widget-link li { list-style: none; margin-top: 5px; }
.widget-link a {  }

.widget-recent-comments {  }
.widget-recent-comments ul { margin: 0; padding: 0; }
.widget-recent-comments li { list-style: none; margin-top: 5px; }
.widget-recent-comments a {  }

.widget-counter {  }
.widget-counter ul { margin: 0; padding: 0; }
.widget-counter li { list-style: none; margin-top: 5px; }

.widget-tags {  }
.widget-tags a { display: inline-block; margin-top: 5px; margin-right: 5px; }

/* 사용자 정의 모듈 스타일 */
.module { margin-bottom: 30px; }

/* 티스토리 프로필 레이어 플러그인 스타일 */
#tistorySidebarProfileLayer * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}


/**
 * Sidebar
 */
#sidebar { width: 100%; }
#sidebar-inner { padding-top: 30px; border-top: 2px solid #333; }
#sidebar a { color: #666; }
#sidebar a:hover { color: #58ACFA; }

#sidebar .widget { margin-bottom: 30px; font-size: 13px; color: #888; }
#sidebar .widget h3 { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 13px; color: #666; text-shadow: #eee 1px 1px; border-bottom: 1px solid #ccc; }
#sidebar .widget h3 i { margin-right: 3px; }


/**
 * Tailbar
 */
#tailbar { padding: 0 15px; }
#tailbar-inner { margin: 0; padding: 20px 0 60px; border-top: 1px solid #ccc; }
#tailbar a { color: #666; }
#tailbar a:hover { color: #58ACFA; }

#tailbar .widget { float: left; padding: 15px; font-size: 14px; color: #888;
	width: -webkit-calc( 100% / 3 );
	width: calc( 100% / 3 );
}
#tailbar .widget h3 { margin: 0 0 15px; padding: 0; font-family: 'Nanum Myeongjo', 'AppleSDGothicNeo', 'Malgun Gothic', sans-serif; font-size: 20px; color: #666; text-shadow: #eee 1px 1px; }
#tailbar .widget h3 i { margin-right: 3px; }

#tailbar .widget-notice {  }
#tailbar .widget-notice li { margin-top: 10px; }

#tailbar .widget-category {  }
#tailbar .widget-category li { margin-top: 10px; }

#tailbar .widget-recent-posts {  }
#tailbar .widget-recent-posts li { margin-top: 10px; }

#tailbar .widget-popular-posts {  }
#tailbar .widget-popular-posts li { margin-top: 10px; }

#tailbar .widget-link {  }
#tailbar .widget-link li { margin-top: 10px; }

#tailbar .widget-recent-comments {  }
#tailbar .widget-recent-comments li { margin-top: 10px; }

#tailbar .widget-counter {  }
#tailbar .widget-counter li { margin-top: 10px; }

#tailbar .widget-skin-description {  }
#tailbar .widget-skin-description .content { line-height: 2; }

#tailbar .module { margin-bottom: 0; }


/**
 * Back to Top
 */
.back-to-top { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 10; width: 50px; height: 50px; background-color: #333; border-radius: 50%; overflow: hidden;
	-webkit-transition: background-color 0.2s;
	        transition: background-color 0.2s;
}
.back-to-top div { display: table-cell; width: 50px; height: 50px; font-size: 20px; text-align: center; vertical-align: middle; }
.back-to-top i { color: #aaa;
	-webkit-transition: color 0.15s;
	        transition: color 0.15s;
}
.back-to-top:hover { background-color: #444; }
.back-to-top:hover i { color: #fff; }


/**
 * Responsive
 */
.responsive-video { position: relative; padding-bottom: 56.25%; width: 100%; }
.responsive-video iframe,
.responsive-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-sidebar-button { display: none; z-index: 30; }

#header #mobile-toggle-menu-btn { display: none; position: absolute; top: 4px; right: 0; width: 30px; height: 30px; background-color: transparent; border: 0; border-radius: 5px; }
#header #mobile-toggle-menu-btn:before,
#header #mobile-toggle-menu-btn:after { content: ''; }

#header #mobile-toggle-menu-btn:before,
#header #mobile-toggle-menu-btn span,
#header #mobile-toggle-menu-btn:after { position: absolute; right: 4px; width: 20px; height: 1px; background-color: #666;
	-webkit-transition: top 0.2s, width 0.2s, transform 0.2s;
	-webkit-transition: top 0.2s, width 0.2s, -webkit-transform 0.2s;
	        transition: top 0.2s, width 0.2s, -webkit-transform 0.2s;
	        transition: top 0.2s, width 0.2s, transform 0.2s;
	        transition: top 0.2s, width 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
#header #mobile-toggle-menu-btn:before { top: 9px; }
#header #mobile-toggle-menu-btn span { top: 14px; width: 15px; }
#header #mobile-toggle-menu-btn:after { top: 19px; }

#header #mobile-toggle-menu-btn.active {  }
#header #mobile-toggle-menu-btn.active:before { top: 15px;
	-webkit-transform: rotateZ(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotateZ(45deg);
}
#header #mobile-toggle-menu-btn.active span { width: 0; }
#header #mobile-toggle-menu-btn.active:after { top: 15px;
	-webkit-transform: rotateZ(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotateZ(-45deg);
}

#mobile-sidebar-toggle-btn { display: none; position: fixed; bottom: 20px; left: 15px; z-index: 102; width: 40px; height: 40px; background-color: rgba(68, 68, 68, 0.85); border: 0; border-radius: 50%;
	-webkit-transition: -webkit-transform 0.5s;
	        transition: -webkit-transform 0.5s;
	        transition: transform 0.5s;
	        transition: transform 0.5s, -webkit-transform 0.5s;
}
#mobile-sidebar-toggle-btn:before,
#mobile-sidebar-toggle-btn:after { content: ''; }
#mobile-sidebar-toggle-btn:before,
#mobile-sidebar-toggle-btn span,
#mobile-sidebar-toggle-btn:after { position: absolute; top: 18px; left: 10px; display: block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%;
	-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, -webkit-transform 0.5s;
	        transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, -webkit-transform 0.5s;
	        transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, transform 0.5s;
	        transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s, transform 0.5s, -webkit-transform 0.5s;
}
#mobile-sidebar-toggle-btn span { left: 18px; }
#mobile-sidebar-toggle-btn:after { left: 26px; }

#mobile-sidebar-toggle-btn.active {
	-webkit-transform: translate3d(270px, 0, 0);
	        transform: translate3d(270px, 0, 0);
}
#mobile-sidebar-toggle-btn.active:before { top: 16px; left: 8px;
	-webkit-transform: rotateZ(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotateZ(-45deg); width: 10px; height: 2px; border-radius: 0 15px 15px 0;
}
#mobile-sidebar-toggle-btn.active span { top: 22px; left: 8px;
	-webkit-transform: rotateZ(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotateZ(45deg); width: 10px; height: 2px; border-radius: 0 15px 15px 0;
}
#mobile-sidebar-toggle-btn.active:after { top: 19px; left: 10px; width: 20px; height: 2px; border-radius: 0 15px 15px 0; }

#mobile-sidebar-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background-color: rgba(0, 0, 0, 0.2); }

@media all and (max-width: 1023px) {
	#wrap { max-width: 100%; }

	#header #mobile-toggle-menu-btn { display: block; }

	#header #blog-menu { display: none; position: absolute; top: 25px; right: 0; z-index: 100; max-width: 150px; width: 100%; background-color: rgba(255, 255, 255, 0.99); border: 1px solid #ddd; }
	#header #blog-menu ul { float: none; }
	#header #blog-menu li { float: none; margin: 0; border-bottom: 1px solid #ddd; }
	#header #blog-menu li a { display: block; padding: 10px 15px; }
	#header #blog-menu ul.admin { float: none; }
	#header #blog-menu ul.admin li { margin: 0; }
	#header #blog-menu ul.admin li:last-child { border-bottom: 0; }
	#header #blog-menu ul.admin li a { display: block; }
	#header #blog-menu ul.admin li.write { display: none; }
	#header #blog-menu ul.admin li .pc { display: none; }
	#header #blog-menu ul.admin li .mobile { display: block; }

	#content { max-width: 100%; }
	#sidebar { position: fixed; top: 0; left: -270px; z-index: 102; float: none; padding-top: 30px; padding-bottom: 30px; max-width: inherit; width: 270px; height: 100%; background-color: rgba(255, 255, 255, 0.99); overflow-y: auto;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

		-webkit-transition: -webkit-transform 0.5s;
		        transition: -webkit-transform 0.5s;
		        transition: transform 0.5s;
		        transition: transform 0.5s, -webkit-transform 0.5s;
	}
	#sidebar.active {
		-webkit-transform: translate3d(270px, 0, 0);
		        transform: translate3d(270px, 0, 0);
	}
	#mobile-sidebar-toggle-btn { display: block; }

	.back-to-top { right: 15px; width: 40px; height: 40px; background-color: rgba(68, 68, 68, 0.85); }
	.back-to-top div { width: 40px; height: 40px; font-size: 15px; }
	.back-to-top div i { color: #fff; }
}

@media all and (max-width: 767px) {
	#tailbar .widget { float: none; width: 100%; padding-left: 0; padding-right: 0; }
}