/*
 * Designed by DevAny®
 * CSS for Tistory Skin
 * MIT License
 * Customized by Simulz.kr
 */

@charset "utf-8";

/**** Web Font Load ****/

@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang&family=Nanum+Gothic&family=Nanum+Gothic+Coding&family=Nanum+Myeongjo&family=Nanum+Pen+Script&display=swap");
@import url("https://simulz.kr/common/css/tt_bootstrap.php");

/**** Global Tags ****/
* {
    font-family: "Gowun Batang";
}
html {
    font-size: var(--ref-font-size);
    scroll-padding-top: 60px;
}
a {
    background: linear-gradient(currentColor 0 0) bottom left/var(--underline-width, 0%) 0.1em no-repeat;
    color: #f80;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    transition: background-size 0.5s;
}
a:hover:not(.btn) {
    text-shadow: 0 0 5px var(--mouse-hover-color);
    --underline-width: 100%;
}
a:not([class]) {
}
a:not([class]):hover {
    text-underline-offset: 4px;
}
/*
a[target]::before {
    font-family: "FontAwesome" !important;
    font-size: 0.65em;
    text-align: right;
    vertical-align: middle;
    content: "\f0c1";
    margin-right: 2px;
}
*/
a[target]:after {
    font-family: "FontAwesome" !important;
    font-size: 0.65em;
    text-align: left;
    vertical-align: super;
    content: "\f08e";
    margin-left: 2px;
}

u {
    text-underline-offset: 4px;
    text-decoration-style: wavy;
    text-decoration-color: #88ff00;
}
s {
    text-decoration-style: double;
    text-decoration-color: red;
}

/**** 머리 ****/
#header {
    background-color: var(--point-color, #ccf4f9);
    transition: top 0.5s ease-in-out;
}
#header.header-up {
    top: -200px !important;
}

/**** 바닥 ****/
#footer {
    background-color: var(--point-color, #ccf4f9);
}

/** 제목 공통 **/
.permalink_article {
    padding: 5px;
    color: rgb(255, 255, 255);
    clear: both;
    border-radius: 10px;
    background-color: var(--point-color);
    box-shadow: 0px 0px 20px rgb(134, 134, 134);
}
.permalink_article nav {
    font-size: 0.8em;
}
.permalink_article h1 {
    font-size: 1.5rem;
    line-height: 2;
    text-shadow: 0 0 5px var(--mouse-hover-color);
    margin: 0;
}
.permalink_article .isadmin {
    color: var(--article-admin-color);
}
.permalink_article .meta {
    font-size: 0.8em;
}

