@charset "utf-8";

html {
    font-size: 14px;
    overflow-y: scroll;
}

body {
    font-weight: 400 !important;
    color: #666;
    line-height: 160% !important;
}

body,
b,
textarea,
input,
pre {
    font-family: 'Noto Sans KR', 'san-serif', '맑은 고딕', 'dotum' !important;
}

b {
    font-weight: 700;
    color: #333;
}

br {
    letter-spacing: 0;
}

hr {
    border-top: 2px solid #666;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

div.article hr {
    border-top: 1px solid #aaa;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin: 1.5em 0;
}

p {
    margin: 0 0 1.5em;
}

a:link,
a:visited {
    color: #000;
    transition: all .2s ease;
    text-decoration: none;
}

a:hover {
    color: #999;
}

a img {
    border: none;
}

/* noto-sans-kr-regular - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('./images/noto-sans-kr-v11-korean_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
        url('./images/noto-sans-kr-v11-korean_latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./images/noto-sans-kr-v11-korean_latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./images/noto-sans-kr-v11-korean_latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('./images/noto-sans-kr-v11-korean_latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./images/noto-sans-kr-v11-korean_latin-regular.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* noto-sans-kr-700 - korean_latin */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('./images/noto-sans-kr-v11-korean_latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
        url('./images/noto-sans-kr-v11-korean_latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('./images/noto-sans-kr-v11-korean_latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('./images/noto-sans-kr-v11-korean_latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('./images/noto-sans-kr-v11-korean_latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('./images/noto-sans-kr-v11-korean_latin-700.svg#NotoSansKR') format('svg');
    /* Legacy iOS */
}

/* container */
#container {
    position: relative;
    width: 908px;
    padding: 20px 0 10px 0;
    margin: 0 auto;
    text-align: left;
    color: #333;
    background-color: #FFF;
}

#title {
    position: absolute;
    right: -255px;
    top: 20px;
    width: 230px;
    font-size: 24px;
    font-weight: 400;
    margin: 0px 0 20px 0;
    letter-spacing: 2px;
    text-align: center;
    background-color: #333;
    color: #eee;
}

#title a {
    display: block;
    padding: 20px 0;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
}

#title a,
#title a:link,
#title a:visited {
    color: #eee;
}

#title a:hover {
    color: #fff;
    background-color: #000;
    padding-right: 20px;
    letter-spacing: 1.5px;
    width: calc(100% - 20px);
}

#borderDiv {
	  /*word-break: break-all;*/
    width: 850px;
    box-sizing: content-box;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px 28px 20px 28px;
}

/*
#borderDiv img {
    opacity: 0;
}
*/

#borderDiv img.avatar {
    opacity: 1;
}

#sidebarWarp {
    position: absolute;
    top: 90px;
    right: -255px;
}

#sidebar {
    width: 230px;
}

#sidebar .profile {
    padding: 10px 15px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 0.8em;
    transition: all 1s ease;
}

#sidebar .profile.hover,
#sidebar .profile.hover img,
#sidebar .profile:hover,
#sidebar .profile:hover img {
    background-color: #333;
    color: #fff;
    transition: all 1s ease;
}

#sidebar .profile img {
    border-width: 30px 10px 60px 10px;
    border-style: solid;
    border-color: #e7e7e7;
    max-width: 180px;
    display: block;
    margin: 10px auto 15px auto;
    transition: all 1s ease;
    box-shadow: 0 8px 8px -6px rgba(0, 0, 0, 0.12);
}

#sidebar .profile:hover img {
    box-shadow: 0 8px 8px -6px rgba(0, 0, 0, 0.8);
}

#footer {
    clear: both;
}

