@charset "utf-8";
@import url('./images/damso.css?20200429');
@import url('./images/damso.class.css?20200429');
@import url('./images/damso.id.footer.css?20200429');
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
body, button, input, select, table, textarea{font-family: 'Nanum Gothic', sans-serif}
input, select, textarea{border-radius:4px}

/* element */
body{font-size:13px;letter-spacing:-0.01em}
button.close{right:10px;box-shadow:0 1px 5px #aaa;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */}
button.close:hover{
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */}
button.close span.x_image{display:block;width:auto;height:10px;background:url('./images/close.gif') 50% no-repeat;background-size:auto 10px}
*:focus{outline:none}

/* class */
.inner{width:96%;min-width:300px;max-width:600px;margin:0 auto}
.bg.hidden{background-color:#000}
.window{z-index:10;display:block;margin-bottom:10px}
.window>.inner{z-index:11;padding:4em 20px 20px 20px;background-color:#fff}
.window>.inner.tp1{padding:0}
.window button.close{z-index:12}
.window iframe{width:100%}
.paper{overflow:hidden;margin:0 -20px;font-size:0}
.paper img{width:100%}
.paper .link{display:block;padding:20px 5%;font-size:0.8rem;text-align:justify}
.paper .link:hover{color:#fff;background-color:#cc0000}
.paper .link b{display:block;margin-bottom:0.5em;padding-bottom:0.5em;border-bottom:1px dotted #cc0000;text-align:center}
.btn{display:inline-block;margin-top:1em;padding:0.7em 1em;border:1px solid #ddd;letter-spacing:0;font:0.85em tahoma;text-align:center}
.btn:hover{border-color:#cc0000;background-color:#cc0000;color:#fff}
.submit{display:block;padding:2em 0;text-align:center}
.submit a{margin-left:5px;text-transform:uppercase}
.submit a:first-child{margin-left:0}
.category{display:inline-block;text-transform:uppercase}
.category:hover{color:#cc0000}
.date{font:10px tahoma;color:#aaa}

/* class > tistory */
.tistory-write textarea{width:100%;padding:5px;border:1px solid #ccc;box-sizing:border-box;font:1em sans-serif;resize:none}
.tistory-write textarea:focus{border-color:#cc0000}
.tistory-write label{margin-left:5px;font:0.95em tahoma}
.tistory-write .profile{margin-bottom:5px}
.tistory-write .profile input{display:inline-block;width:50%;padding:5px;box-sizing:border-box;font-size:1em;background-color:#f5f5f5}
.tistory-write .secretWrap{position:relative;float:right;top:0;right:0;text-align:right}
.tistory-write .secretWrap input{width:20px;height:20px}
.tistory-write .secretWrap label{display:block;margin-top:2px;vertical-align:top}
.tistory-list ol{list-style:none}
.tistory-list li{padding:10px 2px;border-top:1px dotted #ddd}
.tistory-list li:nth-child(even){background-color:#f5f5f5}
.tistory-list li ul{margin:5px 0 0 20px}
.tistory-list li span.name{margin-right:3px;font-weight:bold}
.tistory-list li span.date,
.tistory-list li span.control a{font:0.85em tahoma;color:#aaa}
.tistory-list li span.control a:hover{color:#cc0000}
.tistory-list li span.date a{display:none}
.tistory-list li span.control{float:right}
.tistory-list li p{margin-top:5px}
.tistory-search{text-align:center}
.tistory-search li{text-align:left}
.tistory-search li a{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;vertical-align:middle}
.tistory-search li a.category{max-width:20%;margin-right:1%;padding-right:2%;border-right:1px solid #ddd;font:10px tahoma}
.tistory-search li a.title{max-width:70%}
.tistory-search li span.date{display:inline-block;float:right;margin-left:10px;text-align:right}

/* damso */
#damso{position:absolute;z-index:2;width:100%;height:100%}

/* container */
#container{padding:30px 0 160px 0;box-sizing:border-box}

/* logo */
#logo{position:fixed;top:50%;width:100%;margin-top:-3em;text-align:center}
#logo p{white-space:nowrap}
#logo img{height:22px}
#logo .t1{font-weight:bold;font-size:1.7em;line-height:1em;color:#fff}
#logo .t2{margin-top:0.5em;padding:0.1em;text-transform:uppercase;color:#999}

/* menu */
#menu{position:fixed;top:50%;width:100%;margin-top:3em;text-align:center;white-space:nowrap}
#menu li{display:inline-block;margin-left:0.1em}
#menu li:first-child{margin-left:0}
#menu a{display:block;padding:0.2em 0.5em 0.2em 0.6em;;border:1px solid #777;border-radius:4px;letter-spacing:0.1em;text-transform:uppercase;color:#fff}
#menu a:hover,
#menu a.active{border-color:#ffd400;color:#333;background-color:#ffd400}

/* damso-title */
#title{display:block;margin-bottom:2em}
#title p.t1{margin-bottom:4px;font-size:1.2em;font-weight:bold;color:#555}
#title p.t2{margin-top:7px;text-transform:uppercase}
#title p.t2 .category{margin-right:0.3em;letter-spacing:0.1em}
#title span.point{color:#cc0000}

/* paper */
#paper figcaption{display:block;padding:20px;text-align:center;background-color:#eee}
#paper .container_postbtn{padding:20px 20px 0 20px}

/* content */
#content a{color:blue;text-decoration:underline}
#content p{margin:1em 0 !important}
#content blockquote{margin:1em 0;padding-left:1em;border-left:1px solid #ddd;font-size:0.9em;line-height:1.7em}
#content ol,
#content ul{margin:1em 0 1em 1.5em}
#content figure[data-ke-type='video']{position:relative;overflow:hidden;margin:1em 0;padding-bottom:56.25%;height:0}
#content figure[data-ke-type='video'] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}
#content figure[data-ke-type='video'] iframe *{background:#fff !important}
#content figure[data-ke-type='video'] figcaption{display:none}
#content figure.imageblock img{border-radius:4px}
#content .container_postbtn{padding:2em 0 0 0}
#content .article-content{overflow:hidden;text-align:justify;line-height:1.7em}
#content .article-adsense{margin-top:1em}
#content .article-adsense.one{margin-bottom:0.7em}
#content .article-contactme{display:block;margin-top:1em;padding:1em;border:1px solid #e6e7e8;text-align:center;text-decoration:none}
#content .article-contactme strong{color:#555}
#content .article-contactme span{display:block;font:0.9em sans-serif;letter-spacing:1px;color:#777}
#content .article-contactme:hover{border-color:#cc0000}
#content .article-contactme:hover strong{color:#cc0000}
#content .another_category h4{text-transform:capitalize}

/* related */
#related{margin-top:1em;padding:1em;border:1px solid #e6e7e8}

/* paging */
#paging a{font:0.9em tahoma;line-height:0.9em;color:#fff}
#paging a:hover,
#paging a:hover span,
#paging .selected{color:#ff8e8e}
#paging .inner{padding:1em;border:1px solid #777;text-align:center;background:#333;opacity:0.7}
#paging .num{display:inline-block;margin:0 0.2em;padding:0.5em}
#paging .selected{font-weight:bold}
#paging .more.prev{margin-right:0.5em}
#paging .more.next{margin-left:0.5em}

/* damso-footer */
#damso-footer{position:fixed;bottom:0;width:100%;text-align:center}

/* background */
#background{z-index:1;width:100%;height:100%;position:fixed;background:#333 url('./images/bg.tp-1.black.png');background-repeat:repeat}

/* custom */
figure.imageblock,
figure.imageblock.alignCenter{margin:0;display:block !important}
figure[data-ke-type='opengraph'] a,
.container_postbtn .postbtn_like,
.container_postbtn .btn_menu_toolbar{border-radius:0 !important;overflow:hidden}
.container_postbtn .postbtn_like:hover,
.container_postbtn .btn_menu_toolba:hover{background-color:#fafafa}
.comment .tistory-list ol{display:flex;flex-direction:column-reverse}
.absent_post,
#entry3Comment iframe,
#tt-body-index #searchList,
#tt-body-index #paging{display:none}

/* theme > white */
.theme-white{color:#333;background:#eee url('./images/bg.tp-1.white.png')}
.theme-white #logo .t1,
.theme-white #menu a{color:#333}
.theme-white #menu a:hover{border-color:#cc0000;color:#fff;background-color:#cc0000}
.theme-white #logo .t2{color:#777}

@media screen and (max-height:500px){
	#container{padding:30px 0}
	#damso-footer{display:none}
	}
@media screen and (max-width:600px){
	body{font-size:14px}
	.tistory-search li span.date{display:none}
	#related.tistory-search li a.title{max-width:100%}
	#paging .inner{width:100%;padding:0.5em;border-left:none;border-right:none;border-radius:0}
	#paging .num{padding:0.2em}
	}