@charset "utf-8";

/****************************************
 * SKIN BY E_UG, 코드 무단 추출 금지
 * http://yeou0821.tistory.com
****************************************/

/* point color */
.c_cnt,#searchList .cnt,.rp_secret,.hiddenComment,.actiontrail .cnt,#paging .num .selected,input[type=submit]+label:hover,input[id="secret"]:checked+label:after,.commentlist .material-icons,#guestlist .material-icons,#footer a{
	color: #8c6bb1
}
/* 기본 글씨 색상 */
body,a,input,textarea {
	color: #1b0805
}
/* 마우스오버 색상 */
a:hover,#header a:hover{
	color: #8c6bb1; text-shadow:0 0 1px #8c6bb1
}
/* 드래그 색상 */
::selection{
	color: #8c6bb1
}
::-moz-selection{
	color: #8c6bb1
}
/* 크롬 스크롤바 색상 */
::-webkit-scrollbar-thumb{
	background: #8c6bb1
}

/* common section */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,select,button {margin:0;padding:0}
* {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
body { font-size:15px;line-height:1.5;font-family:'Noto Sans',Cuprum,'Noto 
	KR','Noto Sans JP','Spoqa Han Sans','Spoqa Han Sans JP',sans-serif;text-align:justify;
	/* 배경 색상 / 배경 이미지를 업로드했다면 url 부분 변경해 주기 */
	background:#efefef url(./images/background.jpg) center top fixed;
	background-size:cover; /* 패턴 배경일 경우 이 줄 삭제 */
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a {text-decoration:none}
img {max-width:100%;height:auto;border:0;opacity:1.0}
img:hover{opacity:.9}
dl,ol,ul,li {list-style:none}

table {border-collapse:collapse;border-spacing:0}

input,textarea {margin:0 0 6px 0;padding:3px;border:0;border:1px solid rgba(0,0,0,.1);font-size:13px;font-family:'Noto Sans','Noto Sans KR','Noto Sans JP',monospace,sans-serif;background:none}
input {line-height:1}
input[type=checkbox] {margin:0}
input:focus,textarea:focus {border:1px solid rgba(0,0,0,.1);outline:0}
input:hover,textarea:hover {}
textarea {width:100%;height:100px;line-height:1.8}

.clear {clear:both}
.date {font-size:12px;font-family:'Noto Sans KR',monospace}
.name img {vertical-align:sub}
.material-icons{font-size:15px;vertical-align:sub}
#tistorytoolbarid {display:none} /* 티스토리 툴바 제거 */

::-webkit-scrollbar {width:7px;background:rgba(0,0,0,0)}
::-webkit-scrollbar-thumb {border:3px solid rgba(0,0,0,0)}

/* ***** layout section ***** */
#wrap {max-width:780px;margin:0 auto}
#nav {position:fixed;top:40px;width:20px;padding:10px;border-radius:10px 0 0 10px;background:rgba(254,252,255,.9)}
#side {}
#content {min-height:100px;margin-left:40px;padding:20px;background:rgba(254,252,255,.9)}
#flex {display:flex}
#paging {margin:48px auto}
#footer {margin:24px auto 0;font-size:12px;line-height:1.5;text-shadow:0 0 1px #fff;text-align:center;color:rgba(0,0,0,.8)}

/* smaill icon menu */
#nav i {font-size:22px}
#nav li {height:20px}
.adminmenu {margin-bottom:20px;text-align:right}
.adminmenu li {display:inline-block}
.adminmenu a {font-size:13px}

/* search */
.adminmenu input {width:33px;border:none;border-bottom:1px solid transparent ;text-align:center}
.adminmenu input:hover,.adminmenu input:focus {width:100px;border-bottom:1px solid rgba(0,0,0,.1)}
.adminmenu input::placeholder {}

/* ***** side ***** */
#header h1 {font-size:18px;line-height:30px;text-align:center}
.blogImage {margin-bottom:12px;text-align:center}
.blogImage img {max-width:240px}
.blogDesc .material-icons {font-size:13px;color:rgba(0,0,0,.5);vertical-align:sub}

/* category */
.blogDesc:hover,#category>ul>li>a:hover,.category_list li:hover {margin-left:6px}
#category {overflow:hidden;min-width:240px;margin:12px auto;padding:6px 0;border:1px solid rgba(0,0,0,.1);border-left:none;border-right:none;line-height:24px}
#category li {overflow:hidden}
#category>ul>li>ul>li>ul>li:before{content:"\E037";font:13px 'material icons';vertical-align:sub}
#category>ul>li>a{margin:3px 0 0 -6px} /* 분류 전체보기 */
#category>ul>li>a:before{content:"\E5D2";font:13px 'material icons';vertical-align:sub}
.category_list {padding:0 6px}

/* ***** content ***** */
.c_cnt {font-size:9px}
#content h3 {font-size:22px;line-height:30px}
#content h3 .material-icons {margin-right:2px;font-size:20px}
#content .nonEntry h3 {}
.nonEntry {width:120%}

/* list */
#searchList {margin-left:20px}
#searchList ol li {display:table;padding:6px 12px;border-bottom:1px solid rgba(0,0,0,.1)}
#searchList a li .list {}
#searchList .list {display:table-cell;table-layout:fixed;text-overflow:ellipsis;word-wrap:normal}
#searchList .cnt {font-size:10px;line-height:15px}
#searchList .date {display:table-cell;width:1%;padding-left:12px;line-height:24px;text-align:center;white-space:nowrap}

/* taglog */
#taglog li {display:inline}
#taglog li:hover {letter-spacing:1px}

/* comment & guestbook */
.commentWrite,#guestWrite {text-align:left}
.commentWrite .txt,#guestWrite .txt {width:100px;box-sizing:border-box;border:0}
.commentWrite .homepage,#guestWrite .homepage {box-sizing:border-box;border:0}
.commentWrite textarea,#guestWrite textarea {margin:6px 0}
.box_form {text-align:right}
input[type=submit]+label {cursor:pointer}
input[type=submit]+label .material-icons {font-size:24px}
input[type=checkbox],input[type=submit] {display:none}
input[id="secret"]+label {float:left;vertical-align:super}
input[id="secret"]+label:after {content:"\E835";font:13px 'material icons';vertical-align:sub}
input[id="secret"]:checked+label:after {content:"\E834";font:13px 'material icons';vertical-align:sub}

.comment .name,#guestbook .name {display:inline;margin-right:3px;text-shadow:1px 1px 1px rgba(255,255,255,.5)}
.comment .control, #guestbook .control {display:none;float:right;margin:0}
.comment div:hover>.control, #guestbook div:hover>.control {display:inline;margin-left:6px}
.commentlist .date,#guestlist .date {display:inline;float:right;margin:1px 0 0 3px}
.commentlist .date a,#guestlist .date a {float:left}
.commentlist .date a:before,#guestlist .date a:before {content:"\E160";position:relative;top:5px;margin-right:2px;font:11px 'material icons';color:rgba(0,0,0,.5)}

.commentlist div,#guestlist div {overflow:auto}
.commentlist ol li,#guestlist ol li {position:relative;margin:6px 0 12px 0;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}
.commentlist ol li div,#guestlist ol li div {margin-bottom:6px}
.commentlist ol ul li,#guestlist ol ul li {padding:0 0 0 24px;border:0}
.commentlist ol ul li:after,#guestlist ol ul li:after {content:"\E5DA";position:absolute;top:4px;left:6px;font:13px 'material icons';vertical-align:sub}
.commentlist ol li li,#guestlist ol li li {margin:0}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {}
.rp_admin .name {  }
.rp_secret {}

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general { }
.guest_admin .ctrlGuest,
.guest_admin .ctrlGuestRe {  }

/* secret comment */
.hiddenComment .name {height:24px}
.hiddenComment .name:before {content:"\E0DA";margin-right:3px;font:24px 'material icons';vertical-align:top}

/* ***** entry ***** */
.titleWrap {margin-bottom:12px;font-size:11px;line-height:1.2}
.cate a {padding:0 2px;background:#000;color:#efefef}

/* protected */
.protectedForm {margin:48px auto;padding-top:60px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiIGZpbGw9IiNFRkVFRUYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTM4NCwyMjR2LTk2QzM4NCw1Ny40MzgsMzI2LjU5NCwwLDI1NiwwYy03MC41NzgsMC0xMjgsNTcuNDM4LTEyOCwxMjh2OTZjLTM1LjM0NCwwLTY0LDI4LjY1Ni02NCw2NHYxNjAKCWMwLDM1LjM0NCwyOC42NTYsNjQsNjQsNjRoMjU2YzM1LjM0NCwwLDY0LTI4LjY1Niw2NC02NFYyODhDNDQ4LDI1Mi42NTYsNDE5LjM0NCwyMjQsMzg0LDIyNHogTTI3MiwzNzkuMDk0VjQzMgoJYzAsOC44NDQtNy4xNTYsMTYtMTYsMTZzLTE2LTcuMTU2LTE2LTE2di01Mi45MDZjLTkuMzkxLTUuNTYzLTE2LTE1LjM3NS0xNi0yNy4wOTRjMC0xNy42ODgsMTQuMzI4LTMyLDMyLTMyczMyLDE0LjMxMywzMiwzMgoJQzI4OCwzNjMuNzE5LDI4MS4zOTEsMzczLjUzMSwyNzIsMzc5LjA5NHogTTMyMCwyMjRIMTkydi05NmMwLTM1LjMxMywyOC43MDMtNjQsNjQtNjRjMzUuMjgxLDAsNjQsMjguNjg4LDY0LDY0VjIyNHoiLz4KPC9zdmc+) no-repeat center top;text-align:center}
.protectedForm>input {height:25px;margin-bottom:24px;border:0;text-align:center}
.protectedForm .pass {border:0;border-bottom:1px dashed rgba(0,0,0,.5)}

/* article */
.article {width:100%}
.admin {}

.article p {margin-bottom:6px!important;font-family:'Noto Sans','Noto Sans KR','Noto Sans JP',sans-serif}
.article dt {text-decoration:underline}
.article dd {margin-left:20px;padding-bottom:10px}

.article blockquote {margin:36px;border:1px dashed rgba(0,0,0,.1);border-left:none;border-right:none}
.article blockquote:before {content:"\E244";position:relative;top:-12px;font:12px 'material icons'}
.article blockquote:after {content:"\E244";font:12px 'material icons';float:right}

/* more & less */
.moreless_top{padding-left:16px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUuMDIyLDcuODE3bDIuOTk2LTIuNjUxbDIuOTk2LDIuNjUxYzAuMTk2LDAuMTk2LDAuNTE2LDAuMTk2LDAuNzExLDBjMC4xOTgtMC4xOTYsMC4xOTgtMC41MTQsMC4wMDItMC43MTFMOC4zODEsNC4xNDcKCQljLTAuMS0wLjEtMC4yMzEtMC4xNDgtMC4zNjItMC4xNDZDNy44ODcsMy45OTksNy43NTYsNC4wNDcsNy42NTYsNC4xNDdMNC4zMTEsNy4xMDZjLTAuMTk2LDAuMTk2LTAuMTk2LDAuNTE1LDAsMC43MTEKCQlDNC41MDcsOC4wMTMsNC44MjYsOC4wMTMsNS4wMjIsNy44MTd6Ii8+Cgk8cGF0aCBkPSJNOC4zODEsNy43MzNjLTAuMS0wLjEtMC4yMzEtMC4xNDgtMC4zNjItMC4xNDZDNy44ODcsNy41ODUsNy43NTYsNy42MzMsNy42NTYsNy43MzNsLTMuMzQ1LDIuOTU4CgkJYy0wLjE5NiwwLjE5Ny0wLjE5NiwwLjUxNiwwLDAuNzExYzAuMTk2LDAuMTk3LDAuNTE1LDAuMTk3LDAuNzExLDBsMi45OTYtMi42NDlsMi45OTYsMi42NDljMC4xOTYsMC4xOTcsMC41MTYsMC4xOTcsMC43MTEsMAoJCWMwLjE5Ni0wLjE5NSwwLjE5Ni0wLjUxNCwwLTAuNzExTDguMzgxLDcuNzMzeiIvPgo8L2c+Cjwvc3ZnPg==) center left no-repeat}
.moreless_bottom{padding-right:16px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTUuMDIyLDcuODE3bDIuOTk2LTIuNjUxbDIuOTk2LDIuNjUxYzAuMTk2LDAuMTk2LDAuNTE2LDAuMTk2LDAuNzExLDBjMC4xOTgtMC4xOTYsMC4xOTgtMC41MTQsMC4wMDItMC43MTFMOC4zODEsNC4xNDcKCQljLTAuMS0wLjEtMC4yMzEtMC4xNDgtMC4zNjItMC4xNDZDNy44ODcsMy45OTksNy43NTYsNC4wNDcsNy42NTYsNC4xNDdMNC4zMTEsNy4xMDZjLTAuMTk2LDAuMTk2LTAuMTk2LDAuNTE1LDAsMC43MTEKCQlDNC41MDcsOC4wMTMsNC44MjYsOC4wMTMsNS4wMjIsNy44MTd6Ii8+Cgk8cGF0aCBkPSJNOC4zODEsNy43MzNjLTAuMS0wLjEtMC4yMzEtMC4xNDgtMC4zNjItMC4xNDZDNy44ODcsNy41ODUsNy43NTYsNy42MzMsNy42NTYsNy43MzNsLTMuMzQ1LDIuOTU4CgkJYy0wLjE5NiwwLjE5Ny0wLjE5NiwwLjUxNiwwLDAuNzExYzAuMTk2LDAuMTk3LDAuNTE1LDAuMTk3LDAuNzExLDBsMi45OTYtMi42NDlsMi45OTYsMi42NDljMC4xOTYsMC4xOTcsMC41MTYsMC4xOTcsMC43MTEsMAoJCWMwLjE5Ni0wLjE5NSwwLjE5Ni0wLjUxNCwwLTAuNzExTDguMzgxLDcuNzMzeiIvPgo8L2c+Cjwvc3ZnPg==) center right no-repeat;text-align:right}
.moreless_fold{padding-left:16px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTEwLjk3OSw4LjE4MmwtMi45OTcsMi42NWwtMi45OTYtMi42NWMtMC4xOTYtMC4xOTYtMC41MTUtMC4xOTYtMC43MTEsMGMtMC4xOTYsMC4xOTYtMC4xOTYsMC41MTUsMCwwLjcxbDMuMzQ1LDIuOTU5CgkJYzAuMSwwLjEwMSwwLjIzMSwwLjE0OCwwLjM2MiwwLjE0NkM4LjExMywxMiw4LjI0NCwxMS45NTMsOC4zNDQsMTEuODU0bDMuMzQ2LTIuOTU5YzAuMTk1LTAuMTk2LDAuMTk1LTAuNTE2LDAtMC43MTEKCQlDMTEuNDkzLDcuOTg3LDExLjE3NCw3Ljk4NiwxMC45NzksOC4xODJ6Ii8+Cgk8cGF0aCBkPSJNNy42MTksOC4yNjZjMC4xLDAuMSwwLjIzMSwwLjE0OCwwLjM2MiwwLjE0NmMwLjEzMSwwLjAwMiwwLjI2My0wLjA0NiwwLjM2Mi0wLjE0NmwzLjM0NS0yLjk1OQoJCWMwLjE5OS0wLjE5NiwwLjE5OS0wLjUxNCwwLjAwMi0wLjcxMWMtMC4xOTYtMC4xOTYtMC41MTYtMC4xOTYtMC43MTEsMGwtMi45OTcsMi42NWwtMi45OTYtMi42NUM0Ljc4OSw0LjQsNC40Nyw0LjQsNC4yNzQsNC41OTYKCQljLTAuMTk2LDAuMTk2LTAuMTk2LDAuNTE1LDAsMC43MTFMNy42MTksOC4yNjZ6Ii8+CjwvZz4KPC9zdmc+) center left no-repeat;}