html {
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.tt_adsense_top {
    margin-bottom: 0 !important;
}

/*
img.lazy:not([src]),
img.lazy[src=""] {
    visibility: hidden;
}
*/

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(24px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(24px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.related-articles {
    overflow: hidden;
    width: 100%;
    margin: 1em 0 1em 0;
    border-top: 1px solid #f0f0e6;
    padding-top: 1.5em;
}

.related-articles h2 {
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 14px;
}

.related-articles ul li {
    list-style: none;
    float: left;
    width: 23.6%;
    padding-left: 1.25%;
}

.related-articles ul li a {
    display: block;
    text-decoration: none;
    color: #333;
}

.related-articles ul li a:hover {
    color: #000;
}

.related-articles ul li .thum {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 12px;
    padding-bottom: 75.757575757575758%;
    background-color: #ebebeb;
}

.related-articles ul li .thum img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-articles ul li .thum::before {
    content: "NO IMAGE";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 18px;
    margin: -9px 0 0 0;
    text-align: center;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 0.875em;
    color: #cbcbcb;
}

.related-articles ul li .category {
    display: inline-block;
    margin-bottom: 16px;
    border-bottom: 1px solid #a3a3a3;
    font-family: 'Nanum Myeongjo', serif;
    font-size: 0.875em;
    color: #808080;
}

.related-articles ul li .title {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.125em;
    margin-bottom: 9px;
    font-weight: 400;
    line-height: 1.375;
}

.related-articles ul li .date {
    display: block;
    font-size: 0.8125em;
    color: #999;
}



.article .google-auto-placed,
.article ap_container {
    margin: 15px 0 15px 0;
}

.article ul.slim li,
.article ol.slim li,
.article ul.li_slim li,
.article ol.li_slim li {
    padding-bottom: 0px;
}
.article ul.slim,
.article ol.slim,
.article ul.li_slim,
.article ol.li_slim{
	padding-bottom:1em;
}

.donationContainer{
	  border:1px solid #eee;
    border-left: 0;
    border-right: 0;
    margin-top: 80px;
}
.donation {
    padding:15px 0;
		clear:both;
    display: flex;
    align-items: center;
    justify-content: center;
}
.donation_text {
	  padding-right:10px;
}
.donation img {
	height:30px;
	 /*height:41px;
	 width:174px;*/
}

/* 메인 페이지 리스트 */
.list_content {
    line-height: 1.5;
    padding: 25px 0;
    border-bottom: 1px solid #eceeef;
    list-style: none;
}

.list_content a:hover,
.list_content a:active {
    background-color: unset;
}

/*
.list_content .tit_post a:hover, .list_content .tit_post a:active {
	  color:#000;
		position: absolute;
		overflow: visible;
		background-color: rgba(255, 255, 255, 0.8);
}
*/

.list_content::after {
    content: '';
    clear: both;
    display: block;
}

.list_content .link_post {
    color: #333;
    display: block;
    /*overflow: hidden;*/
    text-decoration: none;
    text-overflow: ellipsis;
}

.list_content .thumbnail_post {
    float: left;
    margin: 4px 30px 4px 0;
}

.list_content .img_cont {
    overflow: hidden;
    text-align: center;
    margin: 5px;
}

.list_content .thumbnail_post img {
    object-fit: cover;
    width: 240px;
    height: 295px;
    margin: 0 auto;
}

/*
.list_content .thumbnail_post .img_cont{
	box-shadow: 0 8px 8px -6px rgba(0,0,0,.25);
}
*/
.list_content .tit_post:before {
    content: ' ';
    border-top: 1px solid #eee;
    width: 50px;
    height: 1px;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.list_content .tit_post {
    color: #000;
    font-weight: 700;
    display: block;
    font-size: 24px;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    letter-spacing: -0.8px;
    margin-bottom: 1em;
    height: 86px;
}

.list_content .txt_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5em;
    max-height: 4.5em;
    vertical-align: top;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #777;
    margin-top: 1em;
}

.list_content .view_post {
    background-color: #282828;
    color: #EEEEEE;
    font-size: 12px;
    letter-spacing: 1px;
    border: 1px solid #000;
    width: 120px;
    height: 34px;
    text-align: center;
    white-space: nowrap;
    color: #eee;
    display: inline-block;
    transition: all .5s ease;
}

.list_content .view_post a {
    padding: 8px 24px;
    color: #eee;
    transition: all 0.5s ease;
    text-overflow: unset;
}

.list_content .view_post a:hover {
    background-color: #000;
    color: #fff;
    letter-spacing: 1.1px;
}

.list_content .detail_info {
    font-size: 12px;
    margin-top: 0px;
    color: #aaa;
    letter-spacing: 2px;
}

.list_content .detail_info .link_cate {
    text-decoration: none;
    color: #000;
}

.list_content .detail_info a.link_cate:hover,
.list_content .detail_info a.link_cate:active {
    color: #000;
    /*background-color: #F5F5F5;*/
}

.txt_bar {
    display: inline-block;
    width: 1px;
    height: 9px;
    margin: 0 5px;
    background-color: #ebebeb;
}

* {
    margin: 0;
    padding: 0;
}

.article .container_postbtn {
    padding: 0;
    margin: 2em 0 0 0;
}

.container_postbtn .postbtn_like {
    margin-left: 15px;
}

#TixIntroMap {
    margin: 24px auto !important;
    height: 100px !important;
    background-size: contain !important;
    max-width: 600px !important;
}

#TixIntroMap * {
    font-size: 14px !important;
    font-family: 'Noto Sans KR', 'san-serif', '맑은 고딕', 'dotum' !important;
    line-height: 160% !important;
    letter-spacing: 0px !important;
}

#TixIntroMap>div {
    margin-left: 88px !important;
    height: 98px !important;
    padding-left: 12px !important;
}

.another_category {
    border-width: 1px 0 1px 0 !important;
}

.another_category *,
div.article .another_category h4,
div.article .another_category h4 a,
div.article .another_category h4 a:link,
div.article .another_category h4 a:visited {
    font-size: 14px !important;
    line-height: 2em;
    color: #000 !important;
}

.another_category th span {
    font-size: 12px !important;
    margin-left: 2em;
}

.another_category a {
    color: #000 !important;
}

div.article .another_category a:link,
div.article .another_category a:visited {
    text-decoration: none !important;
    color: #333 !important;
    background-color: unset;
}

div.article .another_category a:hover {
    text-decoration: none !important;
    color: #000 !important;
    background-color: unset;
    letter-spacing: 0.2px;
}