/** 본문 **/
article {
    letter-spacing: var(--article-letter-spacing) !important;
}
article .contents_style > p::first-letter {
    margin-left: var(--article-first-letter-spacing) !important;
}
article h2 {
    position: relative;
    padding: 10px 10px 7px 15px;
    background: linear-gradient(to right, #ffb27d17, #ffffff);
    color: #000;
    font-size: 1.5em;
    line-height: 1.5;
    border-radius: 40px;
    border-style: solid;
    border-width: 0px 0px 1px 15px;
    border-color: #ff7d7d;
    /*background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(to left, #000000, #505050);*/
}
/*
article h2:before {
    position: absolute;
    top: 0;
    height: 100%;
    content: "";
    transform: skewX(-20deg);
    background-color: rgba(255, 255, 255, 0.5);
    animation: ani-reflectGlass1 2s infinite;
}*/
article h2:hover {
    box-shadow: 5px 5px 10px #ffb27d;
}
article h3 {
    position: relative;
    margin-right: 1em;
    padding: 10px 10px 8px 20px;
    background: linear-gradient(to right, #6bd08917, #ffffff);
    color: #000;
    font-size: 1.3em;
    line-height: 1.4;
    border-radius: 20px;
    border-style: solid;
    border-width: 0px 0px 1px 7px;
    border-color: #6bd089;
}
article h3:hover {
    box-shadow: 5px 5px 10px #6bd089;
}
article h4 {
    position: relative;
    margin-right: 2em;
    padding: 6px 15px 4px 25px;
    background: linear-gradient(to right, #60c5f117, #ffffff);
    color: #000;
    font-size: 1.125em;
    line-height: 1.3;
    font-weight: 400;
    border-radius: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 5px;
    border-color: #60c5f1;
}
article h4:hover {
    box-shadow: 5px 5px 10px #60c5f1;
}
article blockquote {
    margin: 0 auto 1rem !important ;
}
article blockquote[data-ke-style="style1"] {
    padding: 16px 0 0 0 !important;
}
article blockquote[data-ke-style="style2"] {
    padding: 16px 0 16px 20px !important;
    border-left: 4px solid var(--point-color) !important;
}
article blockquote[data-ke-style="style3"] {
    padding: 16px 0 16px 20px !important;
    border: 1px solid var(--point-color) !important;
}
article a {
    color: var(--article-link-color);
}
article p {
}
article p > b {
    padding: 1px 4px;
    border-radius: var(--border-sm-radius);
    background-color: #eeff00 !important;
}
article p img {
}
article figure {
}
article hr {
    opacity: 1 !important;
}
article hr[data-ke-style="style1"] {
}
article hr[data-ke-style="style2"] {
}
article hr[data-ke-style="style3"] {
}
article hr[data-ke-style="style4"] {
    background: none !important;
    border-left: 2px solid var(--point-color) !important;
}
article hr[data-ke-style="style5"] {
    background: none !important;
    border-top: 2px solid var(--point-color) !important;
}
article hr[data-ke-style="style6"] {
    background: none !important;
    border-top: 2px dashed var(--point-color) !important;
}
article hr[data-ke-style="style7"] {
}
article hr[data-ke-style="style8"] {
}
article pre {
}

article ul:not([data-ke-list-type]),
article ul:not([data-ke-list-type]) > li,
article ul[data-ke-list-type="disc"],
article ul[data-ke-list-type="disc"] > li {
    list-style-type: list-blackHexagon !important;
}
article ul[data-ke-list-type="circle"],
article ul[data-ke-list-type="circle"] > li {
    list-style-type: list-whiteHexagon !important;
}
article ol {
}
article ol > li {
}
article img.alignleft {
}
article img.aligncenter {
}
article img.alignright {
}
article blockquote {
}
article blockquote p {
}
article blockquote p:first-child {
}
article table {
    width: 100%;
    font-size: 0.9375em;
    line-height: 1.5714;
    text-align: center;
    margin-bottom: 22px;
    border-collapse: collapse;
    border-spacing: 0;
}
article :is(table[data-ke-style="style1"], table[data-ke-style="style5"], table[data-ke-style="style9"], table[data-ke-style="style13"]) {
    border: 1px solid #80d0d7;
}
article :is(table[data-ke-style="style2"], table[data-ke-style="style6"], table[data-ke-style="style10"], table[data-ke-style="style14"]) {
    border: 1px solid #1d840d;
}
article :is(table[data-ke-style="style3"], table[data-ke-style="style7"], table[data-ke-style="style11"], table[data-ke-style="style15"]) {
    border: 1px solid #317ed3;
}
article :is(table[data-ke-style="style4"], table[data-ke-style="style8"], table[data-ke-style="style12"]) {
    border: 1px solid #9b9b9b;
}
article table tbody td {
    border-width: 1px;
}
article table tbody td {
    padding: 7px 0 11px;
}
article :is(table[data-ke-style="style1"], table[data-ke-style="style5"], table[data-ke-style="style9"], table[data-ke-style="style13"]) tbody td {
    border: 1px solid #80d0d7;
}
article :is(table[data-ke-style="style2"], table[data-ke-style="style6"], table[data-ke-style="style10"], table[data-ke-style="style14"]) tbody td {
    border: 1px solid #1d840d;
}
article :is(table[data-ke-style="style3"], table[data-ke-style="style7"], table[data-ke-style="style11"], table[data-ke-style="style15"]) tbody td {
    border: 1px solid #317ed3;
}
article :is(table[data-ke-style="style4"], table[data-ke-style="style8"], table[data-ke-style="style12"]) tbody td {
    border: 1px solid #9b9b9b;
}
article table img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: none;
}
article input {
}
article .protected_form {
}
article .protected_form input {
}
article .cap1 {
}
article .iframe-wrap {
}
article .iframe-wrap iframe {
}
/** 보호글 **/
article .protected_form {
}
article .protected_form h2 {
}
article .protected_form p {
}
article .protected_form input {
}
article .protected_form input:focus {
}
article .protected_form .btn {
}

/** 관련글 **/
.article-related {
    padding: 0;
    margin-bottom: 21px;
}
.article-related h2 {
    font-size: 1em;
    margin-bottom: 15px;
    font-weight: 600;
}
.article-related ul {
    display: flex;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0;
    padding-left: 0;
    justify-content: space-between;
}
.article-related ul li {
    display: flex;
    box-sizing: border-box;
    width: 24.27884615384615%;
    float: left;
    list-style: none;
    aspect-ratio: 207.81/176.5;
}
.article-related ul li:first-child {
    margin-left: 0;
}
.article-related ul li a {
    color: #333;
}
.article-related ul li a:hover,
.article-related ul li a:focus {
    color: #333;
}
.article-related ul li figure {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 7px;
    padding-bottom: 0;
    background-color: #f8f8f8;
}
.article-related ul li figure img {
    width: 100%;
    height: auto;
    aspect-ratio: 208/108.89;
}
.article-related ul li .title {
    display: block;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
    max-width: 95%;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: 700;
    height: 2.8em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 네임카드 숨김 */
#section-article .tt_box_namecard {
    display: none !important;
}

/* 댓글 */

/** 태그 **/

/** 공지 **/
#global-notice div,
#menu-notice div {
    border: solid;
    background-color: var(--global-notice-bg-color) !important;
    border-width: var(--global-notice-border-width) !important;
    border-color: var(--global-notice-border-color) !important;
}
#global-notice div {
    color: var(--global-notice-font-color) !important;
    font-size: var(--global-notice-font-size) !important;
    font-weight: normal;
    border-radius: var(--border-radius);
}
#global-notice div::before {
    font-family: "FontAwesome" !important;
    text-align: left;
    content: "\f071";
    margin-right: 5px;
}
#menu-notice div {
    color: var(--global-notice-font-color) !important;
}

