@charset "utf-8";
@import url('./images/damso.css');
@import url('./images/damso.class.css');
@import url('./images/damso.id.footer.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;600&display=swap');

/* element */`
html,body,table,input,textarea,select,button{font-family:'Nanum BarunGothic','Nanum Gothic','Apple SD Gothic Neo',sans-serif;font-display:swap}
input, select, textarea{border-radius:4px}
input::placeholder,
textarea::placeholder{color:#aaa}
*:focus{outline:none}

/* id */
#damso{position:absolute;z-index:2;width:100%;height:100%}
#container{padding:20px 0 120px 0}

/* class */
.inner{z-index:11;width:96%;min-width:300px;max-width:660px;margin:0 auto}
.btn{display:inline-block;padding:0.7em 1em;letter-spacing:0;font:1em 'Kanit';text-align:center}
.date,
.control{font:0.9em 'Kanit';letter-spacing:0.01em}
.category{display:inline-block}
.cnt{color:#aaa}
.submit{padding:5px 0}
.submit a{margin-left:5px;letter-spacing:0;text-transform:uppercase}
.submit a:first-child{margin-left:0}

/* window */
.window{z-index:10;margin-bottom:1em}
.window>.inner.tp1{background-color:#fff}
.window>.inner.tp2{padding:50px 20px 25px 20px;background-color:#fff}
.window>.inner.tp2 .outside{margin-left:-20px;margin-right:-20px}
.window iframe{width:100%}
.window-button{position:absolute;top:0;right:10px}
.window-button li{display:inline-block}
.window-button a,
.window-button button{display:block;width:28px;height:28px;border-radius:0 0 4px 4px}
.window-button a:hover,
.window-button button:hover{opacity:0.7}
.window-button span.icon.close{display:block;width:auto;height:10px;background:url('./images/icon.close.gif') 50% no-repeat;background-size:auto 10px}
.window-button span.icon.menu{display:block;width:auto;height:10px;background:url('./images/icon.menu.gif') 50% no-repeat;background-size:auto 10px}

/* tistory > category */
.tistory-category{margin-bottom:2em;padding:1em 2em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:whitesmoke}
.tistory-category .tt_category li{margin:5px 0}
.tistory-category .tt_category a{line-height:2em;font-family:'Kanit';letter-spacing:0.1em;text-transform:uppercase}
.tistory-category .tt_category a.link_tit{font-weight:bold}
.tistory-category .tt_category .sub_category_list{margin:5px 0 0 5px;padding-left:15px;border-left:1px solid #aaa}
.tistory-category .tt_tag{margin:1em -5px}
.tistory-category .tt_tag a{display:block;border:1px solid #ddd;background:white}

/* tistory > reply  */
.tistory-reply ol{list-style:none}
.tistory-reply li{margin-top:1em;padding:1em 2px 0 2px;border-top:1px dotted #ddd}
.tistory-reply li ul{margin:5px 0 0 2em}
.tistory-reply li span.name{margin-right:3px;font-weight:bold}
.tistory-reply li span.date{color:#aaa}
.tistory-reply li span.date a{display:none}
.tistory-reply li span.control{float:right;margin-top:-1em}
.tistory-reply li span.control a{margin-left:2px;color:#aaa}
.tistory-reply li span.control a:first-child{margin-left:0}
.tistory-reply li p{margin-top:5px}

/* tistory > list  */
.tistory-list.widget_document.related{margin-top:1em;padding:1em;border:1px solid #ddd}
.tistory-list.widget_document a.title{width:calc(100% - 90px)}
.tistory-list.widget_document span.date{width:80px;font:0.95em 'Kanit';color:#707070}

/* tistory > title  */
.tistory-title{display:block;margin-bottom:10px}
.tistory-title p.t1{font-size:1.2em;font-weight:bold;color:#555}
.tistory-title p.t2{display:inline-block;margin:5px 0 0 -20px;padding-left:20px;font:0.85em 'Kanit';text-transform:uppercase !important;color:darkgray;background-color:whitesmoke}
.tistory-title p.t2 .category{margin-right:5px;letter-spacing:0.05em;text-transform:uppercase !important}
.tistory-title.searchlist{margin-bottom:2em}

/* tistory > content  */
.tistory-content{margin-top:1.5em}
.tistory-content a{color:blue;text-decoration:underline}
.tistory-content h1,
.tistory-content h2,
.tistory-content h3,
.tistory-content h4,
.tistory-content h5,
.tistory-content h6{margin:2em 0 0 0 !important}
.tistory-content p{margin:1em 0 0 0 !important}
.tistory-content ol,
.tistory-content ul{margin: 1em 0 1em 15px;padding:0 0 0 25px}
.tistory-content figure[data-ke-type='video']{position:relative;overflow:hidden;height:0;margin:1em 0;padding-bottom:56.25%;border-radius:4px}
.tistory-content figure[data-ke-type='video'] iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.tistory-content figure[data-ke-type='video'] iframe *{background:#fff !important}
.tistory-content figure[data-ke-type='video'] figcaption{display:none}
.tistory-content figure.imageblock img{border-radius:4px}
.tistory-content figure figcaption{padding:0;font-size:0.9em;color:#777}
.tistory-content iframe{display:block}
.tistory-content .container_postbtn{margin-top:4em;padding:0}
.tistory-content .article{overflow:hidden;text-align:justify;line-height:1.7em}
.tistory-content .article-message{border-bottom:1px solid indianred;color:indianred;background-color:seashell}
a.article-contactme{display:block;margin-top:1em;padding:1em;text-align:center;text-decoration:none;color:black}
a.article-contactme span{display:block;margin-top:2px;opacity:0.5;font:0.95em 'Kanit';color:black}
a.article-contactme:hover span{color:white}
.another_category h4{text-transform:capitalize}

/* tistory > comment */
.tistory-comment{margin-top:1em}
.tistory-comment textarea{margin-bottom:0.3em}

/* tistory > write  */
.tistory-write textarea,
.tistory-write input{box-sizing:border-box;resize:none}
.tistory-write textarea{width:100%;margin-bottom:5px;padding:10px}
.tistory-write label{margin-left:5px;font:12px 'Kanit'}
.tistory-write .profile{margin-bottom:5px}
.tistory-write .profile input{display:inline-block;width:50%;padding:5px}
.tistory-write .profile input.homepage{width:100%}
.tistory-write .secretWrap{float:right;margin-top:5px;text-align:right}
.tistory-write .secretWrap input{width:15px;height:15px}
.tistory-write .secretWrap label{display:block;margin-top:2px}

/* tistory > entryProtected */
.entryProtected .tistory-write{padding-top:30px;text-align:right}
.entryProtected .tistory-write input[type=password]{margin:0.5em 0 2em 0;padding:5px}

/* google-adsense */
.google-adsense{margin-top:2em}

/* damso-logo */
#damso-logo{display:none;position:fixed;top:48%;width:100%;margin:-20px 0 0 0;text-align:center}
#damso-logo h1,
#damso-logo h2{color:#fff}
#damso-logo h1{font:900 2.2em/1em 'Kanit'}
#damso-logo h1 span{font-weight:100}
#damso-logo h2{display:inline-block;margin-top:0.3em;border-top:1px solid #777;font:300 1.1em/1em 'Kanit';color:#aaa;}

/* damso-menu */
#damso-menu{display:none;position:fixed;top:50%;width:100%;margin-top:3em;text-align:center;white-space:nowrap}
#damso-menu li{display:inline-block;margin-left:0.1em}
#damso-menu li:first-child{margin-left:0}
#damso-menu a{display:block;padding:5px 10px;border:1px solid #777;border-radius:4px;color:#fff}
#damso-menu a:hover{border-color:#ffd400;background-color:#ffd400;color:#333}

/* dmaso-category */
#damso-category{display:none}

/* damso-search */
#damso-search .inner{display:flex;padding:0}
#damso-search input.inputText{width:100%;margin-right:5px;padding:0 1em}
#damso-search input.inputSearch{width:50px;background:url('./images/form-search-search_bg.png') no-repeat 50%;background-size:1.2em}

/* damso-widget */
#damso-widget .title{display:inline-block;box-sizing:border-box;min-width:50%;letter-spacing:5px;font:bold 1em -webkit-pictograph;background-color:lightgrey;color:white}
#damso-widget .section{padding:20px;border-top:1px dotted #ddd}
#damso-widget .section:first-child{border-top:none}
#damso-widget .section:nth-child(even){text-align:right;background-color:whitesmoke}
#damso-widget .section:nth-child(even) *{text-align:right}
#damso-widget .section:nth-child(odd) .title{margin:0 0 20px -20px;padding:5px 5px 5px 20px;border-radius:0 5px 5px 0}
#damso-widget .section:nth-child(even) .title{margin:0 -20px 20px 0;padding:5px 20px 5px 20px;border-radius:5px 0 0 5px}

/* damso-paging */
#damso-paging .inner{padding:5px;border:none;text-align:center;cursor:default}
#damso-paging .paging-type-A{display:block}
#damso-paging .paging-type-B{display:none}
#damso-paging .num{display:inline-block;margin:0 0.7em;color:#fff}
#damso-paging .num:hover span{color:inherit;opacity:0.7}
#damso-paging .num:hover span.selected{opacity:inherit}
#damso-paging .selected{padding:1em 0.7em;border-radius:0.3em;font-weight:bold;background-color:white;cursor:default}
#damso-paging .more{display:block;float:left;box-sizing:border-box;width:50%;padding:1em;color:white}
#damso-paging .more:hover{color:white;opacity:0.7}

/* damso-footer */
#damso-footer{position:fixed;bottom:0;width:100%;text-align:center}
#damso-footer .damso-symbol-image{background-image:url('./images/damso.symbol.png')}

/* chatting */
#plug-chatting-box{z-index:99;position:fixed;bottom:5%;width:100%}
#plug-chatting{display:inline-block;position:absolute;right:5%;width:50px;height:50px;margin-top:-50px;border-radius:50px;background-repeat:no-repeat;background-position:50%;background-size:40px auto;filter:grayscale(100%)}
#plug-chatting:hover{filter:grayscale(0)}
#plug-chatting,
#plug-chatting.kakao{background-color:#f9e000;background-image:url('./images/logo.kakaotalk.png')}

/* background */
.background{top:0;left:0;width:100%;height:100%;position:fixed}
#background-o{background:#333 url('./images/bg.png') fixed}
#background-x{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB1JREFUGFdj/PDhg7GAgMBZBihghDEwBGAqMVQAAF0VCAX8xT0hAAAAAElFTkSuQmCC) repeat}

/* custom */
blockquote[data-ke-style='box'],
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='box'],
#tt-body-page blockquote[data-ke-style='style3']{padding:1em;font-size:1em;border-radius:5px}
hr[data-ke-style], #tt-body-page hr[data-ke-style]{height:2px}
hr[data-ke-style='style2'], #tt-body-page hr[data-ke-style='style2']{height:3px;margin-top:40px;margin-bottom:10px}
figure.imageblock,
figure.imageblock.alignCenter{margin:1em 0;display:block !important}
figure[data-ke-type='opengraph'] a,
.container_postbtn .postbtn_like,
.container_postbtn .btn_menu_toolbar{border-radius:4px !important;border-color:#ddd !important}
.container_postbtn .postbtn_like + .btn_menu_toolbar{text-align:center}
.container_postbtn .postbtn_ccl{position:absolute !important}
.another_category{margin:1em 0 0 0 !important;border:1px solid #ddd !important;border-radius:4px}
.absent_post{padding:0 0 1em 0 !important;background:none !important;color:#fff !important}
.absent_post,
#tt-body-index #damso-logo,
#tt-body-index #damso-menu{display:block}
#entry3Comment iframe,
#tt-body-index #container{display:none}
.tt_box_namecard{min-height:0 !important;margin:1em 0 !important;padding:1em !important;border:1px solid #ddd;border-radius:4px;background-color:#fff !important}
.tt_box_namecard .tt_cont,
.tt_box_namecard .tt_wrap_thumb{margin:0 !important;padding:0 !important}
.tt_box_namecard .tt_cont{width:calc(100% - 70px)}
.tt_box_namecard .tt_tit_cont{font-weight:bold !important}
.tistory-comment .tistory-reply ol{display:flex;flex-direction:column-reverse}

/* theme (default) */
.tistory-write textarea,
.tistory-write input,
.theme-bg-hover{background:#eee;color:black}
.theme-bg-hover:hover,
.theme-bg,
.tistory-write textarea:focus,
.tistory-write input:focus,
#damso-paging .inner{background:slategray;color:white}
a:hover, a:hover span, a.active, a.active span, button:hover, button:hover span,
.theme-color,
#damso-paging .selected,
#damso-paging a:hover span.selected{color:slategray}

@media screen and (max-height:500px){
#container{padding:30px 0}
#damso-footer{display:none}
}

@media screen and (min-width:601px){

}

@media screen and (max-width:600px){
.tistory-list.widget_document a.title{width:100%}
.tistory-list.widget_document span.date,
#damso-paging .paging-type-A{display:none}
#damso-paging .paging-type-B{display:block}
}