div.article .another_category .current {
    text-decoration: none !important;
    border-bottom: 0 !important;
}

.another_category td {
    letter-spacing: 1px;
    font-size: 12px !important;
}

div.another_category {
    padding: 1em 1em 0.5em 1em;
}

/* 문법 강조 */
.syntaxhighlighter .toolbar {
    display: none !important;
}

div#content .syntaxhighlighter a,
div#content .syntaxhighlighter div,
div#content .syntaxhighlighter code,
div#content .syntaxhighlighter table,
div#content .syntaxhighlighter table td,
div#content .syntaxhighlighter table tr,
div#content .syntaxhighlighter table tbody,
div#content .syntaxhighlighter table thead,
div#content .syntaxhighlighter table caption,
div#content .syntaxhighlighter textarea {}

div.syntaxhighlighter {
    padding: 0 0 5px 0;
    margin: 10px 0 10px 0 !important;
    overflow-x: auto !important;
}


#sidebar .PublisherContainer {
    letter-spacing: 1.5px;
    font-size: 12px;
}

/* 사이드바 카테고리 */
/*
#sidebar #category_0 tr, #sidebar #category_0 td{
	padding-left:0;
}
#sidebar #text_0 {font-size:14px;}

#sidebar #treeComponent img, #sidebar #treeComponent td.ib{
	display:none;
}
*/
#sidebar .google-auto-placed {
    margin-top: 36px;
    margin-bottom: 36px;
}

#sidebar .google-auto-placed:before {
    content: '광고';
    padding: 5px 0;
    font-size: 12px;
    letter-spacing: 1px;
    color: #999;
}

#sidebar .category ul.tt_category {
    margin-bottom: -12px;
}

#sidebar .category ul li {
    list-style: none;
    font-size: 12px;
    letter-spacing: 1.5px;
}

#sidebar .category .link_tit,
#sidebar .category a.link_item,
#sidebar .category a.link_sub_item {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
}

/* 맨 마지막 밑줄 없애기*/
#sidebar .category ul.category_list>li:last-child,
#sidebar .category ul.category_list>li:last-child a.link_item {
    border-bottom: 0;
}

#sidebar .category ul.sub_category_list {
    display: none;
}

#sidebar .category ul.sub_category_list li a.link_sub_item {
    padding-left: 10px;
}

#sidebar .category .c_cnt {
    font-size: 9px;
    margin-left: 5px;
    color: #a0a0a0;
}

#sidebar .category ul.category_list>li {
    position: relative;
}

#sidebar .category .btn_exp {
    color: #a0a0a0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 8px;
    width: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    padding: 12px 0 12px 6px;
    border-left: 1px solid #eee;
    user-select: none;
    transition: all .2s ease;
}

#sidebar .category .btn_exp:hover {
    color: #000;
}

.c_cnt,
.archive .cnt,
s_sidebar_element .cnt {
    font-size: 10px;
    color: #000
}

.archive li {
    font-size: 13px;
}

.list li.tt_more_preview_comments_wrap {
    border: 1px solid #888;
    background: #999;
    padding: 10px 0;
    font-size: 16px;
}

.list span.tt_more_preview_comments_text {
    color: #222;
    font-weight: 700;
}

/* Float bug */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

/* */

.article a:hover {
    background-color: #F5F5F5;
}

/* Administer */
.admin {
    margin-bottom: 0.3em;
    position: absolute;
    left: -220px;
    width: 200px;
    background: #f7f7f7;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #999;
    font-size: 12px;
}

/* Subject */
.subject {
    border-left: 1px solid #ccccc3;
    padding: 0px 10px 0px 10px;
    margin: 15px 0 15px 0;
}

.subject .subject_under_rep_date {
    letter-spacing: 1px;
}

.subject span {
    font-size: .9em;
    color: #999;
    padding: 3px 0px;
}

.subject span a {}


/*-------------------------------*/
/* Hadding */
/*-------------------------------*/


#header {
    padding: 0;
    text-align: left;
    margin: 10px 0 0 15px
}

h1,
span.h1 {
    font-size: 1.8em;
    margin: 10px 10px 10px 0;
    vertical-align: middle;
    font-weight: normal;
}

h1 a:link,
h1 a:visited,
span.h1 a:link,
span.h1 a:visited {
    color: #000;
}

h1 a:hover,
h1 a:active,
span.h1 a:hover,
span.h1 a:active {
    color: #09c;
}

h1,
span.h1 {
    margin-bottom: .2em;
    font-size: 1.7em;
    font-weight: 700;
    letter-spacing: -0.8px;
    margin: 10px 10px 10px 0;
}

div.subject h1 {
    margin: 0 0 .5em 0;
    font-size: 1.7em;
    font-weight: 700;
    letter-spacing: -0.8px;
    color: #666;
    line-height: 130%;
}

h2 a,
span.h2 a {
    color: #333;
}

h2,
span.h2 {
    font-size: 1.3em;
    margin: 5px 5px 5px 0;
}

h3,
span.h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin: 5px 5px 5px 0;
}