/******** 사이드바 ********/
/**** 공통 ****/
#aside {
    width: 326px;
}
#aside ul li {
    list-style-type: none;
}

#aside section {
    overflow: hidden;
    width: 100%;
    border: 1px solid #555;
    border-color: var(--point-color, #555) !important;
}
#aside section:first-of-type {
    border-radius: calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0 !important;
}
#aside section:last-of-type {
    border-radius: 0 0 calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) !important;
}
#aside section > h3 {
    width: 100%;
    padding: 5px;
    text-align: left;
    color: var(--header-font-color, #fff) !important;
    font-size: min(1em, 16pt);
    font-weight: normal;
    background-color: var(--point-color, #555) !important;
}

#aside section ul {
    padding: 5px;
}
#aside section li {
    font-size: 14px;
    text-align: left;
}
#aside section li a {
    display: block;
    text-wrap: nowrap;
}
#aside section li a:hover {
    color: var(--mouse-hover-color) !important;
}
#aside section li a::before {
    font-family: "FontAwesome" !important;
    content: "\f105";
    margin-right: 5px;
}

/* 목록 공통 */
#aside ul.wb-all li {
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: var(--aside-article-line-clamp) !important;
    -webkit-box-orient: vertical;
}

/**** 신상 ****/
#aside .blogInfo li:not(:first-child) {
    padding-top: 15px;
    border-top: 1px solid var(--border-color);
    word-break: break-word;
}
#aside .blogInfo img {
    width: 100%;
}
#aside .blogInfo p:first-child {
    color: #111;
    font-size: 17px;
    margin-bottom: 10px;
}
#aside .blogInfo p:last-child {
    padding: 5px 0;
    color: #777;
}
#aside .blogInfo li:not(:first-child) {
    border-top-color: var(--border-color) !important;
}

/* 분류 */
#aside .category .category-new {
    padding: 1px 1px;
    margin-left: 5px;
}
#aside .category a {
    position: relative;
}

#aside .category li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#aside .category .tt_category > li > a::before {
    font-family: "FontAwesome" !important;
    content: "\f138";
    margin-right: 5px;
}
#aside .category .category_list > li > a::before {
    font-family: "FontAwesome" !important;
    content: "\f101";
    margin-right: 5px;
}

/* 방문 계수 */
#aside .count li {
    color: #777;
    font-size: 0.8125em;
}
#aside .count .today {
    color: #555;
    font-size: 1.875em;
    font-weight: 700;
}
#aside .count-graph h3::before {
    font-family: "FontAwesome" !important;
    content: "\f201 ";
    margin-right: 5px;
}

/* 달력 */
.tt-calendar caption {
    text-align: center;
}
.tt-calendar :is(th, td) {
    text-align: center;
}
.tt-calendar tr :is(th:first-of-type, td:first-of-type) {
    background-color: #f8a1a4;
}
.tt-calendar tr :is(th:last-of-type, td:last-of-type) {
    background-color: #94d8f6;
}

/* 플러그인 모듈 */
#aside .module {
    text-align: center;
}

/* 스티키 */
#aside .adss-float {
    top: 60px;
}

/* 태그 */
#aside .tags .btn {
    font-size: min(1em, 10pt);
}