/* another category*/
.another_category td {font-family:'Noto Sans KR',monospace}

/* actionTrail */
.tagText {float:left}
.actionTrail {text-align:right}
.actionTrail .material-icons {font-size:15px}
.rp .material-icons {color:red}

/* report */
.tt_article_useless_p_margin>div:last-child img{}
.entry-ccl {text-align:right}

/* paging */
#paging {text-align:center}
#paging a {font-weight:bold;font-size:12px}
#paging a .material-icons {font-size:14px;vertical-align:sub}
#paging .numbox {padding:2px 5px}
#paging .num {padding:1px 4px;margin:0 1px}
.no-more-prev {padding-left:6px;color:rgba(0,0,0,.1)!important}
.no-more-next {padding-right:6px;color:rgba(0,0,0,.1)!important}
.no-more-prev:hover,.no-more-next:hover {color:rgba(0,0,0,.1)!important;cursor:default}

/* footer */
#footer:hover {color:#fff;text-shadow:0 0 1px #000}

@media all and (max-width:980px) {
	body{background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}
	#flex{flex-wrap:wrap;display:block;width:100%}
	.blogImage img {max-width:100%}
	#searchList{margin:0}
}
/* 이미지 아래 캡션 스타일 */
.cap1{color:#999;text-align:center;padding:4px 0;margin:0}
/* 그림 */
.imageblock{margin:5px 0}
/* 그림 2개 배치 */
.dual{background-color:#fff;margin-bottom:5px}
/* 그림 3개 배치 */
.triple{background-color:#fff;margin-bottom:5px}
/* 반응형 유튜브 */
.youtubeWrap {position:relative;width:100%;padding-bottom:56.25%}
.youtubeWrap iframe {position:absolute;width:100%;height: 100%}