h4,
span.h4 {
    font-size: 1.0em;
    font-weight: 700;
    margin: 5px 5px 5px 0;
}

h4 a:link,
h4 a:visited,
span.h4 a:link,
span.h4 a:visited {
    color: #666;
}

h4 a:hover,
h4 a:active,
span.h4 a:hover,
span.h4 a:active {
    color: #666;
}

/* 사이드바 타이틀 */
#sidebar span.h4 {
    display: block;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: none;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding: 3rem 0 0 0;
    margin: 3rem auto 2rem 0;
    font-family: sans-serif;
    border-top: 1px solid #eceeef;
}

#sidebar span.h4:after {
    content: '';
    display: block;
    width: 2rem;
    height: 2px;
    background: black;
    margin: 1rem auto 0;
}

/*-------------------------------*/
/* Content column */
/*-------------------------------*/
/* Search list */
.searchList {
    margin-bottom: 0em;
    font-size: 15px;
    padding: 15px 0;
}

.article h2:first-child,
.article .toc+h2 {
    padding-top: 0em;
}

.article h2 {
    padding-top: 1.8em;
}

.article h3,
.article h4,
.article h5 {
    padding-top: 1.8em;
}

.article h2,
.article h3,
.article h4,
.article h5 {
	  font-weight: 700 !important;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.7em;
    padding-bottom: 0.4em;
}

.article h2+h3 {
    padding-top: 0;
}

.article h3+h4 {
    padding-top: 0;
}

.article h4+h5 {
    padding-top: 0;
}

.searchList span.h2 {
    display: inline;
}

.searchList span.h3 {
    display: inline;
}

.searchList span.h4 {
    padding-left: 6em;
    display: inline;
    color: #666;
    font-family: san-serif;
    font-weight: normal;
    letter-spacing: 1px;
}

.searchList ol {
    list-style: none;
    margin-top: 1em;
    padding: .5em 1em;
}

.searchList li {
    padding: .5em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.searchList li * {
    vertical-align: middle;
}

.searchList li>span,
.searchList li>cite {
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 4em;
    color: #999;
}

.searchList a {
    color: #333;
}

/* Protected */
.protectedBody {
    padding: 0 0 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #f0f0e6;
}

.protectedBody em {
    display: block;
    margin-bottom: 1em;
    background: none;
    color: #666;
    font-style: normal;
}

.protectedBody input.submitBtn {
    width: 5em;
    font-size: .9em;
}


.entry:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.entry {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 2px solid #e5e5e5;
}

.entry .iframe {
position: relative;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
}

.entry .iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.article {
    margin-bottom: 1.5em;
    width: 100%;
    overflow: hidden;
}

.article a:link,
.article a:visited {
    color: rgb(2, 117, 216);
    text-decoration: underline;
}

.article a:hover,
.article a:active {
    color: rgb(1, 76, 140);
    text-decoration: underline;
    /*color:#000;*/
}


.article em {
    /*font-style:normal;*/
    /*color:#000;*/
    /*background-color:#f1f1e8;*/
}

.article ol {
    margin: 1em 0 0.5em 2em;
}

.article ul {
    list-style: none !important;
    margin: 1em 0 0.5em 2em;
}

.article ul li {
    list-style-type: disc;
    padding-left: 0.3em;
    padding-bottom: 1em;
}

.article ul ul,
.article ol ul,
.article ul ol,
.article ol ol {
    margin: 0 0 1em 2em;
}

.article>ul>ul>li:first-child,
.article>ol>ul>li:first-child,
.article>ul>ol>li:first-child,
.article>ol>ol>li:first-child {
    margin-top: -0.5em;
}

.article ul ul li,
.article ol ul li,
.article ol ol li {
    padding-bottom: 0.1em;
}

.article ol li {
    padding-bottom: 14px;
}

.article table {
    margin: 0.5em 0;
}

.article table td,
.article table tr {
    padding: 0.2em;
}


.paging {
    font-size: 12px;
    text-align: center;
    padding: 1.5em 0 1.5em 0;
    letter-spacing: 2px;
    color: #999;
    white-space: nowrap;
}
.paging span {
    font-size: 12px;
    line-height: 1em;
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    /* margin-left: -1px; */
}
.paging_text {
    display: flex;
}
.paging a {
    color: #999;
    display: flex;
    flex: 1 1 auto;
}

.paging_text span {
    margin: 0 auto;
    padding: 9px 0;
    width: 100%;
}

.paging_text span:hover,
.paging_text span:active {
    background-color: #f7f7f7;
}

.paging_text .selected,
.paging_text .selected:hover,
.paging_text .selected:active {
    color: #000;
    background-color: #eee;
}

/* Selected */
.selected {
    font-weight: bold;
    color: #f60;
    /* f60 */
}

.form {
    text-align: center;
    margin-top: 50px;
}

a img {
    border: 0px;
}


#footer {
    font-size: 12px;
    text-align: center;
    padding: 15px 0 30px 0;
    margin: 0 auto;
    letter-spacing: 1px;
}

#footer .footer_sitename {
    font-family: san-serif;
}