/*******************************************************************/
/* 커버 전체 */
#cover .ttCoverElement:not(:first-child) {
    margin-top: 1em;
}
#cover > .hr:last-child {
    display: none;
}
#cover .ttCoverElement .row {
    border-radius: calc(var(--border-radius) * 2) calc(var(--border-radius) * 2) 0 0;
}

/**** 와이드바 커버 ****/
.cover-thumbnail-wide-wrap .ttCoverElement .row {
    font-weight: normal;
}
.cover-thumbnail-wide-wrap .inner div:first-child:has(.display-none) {
    display: block !important;
}

/**컨테이너**/
.cover-thumbnail-wide-wrap .inner {
    position: relative;
    overflow: hidden;
    border: 1px solid #555;
    padding: 0;
    cursor: pointer;
    flex: 200px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cover-thumbnail-wide-wrap .inner:hover {
    border-color: #ff5544;
    background-size: 0;
}

.cover-thumbnail-wide-wrap .inner .thumnailWrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #e5e5e5;
}
/**섬네일 배경 기본**/
.cover-thumbnail-wide-wrap .inner .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    filter: contrast(0.5) brightness(1.5);
}

.cover-thumbnail-wide-wrap .inner:hover .thumnailWrap .thumnail {
    filter: contrast(0.1) brightness(2);
    -webkit-filter: contrast(0.1) brightness(2);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
/**제목 기본**/
.cover-thumbnail-wide-wrap .inner .inner-over .inner-over-title h1.title {
    position: absolute;
    display: -webkit-box;
    overflow: hidden;
    color: #111;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    font-size: 1.5rem;
    text-overflow: ellipsis;
    text-shadow: 0 0 20px #fff, 0 0 5px #fff;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: bold;
    transition: all 0.3s 0.2s;
    -webkit-transition: all 0.3s 0.2s;
}
/**제목 호버**/
.cover-thumbnail-wide-wrap .inner:hover .inner-over .inner-over-title h1.title {
    top: 20px;
    word-wrap: break-all;
    -webkit-line-clamp: 1;
}
/**제목 밑줄**/
.cover-thumbnail-wide-wrap .inner .inner-over .inner-over-title h1.title::after {
    bottom: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 1px;
    margin: auto;
    content: "";
    clear: both;
    background-color: currentColor;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.cover-thumbnail-wide-wrap .inner:hover .inner-over .inner-over-title h1.title::after {
    width: 100%;
}

.cover-thumbnail-wide-wrap .inner .inner-over .inner-over-summary .summary {
    position: absolute;
    top: 50%;
    left: 20px;
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    font-size: 15px;
    padding-right: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    opacity: 0;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.cover-thumbnail-wide-wrap .inner:hover .inner-over .inner-over-summary .summary {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
}

.cover-thumbnail-wide-wrap .inner .inner-over .inner-over-category .category {
    position: absolute;
    bottom: 30px;
    left: -230px;
    color: #333;
    font-size: 14px;
    transition: all 0.3s 0.1s;
    -webkit-transition: all 0.3s 0.1s;
}

.cover-thumbnail-wide-wrap .inner:hover .inner-over .inner-over-category .category {
    left: 20px;
}

.cover-thumbnail-wide-wrap .inner .inner-over .inner-over-date :is(.date, .url) {
    position: absolute;
    right: 40px;
    bottom: -30px;
    color: #333;
    font-size: 14px;
    transition: all 0.3s 0.3s;
    -webkit-transition: all 0.3s 0.3s;
}

.cover-thumbnail-wide-wrap .inner:hover .inner-over .inner-over-date :is(.date, .url) {
    bottom: 30px;
}

/** 갤러리 커버 공통 **/
:is(.cover-gallery1-wrap, .cover-gallery2-wrap) > h1 {
    padding: 10px;
    margin: 0 20px 5px;
    color: #fff;
    font-size: 15px;
    border-radius: 0;
    font-weight: normal;
    background-color: #555;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) > h1 > i {
    margin-right: 5px;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner {
    position: relative;
    overflow: hidden;
    border: 1px solid #555;
    padding: 0;
    cursor: pointer;
    flex: 200px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner:hover {
    border-color: #ff5544;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .thumnailWrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #e5e5e5;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner:hover .thumnailWrap .thumnail {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}
/**제목 기본**/
:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-top h1.title {
    display: -webkit-box;
    overflow: hidden;
    color: #111;
    font-size: 1.5rem;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: bold;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-top .summary {
    display: none;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom {
    padding-top: 15px;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom > div {
    font-size: 11px;
    float: left;
    padding-top: 10px;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-rioverght-bottom::after {
    display: block;
    content: "";
    clear: both;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom .category {
    margin-right: 15px;
    color: #333;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom .date {
    padding-right: 20px;
    color: #333;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom .summary {
    display: -webkit-box;
    overflow: hidden;
    color: #333;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

:is(.cover-gallery1-wrap, .cover-gallery2-wrap) .inner .inner-over .inner-over-bottom .url {
    color: #333;
}

/* 갤러리 커버 */
.cover-gallery1-wrap .inner .inner-over {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cover-gallery1-wrap .inner:hover .inner-over {
    bottom: 0;
}

/* 갤러리2 커버 */
.cover-gallery2-wrap .inner .inner-over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0.5;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cover-gallery2-wrap .inner .inner-over:hover {
    opacity: 1;
}

.cover-gallery2-wrap .inner .inner-over .inner-over-title {
    position: absolute;
    top: 50%;
    left: 10px;
    padding: 0;
    transform: translateY(-50%);
}

/** 그리드 리스트 커버 공통 **/
:is(.cover-grid-wrap, .cover-list-wrap) .inner:hover {
    border-color: var(--mouse-hover-color) !important;
}

.cover-grid-wrap .inner .inner-top .thumnailWrap,
.cover-list-wrap .inner .inner-left .thumnailWrap {
    width: 100%;
    height: 100%;
    outline-color: var(--border-color) !important;
}

.cover-grid-wrap .inner .inner-top .thumnailWrap .thumnail,
.cover-list-wrap .inner .inner-left .thumnailWrap .thumnail {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

:is(.cover-grid-wrap, .cover-list-wrap) .inner:hover .inner-left {
    filter: grayscale(2);
    -webkit-filter: grayscale(2);
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-top h1.title,
.cover-list-wrap .inner .inner-right .inner-right-top h1.title {
    display: -webkit-box;
    overflow: hidden;
    color: #111;
    font-size: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-weight: normal;
}
.cover-grid-wrap .inner .inner-bottom .inner-bottom-top .summary,
.cover-list-wrap .inner .inner-right .inner-right-top .summary {
    display: block;
    overflow: hidden;
    height: 2.4em;
    margin-top: 20px;
    font-size: 13px;
    color: #333;
    line-height: 1.3;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom > div,
.cover-list-wrap .inner .inner-right .inner-right-bottom > div {
    font-size: 11px;
    float: left;
    padding-top: 10px;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom::after,
.cover-list-wrap .inner .inner-right .inner-right-bottom::after {
    display: block;
    content: "";
    clear: both;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom .category,
.cover-list-wrap .inner .inner-right .inner-right-bottom .category {
    color: #333;
    margin-right: 15px;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom .date,
.cover-list-wrap .inner .inner-right .inner-right-bottom .date {
    color: #333;
    padding-right: 20px;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom .url,
.cover-list-wrap .inner .inner-right .inner-right-bottom .url {
    color: #333;
}

/** 그리드 커버 **/
.cover-grid-wrap .inner {
    overflow: hidden;
    border: 1px solid #555;
    cursor: pointer;
    flex: 200px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cover-grid-wrap .inner .inner-top {
    overflow: hidden;
    width: 100%;
    height: 120px;
    outline: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cover-grid-wrap .inner .inner-bottom {
    padding: 5px;
    margin-top: 10px;
}

.cover-grid-wrap .inner .inner-bottom .inner-bottom-bottom {
    padding-top: 10px;
}

/** 리스트 커버 **/
.cover-list-wrap > h1 > i {
    margin-right: 5px;
}

.cover-list-wrap .inner {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 0;
    border: 1px solid #555;
    margin: 0;
    cursor: pointer;
    align-items: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cover-list-wrap .inner .inner-left {
    overflow: hidden;
    height: 120px;
    margin: 5px 10px 5px 5px;
    flex: 0 0 120px;
    outline: 1px solid #e5e5e5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.cover-list-wrap .inner .inner-right {
    padding: 5px;
}

/*********************************************************/
/** 검색 결과 **/
.not-found {
    display: block;
    width: 100%;
    margin-bottom: 35px;
}
.not-found li {
    position: relative;
    font-size: 0.9375em;
    line-height: 2;
    padding-left: 10px;
}
.not-found li::before {
    position: absolute;
    top: 15px;
    left: 0;
    width: 2px;
    height: 2px;
}

.not-found .tag,
.not-found .category,
.not-found .archive {
    display: none;
}

#tt-body-tag .not-found ul,
#tt-body-category .not-found ul,
#tt-body-archive .not-found ul {
    display: none;
}

#tt-body-tag .not-found .tag,
#tt-body-category .not-found .category,
#tt-body-archive .not-found .archive {
    display: block;
}

/**** 인덱스 페이지 ****/
.index-list-content {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 20px;
    border: 1px solid #555;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding: 10px;
}

.index-list-content:hover {
    border-color: #ff5544;
}

.index-list-content .index-inner-left {
    display: block;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    outline: 1px solid #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: contrast(0.9);
    -webkit-filter: contrast(0.9);
}

.index-list-content .index-inner-left .tt-index-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.index-list-content .index-inner-left .tt-index-secret {
    line-height: 120px;
    text-align: center;
}
.index-list-content .index-inner-left .tt-index-secret .fa-solid {
    transform: scale(2);
}

.index-list-content:hover .index-inner-left {
    filter: contrast(1) !important;
    -webkit-filter: contrast(1) !important;
}

.index-list-content .index-inner-right {
    display: flex;
    flex-direction: column;
    width: calc(100% - 135px);
    padding: 5px 0;
}

.index-list-content .index-inner-right a.link_post {
    display: inline-block;
}

.index-list-content .index-inner-right a.link_post h1.tit_post {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 15px;
    font-weight: normal;
    color: #111;
}

.index-list-content .index-inner-right a.link_post p.txt_post {
    display: none;
}

.index-list-content .index-inner-right .detail_info {
    padding-top: 10px;
    font-size: 10px;
}

.index-list-content .index-inner-right .detail_info i {
    margin-right: 5px;
    vertical-align: middle;
}

.index-list-content .index-inner-right .detail_info a.link_cate {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #333;
}

.index-list-content .index-list-content-inner .index-inner-right .detail_info span.txt_bar {
    display: inline-block;
    color: #333;
}

.index-list-content .tt-index-more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 30px solid #555;
    color: #fff;
}

.index-list-content:hover .tt-index-more {
    border-bottom-color: #ff5544;
}

.index-list-content .tt-index-more i {
    position: absolute;
    right: 5px;
    bottom: -27px;
    font-size: 12px;
    color: #fff;
}

/**** 페이징 ****/
.pagination {
    width: 100%;
    min-height: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.pagination a {
    display: inline-block;
    margin: 0 12px;
    line-height: 1.5rem;
    vertical-align: top;
}
.pagination .selected {
    margin: 0 -5px;
    padding: 3px 5px;
    border-radius: var(--border-sm-radius);
    color: #fff;
    background-color: #555;
}
.pagination .view-more {
    display: block;
    padding: 12px 0 11px;
    border: 1px solid #eee;
    margin: 0;
    color: #333;
    font-size: 0.875em;
    text-align: center;
}

/**** Plugins ****/
/*** 애드센스 ***/
.cover-list-infeedAdsense {
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.adss-main-horizontal {
    width: 320px;
    height: 100px;
}
@media (min-width: 400px) {
    .adss-main-horizontal {
        width: 100%;
        height: 90px;
        min-width: 400px;
        max-width: 1270px;
    }
}
.adss-section-horizontal {
    margin: 0 0 20px;
    padding: 0;
}

/** 로딩 이미지 **/
#loading {
    z-index: 1818;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#loading img {
    z-index: 1818;
    width: 50%;
    height: 50%;
}

/* prognroll*/
.prognroll-bar {
    height: var(--prognroll-height, 5px) !important;
    background-color: var(--prognroll-bg-color) !important;
}

/* Lazy */
img.lazy {
    display: block;
    /* optional way, set loading as background */
    background-image: url("https://tistory2.daumcdn.net/tistory/6727682/skin/images/loading.gif");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/* 코드 강조 */
code {
    font-family: "Nanum Gothic Coding" !important;
}

/* 자동 목차 스타일 */
#toc {
    padding: 10px 10px 0px 15px; /* 위, 오른쪽, 아래, 왼쪽 여백 설정 */
    border: 1px solid var(--point-color); /* 테두리 속성 설정 */
    background: linear-gradient(to right, #fff76617, #ffffff);
    border-width: 5px 1px 1px 1px;
    border-radius: var(--border-lg-radius);
}

#toc ul {
    list-style-type: inherit; /* 목록 스타일을 상속 */
    margin-left: 0;
    padding-left: 10px;
}

#toc p {
    font-weight: 550; /* 글자 두께를 강조 */
    margin-bottom: 7px; /* 하단 여백을 설정 */
}

#toc > ul * {
    color: #333; /* 글자 색상을 설정 */
    font-size: min(1rem, 16pt); /* 글자 크기를 설정 */
}

#toc > ul a:hover {
    color: #f00; /* 링크에 마우스를 올렸을 때 글자 색상을 빨간색으로 설정 */
}

#toc > ul ul {
    margin-bottom: 0px; /* 하단 여백을 0으로 설정 */
    margin-top: 5px; /* 상단 여백을 5픽셀로 설정 */
}

#toc ul li {
    margin-bottom: 0px; /* 하단 여백을 5픽셀로 설정 */
}

/*점을 다른모양으로 변경하고자 하면 아래내용 추가*/
#toc ul > li::marker {
    color: #ff00dd;
    content: "🔵";
    font-size: 16px;
}

#toc > ul {
    margin-left: 5px; /* 좌측 여백을 5픽셀로 설정 */
}

#toc ul > li > ul > li::marker {
    color: #00d8ff;
    font-size: 13px;
    content: "🔹";
}
/* 자동 목차 스타일 끝 */

/** 사이드 도구모음 시작 **/
#float-sideTool {
    transform-origin: bottom right;
    z-index: 65535;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
}
/* 축소 */
#float-sideTool div {
    transform: scale(0.5, 1);
    -webkit-transform: scale(0.5, 1);
    opacity: var(--float-sideTool-opacity);
}
#float-sideTool a:hover {
    background-color: var(--mouse-hover-color);
}
#float-sideTool :is(.isset-toc, .isset-comments) {
    display: none;
}

/* 여백 있으면 툴팁 표시 */
@media (min-width: 1200px) {
    #float-sideTool {
    }
    #float-sideTool div {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }
    #float-sideTool div:hover a::before {
        content: attr(data-text);
    }
    #float-sideTool div:hover a i {
        display: none;
    }
}
/* 사이드 메뉴 끝 */

/**/
@media (max-width: 1000px) {
    .auto-prose-wrapper {
        display: none;
    }
}

/* 페이퍼 체인 */
#paper_canvas {
    position: relative;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
/* 페이퍼 체인 끝 */

/* AliExpress Ad Center 스타일 */
.material-card {
    background-color: #f9fafb;
    border-radius: 8px 8px 0 0;
    display: block;
    margin-bottom: 12px;
    box-sizing: border-box; /* 박스 모델 계산 방식 추가 */
    position: relative;
    width: 100% !important; /* 그리드 셀 내에서 100% 너비 보장 */
    break-inside: avoid; /* 그리드/컬럼 레이아웃에서 항목이 분리되지 않도록 */
    page-break-inside: avoid; /* 프린트 시에도 동일하게 적용 */
}

.material-card .next-checkbox-wrapper {
    left: 4px;
    position: absolute;
}

.material-card .top-warpper {
    padding: 8px; /* 내부 여백 추가 */
}

.material-card-img {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    max-width: 214px; /* 최대 너비 설정 */
    height: 214px;
    border-radius: 8px;
    object-fit: cover;
    display: block; /* 이미지 레이아웃 안정화 */
}

.material-card-title {
    color: #2b2d3b;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    margin: 8px 0 0; /* 좌우 마진 제거 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.material-card-title .material-card-title-atmos {
    display: inline-block;
    height: 15px;
}

.material-card-title .material-card-title-atmos .services {
    margin-right: 4px;
}

.material-card-title a {
    color: #333;
    font-size: 14px;
    text-decoration: underline;
    word-break: break-word !important;
}

.max-line-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 44px;
    white-space: inherit;
}

.material-card-hot {
    color: #666;
    line-height: 12px;
    margin-bottom: 4px;
    margin-left: 8px;
    min-height: 18px;
}

.material-card-hot .score {
    background: url('https://simulz.kr/aliexpress/wp-content/plugins/aliexpress-block/images/star_dark.avif') no-repeat;
    background-size: 10px 10px;
    display: inline-block;
    font-size: 12px;
    height: 13px;
    margin-right: 8px;
    text-indent: 15px;
}

.material-card-sales {
    color: #6e7785;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
}

.material-card-sales .material-card-sales-img {
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 16px;
}

.material-card-sales .material-card-sales-img img {
    height: 18px;
    margin-left: 2px;
    width: 16px;
}

.material-card-price-box {
    height: 30px;
    margin-left: 8px;
    width: 260px;
}

.material-card-price-box .material-card-price {
    display: inline-block;
    height: auto;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.material-card-price-box .material-card-price .currentPrice {
    color: #ff0000;
    font-size: 20px;
    font-weight: 600;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    width: 50px;
}

.material-card-price-box .material-card-price .currentPrice .currentPrice-symbol {
    font-size: 14px;
    margin-right: 2px;
}

.material-card-price-box .material-card-price .originalPrice {
    color: #6e7785;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-left: 8px;
    text-decoration: line-through;
    width: 37px;
}

.material-card-price-box .material-card-price-more-width {
    max-width: none;
}

.material-code-and-price-atmo-box .material-card-code {
    background-color: #fff1f0;
    border-radius: 12px;
    display: inline-block;
    margin-left: 8px;
}

.material-code-and-price-atmo-box .material-card-code .material-card-code-price {
    color: #e6200a;
    font-size: 14px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    padding-left: 7px;
    padding-right: 2px;
}

.material-code-and-price-atmo-box .material-card-code .material-card-code-price .next-icon.next-medium:before {
    color: #b8bec7;
    font-size: 14px;
    margin-left: 2px;
    width: 14px;
}

.material-code-and-price-atmo-box .material-card-price-text {
    color: #2b323b;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    width: 143px;
}

.material-card-price-more-height-box {
    height: 52px;
}

.material-card-free-text {
    color: #158901;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
    line-height: 18px;
    margin-bottom: 8px;
    margin-left: 8px;
    width: 225px;
}

.material-card-highest-earn {
    background-color: #f1f2f4;
    border-radius: 26px;
    height: 30px;
    margin-bottom: 8px;
    margin-left: 8px;
    text-align: center;
    width: 214px;
}

.material-card-highest-earn .material-card-highest-earn-text {
    align-items: center;
    color: #026bff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 30px;
}

.material-card-highest-earn .material-card-highest-earn-text .material-card-highest-earn-text-left {
    height: 30px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.material-card-highest-earn .material-card-highest-earn-text .material-card-highest-earn-text-right {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.material-card-highest-earn .material-card-highest-earn-text .material-card-highest-earn-text-right .next-icon:before {
    font-size: 14px !important;
    width: 14px;
}

.material-card-promot-button {
    background-color: #026bff;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-left: 8px;
    text-align: center;
    vertical-align: middle;
    width: 214px;
}

/* 나머지 스타일은 원본 유지하되 마진 조정 */
.material-card-hot,
.material-card-price-box,
.material-card-free-text,
.material-card-highest-earn,
.material-card-promot-button {
    margin-left: 0; /* 좌측 마진 제거 */
    padding-left: 8px; /* 대신 패딩 사용 */
    width: 100%;
    box-sizing: border-box;
}

/* 그리드 레이아웃 호환을 위한 추가 스타일 */
@media (min-width: 600px) {
    .wp-block-columns .material-card {
        height: auto; /* 높이 자동 조정 */
    }
}

/* Wordpress */
.is-layout-grid {
    display: grid;
}

.wp-block-group-is-layout-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(12rem, 100%), 1fr));
    container-type: inline-size;
}

.wp-block-group {
    box-sizing: border-box;
}

/* WordPress AliExpress Link */
.wp-block-buttons.is-content-justification-center {
    justify-content: center;
}
.is-layout-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5em;

}
.wp-block-buttons {
    box-sizing: border-box;
}

.wp-block-button:nth-child(1) .wp-block-button__link {
    background-color: #ff4d4d !important;
}

.wp-block-button:nth-child(2) .wp-block-button__link {
    background-color: #ff944d !important;
}

.wp-block-button:nth-child(3) .wp-block-button__link {
    background-color: #ffdb4d !important;
    color: #333 !important;
}

.wp-block-button:nth-child(4) .wp-block-button__link {
    background-color: #4dff88 !important;
    color: #333 !important;
}

.wp-block-button:nth-child(5) .wp-block-button__link {
    background-color: #4da6ff !important;
}

.wp-block-button:nth-child(6) .wp-block-button__link {
    background-color: #2dc8e0 !important;
}

.wp-block-button:nth-child(7) .wp-block-button__link {
    background-color: #b366ff !important;
}

.wp-block-button__link:hover {
    filter: brightness(90%);
    transform: translateY(-2px);
}
.wp-block-buttons .wp-block-button__link {
    width: 100%;
}
.wp-block-button__link {
    border-radius: 8px;
    color: #ffffff;
    padding: .5em .5em;
    border: 0;
    font-size: 1rem;
    line-height: 1;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease;
}

/* WordPress 그리드와의 호환성 추가 */
.wp-block-column .material-card,
.wp-block-grid .material-card {
    margin-right: 0; /* 우측 마진 제거 */
}