드래그를 할 수 없습니다.
드래그를 할 수 있습니다.
/*모바일 복사 금지*/ @charset "UTF-8"; /* 블로그 메인 상단 광고 모바일 off */ .adsense-main-top { display: none; } @media (min-width: 768px) { .adsense-main-top { display: block; } } /* end 모바일에서 메인 상단광고 필요한 경우 위 코드 주석 처리 또는 삭제*/ /* 주석을 제거 하면 타이틀이 pc에서 왼쪽으로 정렬 됨 @media (min-width: 1200px) { .blog-header .blog-title { text-align: left; } */ /* 일치하는 광고 */ .adsense-matched-content { margin-top: 10px; margin-bottom: 10px; padding: 0 10px; border: 1px solid #dee2e6; } .adsense-matched-content > div { padding: 8px 0; border-bottom: 1px solid #dee2e6; font-size: 14px; color: #000; text-align: center; font-weight: bold; } /* end 일치하는 광고*/ *,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box} html{font-family:sans-serif;line-height:1.15; -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display:block} body {margin:0;padding:0;font-size:0.97rem;letter-spacing:0.00rem; word-spacing: 0px; color: #333;background-color:#fff;font-family: 'Noto Sans KR', sans-serif !important;} [tabindex="-1"]:focus:not(:focus-visible){outline:0 !important} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0; overflow:visible} header { width: 100%; background-color: #fff;} /* * 본문 소제목 꾸미기 불필요시 삭제 * 참고 : https://blog.damtta.com/20 */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content h7{ padding: 14px 0px 14px 8px; border-top: 1px solid #000; /* 상단 선 두께 1px 색상 #ececec */ border-bottom: 1px solid #000; /* 하단 선 두께 1px 색상 #ececec */ } /*카테고리 다른글 썸네일*/ /* Article Related */ .article-related {position:relative; margin: 0; padding:15px 0 10px 0; background:#fff; border-top:1px solid #ececec; border-bottom:1px solid #ececec;} .article-related h1 {font-weight:500; color:#333; font-size:.9em; margin-bottom:20px;} .article-related h1 a {margin-left:13px; font-size:1.2em; font-weight:500; color:#fa9922} .article-related .related-more {position:absolute; top:18px; right:20px;font-size:1em;font-weight:400;} .article-related ul {display: flex; justify-content: space-around; flex-wrap: wrap;} .article-related ul li {display: inline-block; text-align:center; padding: 0;} /*.article-related ul li item {display: flex; justify-content: space-around; justify-content: space-between; text-align:center; }*/ .article-related ul.related-list {padding:0; text-align:center; margin:0px auto;list-style:none} .article-related ul.related-list li {border-top:0px solid #ececec} .article-related ul.related-list li .related-list-title {display:block; max-width: 160px; margin: 5px 0px 0px 3px; font-weight:500; font-size:.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#434343;} .article-related ul.related-list li .related-list-title:hover {color:#fa9922;} .article-related ul.related-list li .related-list-date {display:block; margin:3px 0 10px 4px; font-size:.75rem; font-weight:300; color:#9b9b9b;} .article-related ul.related-list li a:after {display:block; clear:both; content:''} .article-related ul.related-list li a:hover, .article-related ul.related-list li a:active, .article-related ul.related-list li a:focus {background:#fff; text-decoration:none} .article-related ul.related-list li .related-list-thumb {position: relative; /*display: block;*/ overflow: hidden; width: 100%; height: 0; margin-bottom: 5px; padding-bottom: 0; background-color: #f8f8f8; margin:0px auto; } /*카테고리 다른글 썸네일 끝*/ .table{ width: 0; height: 15px;} #one{ background-color: transparent;} figure.imageblock.alignCenter { margin: 0 auto 20px !important; text-align: center !important; } h1,h2,h3,h4,h5,h6,h7{margin-top:0;margin-bottom:0.5rem} /*본문 폰트 조절*/ p {margin-top:0;margin-bottom:1rem: font-family: 'Noto Sans KR', sans-serif; line-height: 21pt; letter-spacing: .5px; color: #666;} .tt_article_useless_p_margin p {font-size: 12.5pt;} /*본문 폰트 조절 끝*/ abbr[title],abbr[data-original-title] {text-decoration:underline;-webkit-text-decoration:underline dotted; text-decoration:underline dotted;cursor:help;border-bottom:0; text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} ol,ul,dl{margin-top:0;margin-bottom:1rem} ol ol,ul ul,ol ul,ul ol{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#fa9922;font-size:.82rem;text-decoration:none; background-color:transparent} a:hover{color:#434343;text-decoration:underline} h2 a:not([href]){color:inherit;text-decoration:none} a:not([href]):hover{color:inherit;text-decoration:none} pre,code,kbd,samp{font-family: 'Noto Sans KR', sans-serif;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg{overflow:hidden;vertical-align:middle} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem; color:#6c757d;text-align:left;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.5rem} input,button,select,optgroup,textarea {margin:0;font-family: 'Noto Sans KR', sans-serif; font-size:inherit;line-height:inherit} button,input{overflow:visible} button,select{text-transform:none} select{word-wrap:normal} button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button} button:not(:disabled), [type="button"]:not(:disabled),[type="reset"]:not(:disabled), [type="submit"]:not(:disabled){cursor:pointer} button::-moz-focus-inner,[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {padding:0;border-style:none} input[type="radio"],input[type="checkbox"] {-webkit-box-sizing:border-box;box-sizing:border-box;padding:0} input[type="date"],input[type="time"], input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0; margin-bottom:.5rem;font-size:1.5rem;line-height:inherit; color:inherit;white-space:normal}progress{vertical-align:baseline} [type="number"]::-webkit-inner-spin-button,[type="number"] ::-webkit-outer-spin-button{height:auto}[type="search"] {outline-offset:-2px;-webkit-appearance:none}[type="search"] ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} button{border:0;border-radius:0;background-color:#ffffff; cursor:pointer}textarea:focus,input:focus{outline:none} *:focus{outline:none}output{display:inline-block} summary{display:list-item;cursor:pointer}template{display:none} [hidden]{display:none !important} .container{width:100%;padding-right:15px;padding-left:15px; margin-right:auto;margin-left:auto} @media (min-width: 1200px){.container{max-width:1088px}} .row{display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px; margin-left:-15px}.col-3,.col-6,.col-9,.col-md-3,.col-md-6, .col-xl-12{position:relative;width:100%;padding-right:15px;padding-left:15px} .col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%} .col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%} .col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%} @media (min-width: 768px) {.col-md-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}} @media (min-width: 768px) {.col-md-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}} @media (min-width: 1200px) {.col-xl-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}} .d-none{display:none !important}.d-block{display:block !important} @media (min-width: 768px) {.d-md-block{display:block !important}} . h1,h2,h3,h4,h5,h6,h7,h8 {margin-bottom:0.5rem;font-weight:500;line-height:1.2;color: #000;} h1{font-size:2.5rem} h2{font-size:2rem} h3{font-size:1.75rem} h4{font-size:1.5rem} h5{font-size:1.25rem} h6{font-size:1rem} h7{display: block; margin:0; padding-top: 5px; padding-left: 9px; padding-bottom: 5px; font-size: .87rem; font-weight: 400; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} h8{display: block; margin:0; padding-top: 5px; padding-left: 9px; padding-bottom: 5px; font-size: .87rem; font-weight: 300; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} . h1,h2,h3,h4,h5,h6,h7,h8 a:hover{color:#fa9922;text-decoration:none} small{font-size:80%;font-weight:400} mark{padding:0.2em;background-color:#fcf8e3} hr{margin-top:1rem;margin-bottom:1rem;border:0; border-top:1px solid rgba(0,0,0,0.1)} code{font-size:87.5%;color:#e83e8c;word-wrap:break-word} a>code{color:inherit} pre{display:block;font-size:87.5%;color:#212529} pre code{font-size:inherit;color:inherit;word-break:normal} .sr-only{position:absolute;width:1px;height:1px;padding:0; margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0} .btn{background-color:#f2f2f2;color:#6c757d} .btn-line{border:1px solid #dee2e6;background-color:#fff;color:#6c757d} .s-btn{padding:.25rem .5rem;border-radius:.2rem;font-size:.750rem} .list-unstyled{padding-left:0;list-style:none;margin-bottom:0} .rounded{border-radius:.25rem;-webkit-border-radius:.25rem; -moz-border-radius:.25rem;-ms-border-radius:.25rem;-o-border-radius:.25rem} .vl{display:inline-block;border-left:#9c9c9c 1px solid;width:0; height:10px;margin:0 5px 0 5px} h1.text-truncate {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-truncate{overflow:hidden;text-overflow:ellipsis} .text-ellipsis{display:-webkit-box;display:-ms-flexbox;display:box; white-space:normal;overflow:hidden;text-overflow:ellipsis; word-break:break-word;vertical-align:top;-webkit-box-orient:vertical; -webkit-line-clamp:2} .input-textarea-box{display:block;width:100%; height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:0.875rem; font-weight:400;line-height:1.5;color:#495057; background-color:#fff;background-clip:padding-box; border:1px solid #dee2e6;border-radius:.25rem; -webkit-transition:border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out}.input-textarea-box:focus{border-color:#343a40; -webkit-box-shadow:none;box-shadow:none} .textarea.input-textarea-box{height:auto} .frm-row{display:-ms-flexbox;display:-webkit-box; display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; margin-right:-5px;margin-left:-5px}.frm-row>.col, .frm-row>[class*=col-]{padding-right:5px;padding-left:5px} .frm-group{margin-bottom:10px} .thumbnail{max-width:100%;height:auto;overflow:hidden} .media{display:-ms-flexbox;display:-webkit-box;display:flex; -ms-flex-align:start;-webkit-box-align:start; align-items:flex-start} .media-body{-ms-flex:1;-webkit-box-flex:1;flex:1} .blog-header{display:-webkit-box;display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center;align-items:center; margin-right:-15px;margin-left:-15px;padding:1.5rem 0;} .blog-header .blog-title a {font-size:1.50rem;font-weight:500;color:#000;text-decoration:none;} .blog-header .blog-title a img {margin-right:5px;width:37px;height:37px; border:0px solid #eee;border-radius:50%} @media (min-width: 1200px) {.blog-header{padding:2.5rem 0} .blog-header .blog-title{text-align:center} .blog-header .blog-title a{font-size:1.50rem}} .navbar-burger{display:block} .navbar-burger button{display:block;position:relative; margin-left:auto;z-index:1041;height:1rem;width:1.5rem; background-color:transparent;color:#212529;cursor:pointer} .navbar-burger button span{background-color:currentColor; display:block;height:2px;left:calc(50% - 8px); position:absolute;-webkit-transform-origin:center; transform-origin:center;-webkit-transition-duration:86ms; transition-duration:86ms;transition-property:background-color, opacity, -webkit-transform; -webkit-transition-property:background-color, opacity, -webkit-transform; transition-property:background-color, opacity, transform; transition-property:background-color, opacity, transform, -webkit-transform;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;width:20px} .navbar-burger button span:nth-child(1){top:calc(50% - 6px)} .navbar-burger button span:nth-child(2){top:calc(50% - 1px)} .navbar-burger button span:nth-child(3){top:calc(50% + 4px)} .navbar-burger.is-active span:nth-child(1) {-webkit-transform:translateY(5px) rotate(45deg); transform:translateY(5px) rotate(45deg)} .navbar-burger.is-active span:nth-child(2){opacity:0} .navbar-burger.is-active span:nth-child(3) {-webkit-transform:translateY(-5px) rotate(-45deg); transform:translateY(-5px) rotate(-45deg)} @media (min-width: 1200px){.navbar-burger{display:none}} .menu-bar{background-color:#343a40;border-top:1px solid #dee2e6; border-bottom:1px solid #dee2e6} .menu-bar .blog-menu{display:-webkit-box;display:-ms-flexbox; display:flex;margin-right:-15px;margin-left:-15px; white-space:nowrap;overflow-x:auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;-ms-overflow-style:none; scrollbar-width:none} .menu-bar .blog-menu::-webkit-scrollbar{display:none} .menu-bar .blog-menu ul{display:-webkit-box;display:-ms-flexbox; display:flex;margin:0;padding:0;list-style:none} .menu-bar .blog-menu ul a{display:block;padding:.875rem; color:#fff;font-size:.9375rem;font-weight:500; text-transform:uppercase;text-decoration:none} .menu-bar .blog-menu ul a:hover{color:#fa9922} #main{padding-top:30px;padding-bottom:15px;min-height:100vh} .blog-main{position:relative;width:100%;padding-right:14px; padding-left:14px;overflow:hidden; border-left: 1px solid #ececec; border-right: 1px solid #ececec;} @media (min-width: 1200px) {.blog-main{-ms-flex:0 0 758px;-webkit-box-flex:0; flex:0 0 758px;max-width:758px}} .blog-list .list-title {border-bottom:1px solid #dee2e6;margin-bottom:1.25rem; padding-bottom:.750rem;font-size:1rem} .blog-list .category-list,.blog-list .search-list, .blog-list .tags-list,.blog-list .archive-list{display:none} #tt-body-category .blog-list .category-list, #tt-body-search .blog-list .search-list,#tt-body-tag .blog-list .tags-list,#tt-body-archive .blog-list .archive-list{display:block}.not-found .category, .not-found .tag,.not-found .archive{display:none} #tt-body-category .not-found .category,#tt-body-tag .not-found .tag,#tt-body-archive .not-found .archive{display:block} .index-item .index-list:first-child{padding-top:0} .index-item .index-list:last-child{border-bottom:0} .index-list{padding-top:1rem;padding-bottom:1rem; border-bottom:1px solid #ececec;overflow:hidden} .index-list a:hover{text-decoration:none} .index-list .thumbnail img{margin-right:10px;width:125px;height:70px} .index-list .media-body{overflow:hidden; -ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center} .index-list .media-body .post-title {margin-bottom:3px;color:#333;font-size:1.1rem;font-weight:400} .index-list .media-body .post-summary {font-size:.85rem;font-weight:300;color:#686868;height:1.8rem; line-height:1.1;margin:0;} .index-list .media-body .detail-info span {color:#747474;font-size:.75rem} .index-list .media-body .detail-info i{margin-right:3px} .index-list .media-body .detail-info .comment-count{margin-left:5px} .index-list:hover .post-title{color:#fa9922;} @media (min-width: 576px){.index-list{padding-top:1.5rem;padding-bottom:1.5rem} .index-list .thumbnail img{margin-right:14px;width:200px;height:113px} .index-list .media-body .post-title {margin-bottom:3px;font-size:1.25rem;font-weight:400} .index-list .media-body .post-summary{height:3.7rem; line-height:1.5;-webkit-line-clamp: 3;} .index-list .media-body .detail-info{margin-bottom:0px}} .hgroup{border-bottom: 1px solid #dee2e6; margin-bottom: 1.3rem; padding-bottom: 1.1rem; padding-left: 0rem; text-align: left; word-break: keep-all;} .hgroup .post-title{font-size: 1.6rem;font-weight: 500;color:#000; margin-bottom:0.2rem;} .hgroup span{font-size:.875rem;display:inline-block}.hgroup i{margin-right:3px} .blog-post-header .post-meta .date{margin-right: 2px; font-size: .8rem; color: #747474;} .blog-post-header .post-meta .post-admin {position:relative;display:none !important;cursor:pointer} .blog-post-header .post-meta .post-admin .modify-del {display:none;position:absolute;top:20px;left:-20px; background-color:#fff;border:1px solid #ddd;z-index:10} .blog-post-header .post-meta .post-admin .modify-del li{padding:3px 10px 5px} .blog-post-header .post-meta .post-admin .modify-del a {font-size:.750rem;color:#000} @media (min-width: 1200px) {.blog-post-header .post-meta .post-admin{display:inline !important}} .entry-content{overflow:hidden;line-height:1.8} .entry-content img{max-width:100%;height:auto} .entry-content object,.entry-content embed,.entry-content iframe{max-width:100%} .entry-content blockquote{background-color:whitesmoke; border-left:5px solid #dbdbdb;padding:1em 1.5em} .entry-content blockquote p:last-child{margin:0} .entry-content h7,.entry-content h6,.entry-content h5, .entry-content h4,.entry-content h3,.entry-content h2, .entry-content h1{font-size:1.25rem;font-weight:500;} .entry-content .youtube-wrap{position:relative;height:0;padding-bottom:56.25%} .entry-content .youtube-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%} .entry-content table.txc-table{margin-bottom:20px;width:100%;overflow:auto} .entry-content table.txc-table td{padding:6px} .entry-content table.txc-table p{margin-bottom:0} .entry-content figure{margin:0 !important} .tag-trail{padding:.875rem 0;display:-webkit-box;display:-ms-flexbox; display:flex;-webkit-box-align:baseline; -ms-flex-align:baseline;align-items:baseline} .tag-trail h2{margin-right:.5rem;margin-bottom:0; font-size:.875rem;font-weight:700} .tag-trail a{display: inline-block; margin-left: .5rem; font-size: .875rem; color: #aeaeae; font-weight: 300;}.tag-trail .tag-text{overflow:hidden} .entry-content .another_category h4{font-size: .85rem !important; color: #000 !important; font-weight: 500; border-top: 1px solid #fff !important; border-bottom: 1px solid #E5E5E5 !important;} .entry-content .another_category h4 a{color:#000 !important} .entry-content .another_category tr th {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:.875rem !important} .entry-content .another_category tr th a {color:#888 !important;font-size:.875rem !important; font-weight: 300;} .entry-content .another_category tr th a:hover {color:#fa9922 !important} .entry-content .another_category tr th a.current {border-bottom:0 !important;color:#525252 !important; font-weight: 500;} .entry-content .another_category tr th span {font-size:.875rem !important} .entry-content .another_category tr td{font-size:.750rem !important} .comment-wrap{padding-top:22px;padding-bottom:15px} .comment-wrap a{color:#343a40} .comment-wrap a:hover{color:#fa9922;text-decoration:none} .comment-header{padding-bottom:10px} .btn-comment-open{padding:5px 8px;color:#343434} .cnt{font-size:.875rem}.cnt i{margin-left:5px} .btn-comment-open .vl{height:10px;margin:0 5px 0 5px} .tt_more_preview_comments_wrap {margin-bottom:.5rem;padding:.5rem 0;font-size:.750rem; color:#6c757d;border:1px solid #dee2e6} .comment-list{font-size:.875rem} .comment-list .comment-item{border-top: 1px solid #ececec;} .comment-list .comment{padding:1rem 0;overflow:hidden} .comment-list .comment div{display:-webkit-box; display:-ms-flexbox;display:flex;-webkit-box-align:end; -ms-flex-align:end;align-items:flex-end} .comment-list .comment .profile-img{margin-right:.750rem; width:100%;max-width:32px;height:32px;border-radius:50%;overflow:hidden} .comment-list .comment p{position:relative;display:inline-block; margin-bottom:0;padding:.750rem 1rem;background:#ececec;border-radius:26px} .comment-list .comment.rp_admin p{background:#efe5cb;color:#000000} .comment-list .comment .author-meta {display:inline-block;width:100%;margin-top:.750rem;font-size:.750rem; margin-left:8px;color:#7a7a7a;} .comment-list .comment .author-meta .date::before {content:"";display:inline-block;border-left:#9c9c9c 1px solid; width:0;height:10px;margin:0 8px 0 5px} @media (min-width: 992px) {.comment-list .comment-item{padding-left:64px;padding-right:64px}} .recomment-wrap .comment div {-webkit-box-pack:end;-ms-flex-pack:end; justify-content:flex-end} .recomment-wrap .comment .profile-img{margin-right:0;margin-left:.5rem} .recomment-wrap .comment .author-meta{margin-left:0;margin-right:8px; text-align:right} .recomment-wrap .comment .author-meta .date::before{content:none} .recomment-wrap .comment .author-meta .date::after {content:"";display:inline-block;border-left:#9c9c9c 1px solid; width:0;height:10px;margin:0 5px 0 8px} .comment-bubble::after{content:'';position:absolute;bottom:0; left:-1px;width:0;height:0;border:20px solid transparent; border-right-color:#ececec;border-left:0;border-top:0; margin-left:-8px;margin-bottom:5px} .recomment-bubble::after{content:'';position:absolute; bottom:0;right:-1px;width:0;height:0; border:20px solid transparent;border-left-color:#ececec; border-right:0;border-top:0;margin-right:-8px;margin-bottom:5px} .rp_admin .comment-bubble::after{border-right-color:#efe5cb} .rp_admin .recomment-bubble::after{border-left-color:#efe5cb} .comment-wrap .nickname .tistoryProfileLayerTrigger, .comment-wrap .nickname img{display:none} .comment-wrap .frm-comment{position:relative; margin-top:15px;padding-bottom:50px} .frm-comment .frm-checkbox{position:absolute;bottom:13px;left:0} .frm-comment #secret{display:none} .frm-comment .checkbox-label{cursor:pointer;font-size:.750rem} .frm-comment .checkbox-label::before {font-family: "font-damtta"; content:"\e902";margin-right:.5rem; font-size:1rem;color:#dee2e6} .frm-comment #secret:checked+.checkbox-label::before {content:"\e901";color:#212529} .frm-comment .frm-btn{position:absolute;bottom:15px;right:0} .guestbook-title h2{font-size:1.5rem} .comment-list .comment.guest_admin p{background:#000;color:#fff} .guest_admin .comment-bubble::after{border-right-color:#000} .guest_admin .recomment-bubble::after{border-left-color:#000} .notice-list{display:-webkit-box;display:-ms-flexbox; display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;-webkit-box-align:center; -ms-flex-align:center;align-items:center; border-bottom:1px solid #dee2e6;line-height:2rem} .notice-list .post-title{margin-bottom:0;padding:5px 0; font-size:.875rem;line-height:2} .notice-list a{width:calc(100% - 100px);color:#212529} .notice-list a:hover{color:#fa9922;text-decoration:none} .notice-list span{font-size:0.750rem;text-align:right} .sidebar-notice li,.sidebar-popular li, .sidebar-recent li,.recent-comment li, .tab-content li{border-bottom:1px solid #dee2e6} .sidebar-notice li:last-child,.sidebar-popular li:last-child, .sidebar-recent li:last-child,.recent-comment li:last-child, .tab-content li:last-child{border-bottom:0} .recent-comment .sidebar-notice {display: block; padding-top: 5px; padding-bottom: 5px; line-height: 2; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .tag-cloud{padding-top:8px;padding-bottom:40px} .tag-cloud a{ display: inline-block; height: 24px; padding: 0 10px; margin: 0 6px 6px 0; border-radius: 8px; font-size: 10px; color: #999; background-color: #ffffff; border: 1px solid #ececec; line-height: 21px; text-align: center; max-width: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .tag-cloud a:hover{ border: 1px solid #fa9922; background-color: #fa9922; text-decoration: none; color: #ffffff} .tag-cloud .cloud1{font-size:110%;font-weight:700;} .tag-cloud .cloud2{font-size:110%;font-weight:500} .tag-cloud .cloud3{font-size:100%;} .tag-cloud .cloud4{font-size:90%;} .tag-cloud .cloud5{font-size:90%} .aside-order .blog-sidebar {-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1} .blog-sidebar{position:relative;padding-right:15px; padding-left:15px;width:100%} @media (min-width: 1200px){.blog-sidebar{-ms-flex:0 0 330px; -webkit-box-flex:0;flex:0 0 330px;max-width:330px}} .blog-sidebar{font-size:.875rem} .blog-sidebar a{display:-webkit-box;display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center;align-items:center; padding-top: 1rem;padding-bottom: 1rem; color:#434343} .blog-sidebar a:hover {color:#fa9922;text-decoration:none} .blog-sidebar ul{margin:0;padding:0;list-style:none} .blog-sidebar .aside-item{margin-bottom:.5rem; padding:0 .5rem;border:1px solid #dee2e6} .blog-sidebar .aside-item .group-title{padding:.75rem .5rem .75rem 1rem; margin:0 -.5rem 0 -.5rem;border-bottom:1px solid #dee2e6; background-color:#ffffff;color:#000;font-size:.9375rem;font-weight:700;} .blog-sidebar .aside-item .group-title i{margin-right:.5rem;font-size:1rem} .blog-sidebar .module{margin-bottom:.5rem} .sidebar-notice li,.sidebar-popular li,.sidebar-recent li, .recent-comment li,.tab-content li{border-bottom:1px solid #ececec} .sidebar-notice li:last-child,.sidebar-popular li:last-child, .sidebar-recent li:last-child,.recent-comment li:last-child, .tab-content li:last-child{border-bottom:0} .blog-sidebar .post-title{ padding-top: 5px; padding-left: 5px;line-height: 1.3rem;-webkit-line-clamp: 2; font-size: .87rem;width: 57%; font-weight: 400;} .sidebar-popular a img,.sidebar-recent a img, .tab-content a img{margin-right: 4px; margin-left: 6px;} .aside-tabs .tabs{display:-webkit-box; display:-ms-flexbox;display:flex; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;margin:0 -.5rem 05px -0.5rem; background-color:#f2f2f2} .aside-tabs .tabs i{margin-right:5px} .tabs button{text-align:center;cursor:pointer;color:#343a40; font-size:.875rem;font-weight:bold;width:100%;height:42px; border-right:1px solid #dee2e6;border-bottom:1px solid #dee2e6; overflow:hidden}.tabs button:last-child{border-right:0} .tabs button.active{background:#FFFFFF;border-bottom:0; border-top:2px solid #fa9922;color:#fa9922} .tab-container .tab-content{display:none} .tab-container .tab-content:first-child{display:block} .span tag .link_more { position: relative; font-size: 1.2rem; color: #fff; text-decoration: none; letter-spacing: -1px; background-color: #000000; padding: 13px 10px 12px 8px; margin-top: -40px;} .tagbox .tags{padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem} .tagbox .tags a{ display: inline-block; height: 24px; padding: 0 10px; margin: 0 6px 6px 0; border-radius: 8px; font-size: 10px; color: #999; background-color: #ffffff; border: 1px solid #ececec; line-height: 21px; text-align: center; max-width: 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .tagbox .tags a:hover{ border: 1px solid #fa9922; background-color: #fa9922; text-decoration: none; color: #ffffff} .tagbox .tags .cloud1{font-size:110%;font-weight:700;} .tagbox .tags .cloud2{font-size:110%;font-weight:700;} .tagbox .tags .cloud3{font-size:100%;} .tagbox .tags .cloud4{font-size:90%;} .tagbox .tags .cloud5{font-size:90%;} .counter .total { margin-top: 8px; font-weight: 700; padding: 0 6px 0 6px; font-size: 1.8em; color: #555;} .counter .yesterday { padding: 0px 6px 0px 6px; font-weight: 400; font-size: 1.3em; color: #555;} .counter .today { margin-bottom: 11px; padding: 0 6px 0 6px; font-size: 1.1rem; font-weight: 100; color: #6c757d; } .counter ul li span{float:left} @media (min-width: 1200px) {.aside-item.sidebar-category{display:block !important}} .sidebar-category .link_tit {padding: 12px 0px 0px 9px; } .sidebar-category a {padding: 0px 15px 0px 13px; font-size: 0.9rem; font-weight: 400; color: #343a40; line-height: 2; text-align: center;} .sidebar-category list {padding-bottom: 13px;} .sidebar-category .sub_category_list a {font-size:.85rem; font-weight: 300; padding: 0px 15px 0px 10px; border-left: 1px solid #ececec;} .sidebar-category .sub_category_list {padding-left: 14px;} .sidebar-category a:hover .c_cnt {color:#fa9922;} .sidebar-category .c_cnt { font-size:.75rem; font-weight:300; padding-left: 3px; } .sidebar-category .c_cnt:before {content: "(";} .sidebar-category .c_cnt:after {content: ") ";} .sidebar-category .sub_category_list li a::before {font-family: "font-damtta"; font-size:1rem;margin-right:3px;/*content:"\e905"*/} .sidebar-search{margin-bottom:.5rem} .sidebar-search .search-bar {display:-webkit-box;display:-ms-flexbox; display:flex;position:relative;-webkit-box-pack:end; -ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center; -ms-flex-align:center;align-items:center; padding:5px 0 5px .5rem;border:1px solid #dee2e6} .sidebar-search .search-bar .search-input {width:100%;border:0;font-size:0.875rem;background-color:transparent} .sidebar-search .search-bar button{position:absolute; top:0;bottom:0;right:0;padding:0 .875rem;background:#f2f2f2;cursor:pointer} .offcanvas-open{overflow:hidden} .overlay{display:none} .offcanvas-open .overlay{display:block; position:fixed;top:0px;bottom:0;right:0;left:0; width:100%;overflow:hidden;z-index:1040;background-color:rgba(0,0,0,0.8)} .offcanvas{position:fixed;top:0; bottom:0;left:-100%;z-index:1041;min-height:100%; padding:0 15px;width:90%;max-width:280px; background-color:#f7f7f7;overflow-y:auto;visibility:hidden; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:.3s;transition-duration:.3s; -webkit-transition-property:left, visibility; transition-property:left, visibility} .offcanvas ul{margin:0;padding:0;list-style:none} .offcanvas-open .offcanvas{left:0;visibility:visible} .m-menu .m-menu-header{margin-bottom:.750rem;padding-top:1.75rem; padding-bottom:0.750rem;border-bottom:1px solid #dee2e6; text-align:center}.m-menu .m-menu-header .profile-img{margin-bottom:.5rem} .m-menu .m-menu-header .profile-img img{width:102px;height:102px; border:1px solid #eee;border-radius:50%} .m-menu .m-menu-header .blog-title{font-size:1.2rem;font-weight:700} .m-menu ul{padding-left:0;list-style:none} .m-menu-body{padding-left:10px;padding-right:10px} .m-menu-body .sidebar-category a{color:#6c757d}.m-menu-body .sidebar-category a:hover{text-decoration:none;color:#fa9922} .offcanvas-open .navbar-burger button{color:#fff} .blog-footer{padding:1.250rem;background-color:#fbfbfb; color:#b8b8b8;font-size:.75rem;text-align:center; border-top:0px solid #ececec;} .blog-footer .dev{display:inline-block} .blog-footer a{color:#919191; font-size: .75rem;} .scrolltop{display:none;position:fixed;right:30px; bottom:60px;z-index:1030;background:#f2f2f2; border:1px solid #dee2e6; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;opacity:0.8} .scrolltop i{font-size:1.5rem;padding:3px;color:#6c757d} .pagination{display:-webkit-box;display:-ms-flexbox; display:flex;border-top: 1px solid #ececec; padding-top:18px; padding-bottom:20px; -webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center;align-items:center} .pagination a{color:#ccc;} .pagination a:hover{color:#fa9922; font-weight: 400; text-decoration:none} .pagination .next{padding:6px 10px 6px 18px} .pagination .prev{padding:6px 18px 6px 10px} .pagination i{font-size: 1.2rem;} .pagination .no-more-prev i,.pagination .no-more-next i {color:#e9ecef;/*cursor:auto*/} .pagination .numbox{padding-bottom:6px} .pagination .num span{padding:5px 11px; font-size: .8rem; font-weight: 300; color: #4a4949;} .pagination .num span:hover {color:#fa9922; background-color:transparent; border-radius:.9rem; text-decoration: underline;} .pagination .num span.selected {font-size: .8rem; color: #fff; font-weight: 400; text-align: center; background-color: #fa9922; border-radius:.9rem; /*cursor:auto*/} .entry-content blockquote[data-ke-style='style2'] {background-color:whitesmoke !important; border-color:#d0d0d0;border-width:0 0 0 4px; border-style:solid;padding:1em 1.5em !important; color:#666;line-height:18pt;font-size:11pt; text-align:left}div[data-ke-type='moreLess'] .btn-toggle-moreless,#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreles{display:inline-block;position:relative; padding-left:10px;padding-right:10px; background-color:#70879e;color:white !important; font-size:12px !important;font-weight:bold; line-height:28px !important;border-radius:60px;width:90px; height:30px;overflow:hidden}div[data-ke-type='moreLess'] .btn-toggle-moreless::before,#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreles::before{content:"";position:absolute; background:#fff;border-radius:50%;height:22px; width:22px;top:4px;left:60px; -webkit-transition:all 0.3s cubic-bezier(0.43, 0.98, 0.86, 1); transition:all 0.3s cubic-bezier(0.43, 0.98, 0.86, 1)} div[data-ke-type=moreLess] .open .btn-toggle-moreless{background-color:#32538c; color:#fff !important;text-align:right} div[data-ke-type=moreLess] .open .btn-toggle-moreless::before{left:10px} div[data-ke-type='moreLess'] .moreless-content{caret-color:auto; background-color:#fafafa;padding:20px 20px 22px; margin:20px 0;border:1px solid #c5c5c5;color:#333333} .sidebar-category img[alt*="N"]{vertical-align:baseline !important} body {margin:0;padding:0;font-size:0.97rem; letter-spacing:0.00rem; word-spacing: 0px; color: #333;background-color:#fff;font-family: 'Noto Sans KR', sans-serif !important;}