#footer .footer_divider {
    margin: 0 18px;
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #ebebeb;
}


.moreless_fold {
    font-weight: bold;
    text-decoration: underline;
}

.moreless_fold::before {
    content: "▼";
    font-size: 0.8em;
}

.moreless_top {
    font-weight: bold;
    text-decoration: underline;
}

.moreless_top::before {
    content: "▲";
    font-size: 0.8em;
}

.moreless_bottom {
    font-weight: bold;
    text-decoration: underline;
}

.moreless_bottom::before {
    content: "▲";
    font-size: 0.8em;
}

.moreless_fold span,
.moreless_top span,
.moreless_bottom span {
    color: #333;
}

.moreless_content {
    background-color: #fbfbfb;
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    border: solid 1px #f0f0f0;
}


.pInfo {
    padding: 1em 0;
    margin-top: 1.5em;
    border: 1px solid #f0f0e6;
    letter-spacing: 1px;
    border-width: 1px 0 1px 0;
}

.pInfo,
.pInfo a:link {
    color: #333;
}

.pInfo .actionTrail .cnt {
    font-weight: bold;
    color: #000;
}

.pInfo .actionTrail a:hover,
.pInfo .actionTrail a:hover .cnt {
    letter-spacing: 1.2px;
}

.container_postbtn .postbtn_like+.btn_menu_toolbar {
    float: right !important;
    margin-left: 18px !important;
    margin-right: 5px !important;
}

.container_postbtn::after {
    clear: unset !important;
}

.postbtn_like {
    float: right !important;
}

.container_postbtn .btn_menu_toolbar,
.container_postbtn .postbtn_like,
.menu_toolbar .btn_menu_toolbar {
    border-radius: unset !important;
}

.postTag {
    font-size: 12px;
    padding-top: 3px;
    padding-left: 20px;
    background: url(./images/bullet_tag.gif) no-repeat 0 50%;
    margin-bottom: 0.5em;
    background-position-y: 1em;
    text-decoration: none;
    letter-spacing: 1px;
}

.postTag a:link,
.postTag a:visited {
    color: #666;
    text-decoration: none;
    padding: 0 .2em;
    background-color: none;
}

.postTag a:hover,
.postTag a:focus {
    letter-spacing: 1.4px;
    color: #000;
    background-color: unset;
}

/* Comment, Trackback toggle */
.ctBtn {
    clear: both;
    font-size: .9em;
    padding-left: 20px;
    background: url(./images/bullet_comment.gif) no-repeat 0 50%;
}

/*-------------------------------*/
/* Trackback */
/*-------------------------------*/
.trackback .url {
    margin-bottom: 2em;
    padding: .5em 0 .5em 28px;
    background: #f8f8f4 url(./images/bullet_url.gif) no-repeat 10px 50%;
    border: 1px solid #f0f0e6;
    font-size: .9em;
    letter-spacing: 0;
}

/* Trackback list */
.trackback {
    padding-bottom: .5em;
    letter-spacing: -1px;
}

.trackback ol {
    list-style: none;
}

.trackback ol li {
    margin-bottom: 1em;
    padding: .5em 1em;
    background-color: #f8f8f4;
    border: 1px solid #f0f0e6;
}

.trackback cite {
    font-style: normal;
}

.trackback li span {
    font-size: .9em;
    letter-spacing: 0;
    color: #666;
}

.trackback span a:link,
.trackback span a:visited {
    color: #999;
}

.trackback span a:hover,
.trackback span a:active {
    color: #333;
}

.trackback li p {
    margin: 1em 0 .5em;
    text-align: justify;
}

/*-------------------------------*/
/* Comment, Guestbook */
/*-------------------------------*/
.entry .list {
    margin: .5em 0 2em;
    letter-spacing: -1px;
}

#guestBook {
    margin-bottom: 0em;
}

#guestBook .list {
    margin-top: 2em;
    letter-spacing: -1px;
}

.list ol {
    list-style: none;
    margin-bottom: 2em;
}

.list li {
    margin-bottom: 1em;
    border: 1px solid #f0f0e6;
}

.list li p {
    padding: 0 1em;
}

.list p.author {
    padding: .4em 1em 0;
    font-size: 1em;
    letter-spacing: 0;
    margin-bottom: 1em;
    vertical-align: middle;
}

.list span {
    font-size: .9em;
    letter-spacing: 0;
    color: #666;
    vertical-align: middle;
}

.list span a {
    text-decoration: underline;
}

.list span a:link,
.list span a:visited {
    color: #999;
}

.list span a:hover,
.list span a:active {
    color: #333;
}

/* Comment */
.comments .comment-list .tt_more_preview_comments_wrap {
    padding: 0;
    margin: 0;
}

.comments .comment-list .tt_more_preview_comments_text {
    list-style: none;
    padding: 1em 0;
    border: 1px solid #eceeef;
    margin: 1em 0 1em 0;
    display: block;
}

.comments {
    max-width: 860px;
    margin: 0 auto 2em 0;
    padding-bottom: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.comments h2 {
    font-weight: 400;
    font-size: 1em;
    color: #000;
}

.comments .comment-list {
    font-size: 16px;
    margin-bottom: 6px;
    overflow: hidden;
}

.comments .comment-list ul li {
    padding: 30px 0 25px;
    border-top: 1px solid #e6e6e6;
    position: relative;
    min-height: 48px;
}

.comments .comment-list ul li:first-child {
    border: none;
}

.comments .comment-list ul li ul li {
    padding: 26px 0 0 60px;
    border-top: 0;
    border-bottom: 0;
}

.comments .comment-list ul li .author-meta {
    position: absolute;
    overflow: hidden;
    top: 30px;
    height: 48px;
    left: 0;
    right: 0;
    padding: 4px 0 0 60px;
}

.comments .comment-list ul li ul li .author-meta {
    top: 26px;
    left: 60px;
}

.comments .comment-list ul li .author-meta .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.comments .comment-list ul li .author-meta span {
    display: inline-block;
}

.comments .comment-list ul li .author-meta a {
    text-decoration: none;
    color: #000;
}

.comments .comment-list ul li .author-meta .nickname {
    float: left;
    font-size: 0.875em;
    line-height: 20px;
}

.comments .comment-list ul li .author-meta .nickname img {
    width: 12px;
    height: 12px;
}

.comments .comment-list ul li .author-meta .nickname .tistoryProfileLayerTrigger {
    margin-bottom: 3px;
    margin-right: 0;
    vertical-align: bottom;
}

.comments .comment-list ul li .author-meta .date {
    letter-spacing: 1px;
    float: left;
    margin-left: 10px;
    font-size: 0.75em;
    color: #999;
    line-height: 20px;
}

.comments .comment-list ul li .author-meta .date:before,
.comments .comment-list ul li .author-meta .date a:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 9px;
    margin-right: 10px;
    background-color: #b2b2b2;
}

.comments .comment-list ul li .author-meta .date a {
    margin-left: 10px;
    display: none;
}

.comments .comment-list ul li .control {
    position: absolute;
    top: 33px;
    right: 0;
}

.comments .comment-list ul li ul li .control {
    top: 29px;
}

.comments .comment-list ul li .control a {
    margin: 0 2px;
    text-decoration: none;
    font-size: 12px;
    color: #999;
}

.comments .comment-list ul li p {
    position: relative;
    margin: 29px 0 0 60px;
    font-size: 0.875em;
    line-height: 1.5714;
    color: #666;
}

.commentForm {
    margin-top: 1em;
}

/*-------------------------------*/
/* Location log */
/*-------------------------------*/
#location {
    margin-bottom: 0em;
}

#location .place,
#location .pTitle {
    border-bottom: solid 1px #eee;
    line-height: 2em;
}

.place span {
    padding-left: 10px;
    background: url(./images/bullet_indent.gif) 0 3px no-repeat;
}

.place .dent0 {
    padding: 0;
    background: none !important;
}

/*-------------------------------*/
/* Tag cloud */
/*-------------------------------*/
#taglog {
    margin-bottom: 0em;
}

#taglog ul {
    text-align: justify;
    list-style: none;
    padding: 0 1em 0 1em;
}

#taglog li {
    display: inline;
    line-height: 2.4em
}

#taglog li a.cloud1 {
    font-weight: bold;
    font-size: 2.2em;
    color: #666;
}

#taglog li a.cloud2 {
    font-weight: bold;
    font-size: 1.8em;
    color: #666;
}

#taglog li a.cloud3 {
    font-weight: bold;
    font-size: 1.4em;
    color: #666;
}

#taglog li a.cloud4 {
    font-size: 1.1em;
    color: #666;
}

#taglog li a.cloud5 {
    font-size: .9em;
    color: #aaa;
}

#taglog li a:hover {
    color: #a8001c;
    background-color: #F5F5F5;
}

/* Reply */
.list ol li ol {
    margin: 0;
}

.list ol li ol li {
    margin: .2em 0 0;
    padding: .3em 0;
    background-color: #e5e5e5;
    border: 0 none;
}

.list img {
    vertical-align: middle;
    margin-right: .2em;
    padding: 2px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #f0f0e6;
}

/* Write area */
fieldset {
    padding: 1em;
    border: 1px solid #eee;
    letter-spacing: 0;
}

* html fieldset {
    /* \ Not Mac */
    position: relative;
    clear: both;
    margin-top: 1.8em;
    padding: 2em 1em 1em;
    /* */
}

legend {
    font-size: 1.2em;
    color: #999;
}

* html fieldset legend {
    /* \ Not Mac */
    position: absolute;
    top: -.8em;
    left: .4em;
    /* */
}

fieldset div {
    margin: .3em 0;
}

label {
    padding-left: .2em;
    font-size: .9em;
    vertical-align: middle;
}

label span {
    color: #999;
}

input {
    padding: .5em;
    background: #fafaf8 url(./images/bg_form.gif) repeat-x 0 0;
    width: 180px;
    font-size: 12px;
    vertical-align: middle;
    color: #666;
    border: 1px solid #ddd;
    letter-spacing: 1px;
}

textarea {
    width: 600px;
    height: 150px;
    background: #fafaf8 url(./images/bg_form.gif) repeat-x 0 0;
    border: 1px solid #ddd;
    font-size: 1em;
    color: #666;
    padding: 1em;
}

.checkbox {
    background: none;
    padding: 0;
    width: 12px;
    border: 0 none;
}

.category td {
    cursor: pointer;
}

.category {
    margin: 0 0 10px 0;
}

.recentPost,
.popularPost {
    margin: 15px 0 10px 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.recentPost h3,
.category h3,
.archive h3,
.popularPost h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.recentPost ul,
.popularPost ul {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

.recentPost li,
.popularPost li {
    list-style: none;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #eee;
    margin: 0 0 1em 0;
}

.recentPost .cnt,
.popularPost .cnt {
    font-size: 9px;
    margin-left: 5px;
    color: #a0a0a0;
}

.archive {
    margin: 15px 0 10px 0;
    font-size: 12px;
}

.archive li {
    list-style: none;
}

/* Search */
#searchForm {}

#searchForm input {
    width: 120px;
    display: inline-block;
    padding: 0 4px;
    background-color: #fafaf8;
    font-size: .9em;
    color: #666;
    border: 1px solid #ddd;
    height: 24px !important;
    box-sizing: content-box;
}

#searchForm .sInput {}

#searchForm .searchSubmit {
    font-size: .9em;
    cursor: pointer;
    width: 40px;
}

/* RSS button */
.rss_area {
    padding-bottom:20px;
}
.btn_rss {
    background: url(./images/bullet_rss.gif) left 50% no-repeat;
    padding-left: 15px;
}

/* Line Calender */
#calender {
    width: 650px;
    text-align: center;
    margin: 0 auto;
    font-size: 0.9em;
}

a:link.cal_click,
a:visited.cal_click {
    color: #ff6600;
}

a:hover.cal_click,
a:active.cal_click {
    color: #f60;
}


.article blockquote {
    margin: 0 0 0 1.8em;
    padding: 0 10px 0 10px;
    width: 90%;
    border-left: 2px solid #ddd;
}

.article blockquote,
.article blockquote p {
    font-size: 1em;
    line-height: 1.6;
    color: #666;
}

del {
    color: #999;
}

ins {
    color: #5a5a5a;
}

.imageblock {
    margin: 0;
    border: none;
}

.imageblock * {
    border: none !important;
}

.imageblock img {
    background-color: #fff;
    border: 1px solid #eee !important;
    vertical-align: middle;
}

.cap1 {
    color: #999;
    font-size: .9em;
    text-align: center;
}

.toc_container {
    margin: 0 0 20px 0px;
}

.toc,
ul.toc {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 24px 20px 24px 0;
    max-width: 480px;
    box-sizing: border-box;
}

ul.toc {
    list-style: none;
    list-style-position: inside;
}

.toc::before {
    content: "Contents";
    display: block;
    font-size: 18px;
    margin-left: 14px;
    margin-bottom: 12px;
}

.toc-item,
ul.toc li.toc-item {
    display: block;
    padding: 0;
}

.toc a.lev,
h1 a.lev:link,
h2 a.lev:link,
h3 a.lev:link,
h4 a.lev:link,
h5 a.lev:link,
h6 a.lev:link,
h7 a.lev:link,
h1 a.lev:visited,
h2 a.lev:visited,
h3 a.lev:visited,
h4 a.lev:visited,
h5 a.lev:visited,
h6 a.lev:visited,
h7 a.lev:visited {
    color: #0275d8;
    text-decoration: none;
}

.toc a.lev:hover,
h1 a.lev:hover,
h2 a.lev:hover,
h3 a.lev:hover,
h4 a.lev:hover,
h5 a.lev:hover,
h6 a.lev:hover,
h7 a.lev:hover {
    color: #014c8c;
    text-decoration: underline;
}

.toc .left-cell {
    display: table-cell;
    white-space: nowrap;
}

.toc .right-cell {
    display: table-cell;
    padding-left: 3px;
    word-break: keep-all;
}

#aswift_1,
#aswift_2,
#aswift_3,
#aswift_4 {
    display: none;
}


.rss_area {
    font-size: 12px;
    margin: 5px 0 5px 0;
    color: #666;
    letter-spacing: 1px;
}


/* google adsense */
.example_responsive_1 { width: 728px; height: 90px; }


/* media */
@media (max-width: 1023px) {
    #container {
        width: unset;
        padding: 0px 20px;
        overflow: hidden;
    }

    #title {
        position: unset;
        right: unset;
        top: unset;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    /* 검색 리스트 */
    .searchList ol {
        padding: 0;
    }

    .searchList li {
        white-space: unset;
    }

    .searchList .list_regdate {
        margin-right: 1em;
    }

    .searchList .list_cnt {
        margin-right: 0em;
    }

    .paging {
        font-size: 1.5em;
    }

    #sidebarWarp {
        position: unset;
        top: unset;
        right: unset;
        width: 100%;
        /* margin-top: 60px; */
        border-top:1px solid #eee;
    }
    /* 
    #sidebar {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-areas: " a c "
                             " b d "
                             " e . "
                             " f . " ;}
      
    .s_profile { grid-area: a; }
    .s_category { grid-area: b; }
    .s_recent { grid-area: c; }
    .s_popular { grid-area: d; }
    .s_search { grid-area: e; }
    .s_rss { grid-area: f; } */

    #sidebar {
        width: 100%;
    }
    s_sidebar_element {
        display: block;
    }

    #sidebar .cont1, #sidebar .cont2, #sidebar .cont3 {
        box-sizing: border-box;
        width: 49%;
    }
    #sidebar .cont1 {
        float:left;
        padding-right: 1.5vw;
    }
    #sidebar .cont2 {
        float:right;
        padding-left: 1.5vw;
    }
    #sidebar .cont3:before{
        clear: both;
    }
    #sidebar .cont3 {
        clear: both;
        margin: 0 auto;
        padding-top: 5px;
    }

    #borderDiv {
        float: unset;
        width: 100%;
        border: unset;
        padding: 0;
    }

    .related-articles ul li .thum::before {
        font-size: 4.5vw;
    }
    .related-articles ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .related-articles ul li {
        width: 49%;
        float: unset;
        padding: 0 0 10px 0;
    }

    #footer {
        clear: both;
        margin-top:30px;
        border-top:1px solid #eee;
        padding-top:30px;
    }

    #footer .footer_divider {
        display: none;
    }

    #footer .part1,
    #footer .part2 {
        display: block;
    }

    #searchForm {
        text-align: center;
    }

    .rss_area {
        text-align: center;
        padding-bottom:0;
    }

    textarea {
        width:90%;
    }
}

@media (max-width: 767px) {
    #container {
        width: unset;
        max-width: 900px;
        padding:0 3vw;
    }

    #sidebar .cont1, #sidebar .cont2, #sidebar .cont3 {
        box-sizing: unset;
        width: 100%;
    }
    #sidebar .cont1 {
        float:unset;
        padding-right: 0;
    }
    #sidebar .cont2 {
        float:unset;
        padding-left: 0;
    }
    #sidebar .cont3 {
        clear: unset;
    }

    #borderDiv {
        border: unset;
    }

    .list_content .thumbnail_post {
        float: unset;
        line-height: 0;
    }

    .list_content {
        padding: 50px 0;
    }

    .list_content .img_cont {
        margin: 0;
    }

    .list_content .thumbnail_post img {
        width: 94vw;
        height: 94wv;
        margin-bottom: 20px;
    }

    .list_content .tit_post::before {
        display: none;
    }

    .list_content .tit_post {
        height: unset;
        text-overflow: unset;
        overflow: auto;
        white-space: pre-wrap;
        margin-bottom: 0.6em;
    }

    .list_content .tit_post a:hover,
    .list_content .tit_post a:active {
        color: #000;
        position: unset;
        background-color: unset;
    }

    .subject {
        border: 0;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .searchList span.h4 {
        padding-left: 1em;
    }

    .paging span {
        font-size:10px;
        padding: 9px 3px;
        letter-spacing: 1px;
    }

    .comments .comment-list ul li .control {
        position: unset;
        top: unset;
        right: unset;
        text-align: right;
    }

    .container_postbtn::after{
        clear:both !important;
    }
    .container_postbtn {
        width:100%;
        text-align: center;
    }
    .container_postbtn .postbtn_like{
        float: unset !important;
        margin:0 auto;
        width: max-content;
        height: 30px;
        font-size: 12px !important;
    }
    .container_postbtn .btn_menu_toolbar{
        display: none;
    }
	
	  .example_responsive_1 { width: 320px; height: 100px; }
	
	  .donationContainer {border:0;}
	  .donation {padding:30px 0 0 0;}
	  .donation_text {display:none}
	  .donation img {	height:41px;}
	  .container_postbtn {margin-top: 10px !important}
}

figcaption {
	color:#999;
	font-size:0.8em !important;
}

body .tt-wrap-cmt .tt-link-user,
body .tt-wrap-cmt .tt_desc { 
    font-size:14px;
    color:#333;
}
body .tt-wrap-cmt .tt_date {
    padding-top:5px;
}
body .tt-wrap-info .tt_date+.tt-wrap-link-comment:before {
    top:11px;
}
body .tt-link-comment .tt_txt_g {
    padding-top:2px;
}
body .tt-item-reply{
    padding:15px 0 14px 0;
}
body .NOMO_COMMENT{
    margin-right: 3px;
    font-size: 11px;
    background-color: #fede00;
    padding: 1px 5px;
    border-radius: 10px;
    display: inline-block;
}
body .tt-wrap-cmt .tt-box-content {
    width: calc(100% - 90px);
}
.tt_btn_prev_more {
    font-size:14px;
    font-family: 'Noto Sans Regular', Arial, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
}
.tt_btn_prev_more:hover{
    background-color:#eee;
}

[data-tistory-react-app="Namecard"] {
    display:none;
}
.article .container_postbtn {
    display:block;
}