@charset "utf-8";

/* reset css */
@import url(./images/reset.css);

/* 웹폰트 */
@import url(//fonts.googleapis.com/css?family=Noto+Sans+KR|Meddon);

:root {
    --fontK: 'Noto Sans KR';
    --fontN: 'Calibri', 'Noto Sans KR';
    --gutter: 5vw;
    --gutter2: 5vh;
}

/* 전체 폰트 */
html,
body,
th,
td,
input,
select,
textarea,
button,
body blockquote,
body blockquote p,
body figure figcaption,
code {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-family: var(--fontK);
    font-size: 15px;
    line-height: 1.8;
    color: var(--text);
}

/* ================ 
 *
 *   기본 설정
 *
 * ================ */
/* 링크 */
a,
a:link {
    text-decoration: none;
    color: var(--text);
    transition: color .4s;
}

a:hover {
    color: var(--point);
}

/* 입력창 폰트 색상 */
::-webkit-input-placeholder {
    color: var(--text);
}

:-moz-placeholder {
    color: var(--text);
}

:-ms-input-placeholder {
    color: var(--text);
}

::placeholder {
    color: var(--text);
}

/* 마우스 드래그 블럭 */
::selection {
    background-color: var(--point);
    color: var(--point2);
}

::-moz-selection {
    background-color: var(--point);
    color: var(--point2);
}

/* 스크롤바 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: var(--bg);
}

::-webkit-scrollbar-thumb {
    background-color: var(--point);
}

body {
    background-color: var(--bg);
}

body:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    z-index: -1;
}

/* ================ 
 *
 *   스킨 시작
 *
 * ================ */
#container {
    width: 100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0 auto;
}

/* ================ 
 *
 *   헤더
 *
 * ================ */
/* 타이틀 */
#header .title {
    font-size: 1.5em;
    max-width: 20%;
    line-height: 1.3;
    align-self: flex-start;
    font-weight: bold;
}

#header .title img {
    max-height: 50px;
}

/* ================ 
 *
 *   카테고리
 *
 * ================ */
.catebox {
    position: relative;
    z-index: 9;
}

.catebox a {
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: inline-flex;
    align-items: center;
}

.catebox .scroll > div:first-child .cate-title,
.catebox .blogmenu,
.catebox .scroll > div:first-child .side section:not(:last-child),
.catebox .scroll > div:first-child .side section:first-child:before {
    margin-bottom: var(--gutter2) !important;
}

.catebox .scroll > div:first-child .sns,
.catebox .owner,
.catebox .owner + div,
.catebox .scroll > div:first-child .side section:last-child:after {
    margin-top: var(--gutter2);
}

.catebox .intro {
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    font-size: .8em;
    line-height: 1.5;
    color: var(--point);
}

.catebox .blogmenu li,
.catebox .cate:not(:last-child),
.catebox .link_tit,
.catebox .category_list > li,
.catebox .sub_category_list > li:not(:last-child) {
    margin-bottom: 20px !important;
}

.catebox .blogmenu li,
.catebox .cate {
    display: flex;
}

.catebox .title a + .intro {
    margin-top: 15px;
}

.catebox .category_list > li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.catebox .link_tit,
.catebox .blogmenu a,
.catebox .link_item,
.catebox .cate a,
.catebox .owner a {
    position: relative;
    background-image: linear-gradient(0deg, transparent 0%, transparent 100%);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: var(--background-size, 100%) 1px;
    transition: background-size 0.2s linear var(--background-delay, 0.15s), color .4s;
    transform: translateZ(0);
}

.catebox .link_tit,
.catebox .blogmenu a,
.catebox .link_item,
.catebox .link_sub_item,
.catebox .cate a,
.catebox .owner a {
    transition: .4s;
}

.catebox .link_tit:hover,
.catebox .blogmenu li:hover,
.catebox .link_item:hover,
.catebox .mc.open,
.catebox .mc:hover,
.catebox .cate a:hover,
.catebox .owner li:hover {
    --background-size: 0%;
    --background-delay: 0s;
    --stroke-dashoffset: 26;
    --stroke-duration: .3s;
    --stroke-easing: cubic-bezier(.3, 1.5, .5, 1);
    --stroke-delay: .195s;
}

.catebox .link_item.on,
.catebox .blogmenu a.on,
.catebox .cate a.on {
    background-image: linear-gradient(0deg, transparent, var(--text) 100%);
    background-size: var(--background-size, 100%) 1px;
    font-weight: bold;
}

.catebox .link_tit:hover,
.catebox .blogmenu li a:hover,
.catebox .link_item:hover,
.catebox .cate a:hover,
.catebox .owner li a:hover {
    background-image: linear-gradient(0deg, transparent 0%, var(--text) 100%);
}

.catebox .link_tit,
.catebox .link_item,
.catebox .link_sub_item,
.catebox .cate a,
.catebox .blogmenu a {
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    max-width: 100%;
    cursor: pointer;
    font-size: .9em;
}

.catebox .mc .link_item {
    max-width: calc(100% - 13px);
    transition: .4s;
}

.catebox .mc.open .link_item {
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--point);
}

.catebox .mc svg {
    vertical-align: middle;
    display: inline;
    line-height: 1;
    width: 13px;
    height: 21px;
    position: relative;
    left: -2px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px;
    stroke: var(--text);
    stroke-dasharray: 7.95 30;
    stroke-dashoffset: var(--stroke-dashoffset, 46);
    transition: stroke-dashoffset var(--stroke-duration, 0.15s) var(--stroke-easing, linear) var(--stroke-delay, 0s);
}

.catebox .sub_category_list li {
    display: flex;
    align-items: center;
}

.catebox .sub_category_list .link_sub_item.on {
    font-weight: bold;
}

.catebox.menu .tt_category,
.catebox.category .blogmenu,
.catebox:not(.all) .link_tit,
.catebox:not(.all) .link_tit + .new,
.catebox .sub_category_list {
    display: none;
}

/* sns */
.catebox .sns {
    cursor: default;
    font-size: .8em;
}

.catebox .sns a {
    margin-right: 15px;
}

.catebox .sns:empty {
    display: none;
}

/* ================ 
 *
 *   콘텐츠 영역
 *
 * ================ */
#main,
#main #content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#main .main-top {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#tt-body-category #myoList {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    flex-grow: 1;
}

#tt-body-category #myoList .list-wrap {
    flex-grow: 1
}

.wn11 .myo_web1.normal .list-wrap,
.wn12 .myo_web1.normal .list-wrap,
.ywn11 .myo_web1.you-player .list-wrap,
.ywn12 .myo_web1.you-player .list-wrap,
.wn21 .myo_web2.normal ol,
.wn22 .myo_web2.normal .list-wrap,
.ywn21 .myo_web2.you-player .list-wrap,
.ywn22 .myo_web2.you-player .list-wrap,
#myoList:not(.myo_gal):not(.myo_web) .list-wrap,
#tt-body-guestbook #content,
.memonoti .text-item,
#tagcloud > ul,
.myoskin .empty > ul,
.post > *:not(.post-header):not(#rp),
body:not(#tt-body-guestbook) .cmt,
.post-header .info,
.empty {
    max-width: var(--width);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

/****************
    목록 상단
****************/
.post-header {
    position: relative;
    background-position: center;
    background-size: cover;
    margin-bottom: var(--gutter2);
}

.post-header .bg {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    width: 100%;
    height: 30vh;
}

.post-header .bg:after {
    content: '';
    background-color: var(--bg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
}

.post-header .bg.noimg {
    display: none !important;
}

.post-header .blank + .bg.noimg.you {
    display: block !important;
}

.post-header .info {
    margin-top: 0;
}

.post-header .bg + .line + .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: calc(var(--gutter2) / 2);
    z-index: 1;
    font-weight: bold;
    margin-top: 0 !important;
}

#myoList .post-header .bg + .line + .info {
    left: 10%;
    right: inherit;
}

#myoList .post-header .info:only-child {
    margin-left: 10%;
    margin-right: inherit;
}

#myoList .post-header .line + .info,
#myoList .post-header .info:only-child,
#tagcloud .post-header .info:only-child {
    margin-top: var(--gutter2);
}

#myoList + #article {
    position: relative;
}

#myoList.lstP .list-wrap {
    border-bottom: 1px solid;
    border-color: var(--point);
    padding-bottom: var(--gutter2);
    margin-bottom: var(--gutter2);
}

body:not(#tt-body-page) .myoskin + #article .post .post-header .line,
body:not(#tt-body-page) .post:not(:first-child) .post-header .line {
    margin-bottom: var(--gutter2);
}

body:not(#tt-body-page) .post:not(:first-child) .post-header .line {
    height: 1px;
    width: 100%;
    background-color: var(--point);
    margin-bottom: var(--gutter2);
}

.post-header .bg + .line {
    display: none;
}

.post-header .title {
    font-size: 2em;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: keep-all;
    font-weight: bold;
}

.post-header .title + div,
.post-header .title + .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.post-header .title + div > * {
    margin-top: 5px;
    font-size: .9em;
}

.post-header .cate,
.post-header .date,
.post-header .text {
    color: var(--point);
}

.post-header .cate + .date {
    margin-left: 15px;
    margin-right: 30px;
}

.post:not(:first-child) .post-header .info:only-child {
    border-top: 1px solid;
    border-color: var(--point);
    padding-top: var(--gutter);
}

body:not(#tt-body-page) #article:only-child .post:first-child .post-header .info:only-child {
    padding-top: 15px;
}

/****************
    목록 공통
****************/
.myoskin ol {
    position: relative;
    width: 100%;
}

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

.myoskin .item {
    position: relative;
    vertical-align: top;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}

.myoskin .item a {
    display: block;
}

.myoskin .item .thumbox {
    overflow: hidden;
}

.myoskin .item .thumbox img,
.myoskin .item .thumbox .framebox {
    width: 100%;
    transition: .4s;
}

.myoskin .item:hover .thumbox img,
.myoskin .item:hover .thumbox .framebox {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.myoskin .item .info {
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.myoskin:not(.myo_bbs) .item.lock .title-cnt .title:before {
    content: '\f023';
    font-family: 'fontAwesome';
    margin-right: 5px;
}

.myoskin .item .title img {
    width: auto !important;
    height: auto !important;
}

.myoskin .item .cnt:empty {
    display: none !important;
}

.myoskin:not(:myo_bbs) .item a:after {
    content: '';
    display: block;
    margin-top: 3vh;
    width: 10%;
    height: 1px;
    background-color: var(--text);
}

.ad:empty {
    display: none;
}

/* 노이미지 */
.noimg {
    display: none !important;
}

:not(.thum) + .noimg {
    display: inline-block !important;
}

/* 목록 없음 */
.myoskin .empty,
.myoskin .empty + .sizer {
    width: 100% !important;
}

.myoskin .empty > ul {
    display: none;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
}

#tt-body-category .empty .category,
#tt-body-search .empty .search,
#tt-body-archive .empty .archive,
#tt-body-tag .empty .tag {
    display: block;
}

/* 마우스 오버 */
.myo_gal.hover .item .info,
.myo_gal.hover .item a:after {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .4s;
}

.myo_gal.hover .item .info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 10% !important;
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: .4s;
    overflow: hidden;
    border: .5em solid;
    border-color: var(--point);
    box-shadow: inset 0 0 0 1px var(--point);
    z-index: 2;
}

.myo_gal.hover .item a:after {
    content: '';
    background-color: var(--point2);
    z-index: 1;
}

.myo_gal.hover .item:hover .info {
    opacity: 1;
}

.myo_gal.hover .item:hover:after {
    opacity: .6;
}

.myo_gal.hover .item.lock .title-cnt:before {
    display: block;
    margin-bottom: 5px;
    font-size: .9em;
}

.myo_gal.hover .item .cate-date {
    margin-top: 5px;
    line-height: 1.1;
}

.myo_gal.hover .item.you .info {
    top: 50%;
}

.myo_gal.hover .item.you:after {
    display: none;
}

/* 정사각형 */
.myo_gal.square .item .thumbnail {
    position: relative;
    overflow: hidden;
}

.myo_gal.square .item .thumbnail,
.myo_gal.square .item .thumbnail .framebox {
    padding-bottom: 100% !important;
}

.myo_gal.square .item .thumbnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.myo_gal.square .item .centered .framebox,
.myo_gal.square .item .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .4s;
}

.myo_gal.square .item .thumbnail .centered img.portrait {
    width: 100%;
    height: auto;
    max-width: none;
}

.myo_gal.square .item .centered .framebox,
.myo_gal.square .item .thumbnail .centered img.landscape {
    width: auto;
    height: 100%;
    max-width: none;
}

/* 100% 미만일 때 */
/*
.myo_gal.square .item .centered .framebox,
.myo_gal.square .item .thumbnail .centered img.landscape {
    width: auto;
    height: auto;
    max-width: none;
}
*/

/* 100% 이상일 때 */
/*
.myo_gal.square .item .thumbnail .centered img.portrait {
    min-height: 100%;
    min-width: 100%;
    width: auto;
}
*/

.myo_gal.square .item:hover .centered .framebox,
.myo_gal.square .item:hover .centered img {
    transform: translate(-50%, -50%) scale(1.1);
    filter: brightness(1.1);
}

/* 여백 */
.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11) .gutter {
    width: var(--gutter);
}

.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs) .item:not(:last-child) {
    margin-bottom: var(--gutter);
}

.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11) .item .thumbox {
    position: relative;
}

.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11) .item .thumbox:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--point2);
    opacity: 0;
    transition: .4s;
}

.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11) .item:hover .thumbox:after {
    opacity: .1;
}

.myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.li):not(.hover):not(.myo_bbs) .item .info {
    position: relative;
    z-index: 1;
}

.myo_gal4 .item,
.myo_gal9 .item {
    margin-bottom: 20px;
}

.myo_gal4 .gutter,
.myo_gal5 .gutter,
.myo_gal9 .gutter,
.myo_gal10 .gutter,
.myo_gal11 .gutter {
    width: 0;
}

/* 좌측 글 정보 */
body.fullWidth .myo_gal.li .item a {
    margin-left: 54px;
}

body.fullWidth .myo_gal.li .item .info {
    margin-left: 15px;
}

.myo_gal.li .list-wrap {
    padding-left: 15px;
}

.myo_gal.li .item a {
    margin-left: 40px;
    overflow: hidden;
}

.myo_gal.li .item .info {
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: unset;
    font-size: .8em;
    overflow: hidden;
    max-height: 100%;
    writing-mode: vertical-lr;
    text-orientation: sideways;
    text-align: right;
    transform: rotate(180deg);
}

.myo_gal.li .item .title-cnt {
    display: flex;
}

.myo_gal.li .item .title-cnt:before {
    margin-bottom: 10px;
}

.myo_gal.li .item .title {
    overflow: hidden;
    font-size: 1.1em;
    font-weight: bold;
    width: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.myo_gal.li .item .title img,
.myo_gal.li .item .title .new {
    margin-top: 10px;
}

.myo_gal.li .item .cate-date {
    display: none;
}

/****************
    갤러리형1
****************/
.myo_gal:not(.hover):not(.li) .item .info {
    padding: 15px 15px 0;
}

.myo_gal:not(.li) .item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    word-wrap: break-word;
    font-weight: bold;
    color: var(--text);
    line-height: 1.5;
}

.myo_gal .item .cate {
    font-size: .8em;
    color: var(--point);
}

.myo_gal .item .date,
.myo_gal .item .cnt,
.myo_gal .item .text {
    display: none;
}

/*******************************
    갤러리형2
*******************************/
/*******************************
    갤러리형3
*******************************/
/*******************************
    갤러리형4
*******************************/
.myo_gal4 .item .info {
    background-color: var(--bg);
    position: relative;
    z-index: 1;
}

/*******************************
    갤러리형5
*******************************/
/*******************************
    갤러리형6
*******************************/
.myo_gal6 .item .title {
    white-space: nowrap;
}

/*******************************
    갤러리형7
*******************************/
/*******************************
    갤러리형8
*******************************/
/*******************************
    갤러리형9
*******************************/
.myo_gal9 .item .title {
    white-space: nowrap;
}

/*******************************
    갤러리형10
*******************************/
/*******************************
    갤러리형11
*******************************/
@media screen and (min-width: 426px) {

    .myo_gal11 .item:nth-child(8n - 7),
    .myo_gal11 .item:nth-child(8n) {
        width: calc(100% / 2);
    }

    .myo_gal11 .item:nth-child(8n - 4),
    .myo_gal11 .item:nth-child(8n - 3) {
        width: calc(100% / 2);
    }

    .myo_gal11 .item:nth-child(8n - 4) .thumbnail,
    .myo_gal11 .item:nth-child(8n - 3) .thumbnail {
        padding-top: 50%;
    }

    .myo_gal11.square .item:nth-child(8n - 4) .thumbnail img,
    .myo_gal11.square .item:nth-child(8n - 3) .thumbnail img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
    }

    .myo_gal11 .sizer {
        width: calc(100% / 4);
    }

    .myo_gal11 .gutter {
        width: 0;
    }
}

/****************
    목록형
****************/
.myo_bbs .item {
    margin-right: 0;
    width: 100%;
}

.myo_bbs .item:not(:last-child) {
    margin-bottom: calc(var(--gutter2) / 2);
}

.myo_bbs ol > div:nth-last-child(3) {
    margin-bottom: 0 !important;
}

.myo_bbs .item .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.myo_bbs .item .title-cnt {
    white-space: nowrap;
    display: flex;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}

.myo_bbs .item .title {
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: block;
}

.myo_bbs .item.lock .title:after {
    content: '\f023';
    font-family: 'fontAwesome';
    font-size: .8em;
}

.myo_bbs .item .title-cnt .cnt {
    font-size: .8em;
    flex-shrink: 1;
    white-space: nowrap;
    margin-right: 20px;
    color: var(--text);
}

.myo_bbs .item .title-cnt .cnt:before {
    content: '';
    width: 70%;
    height: 1px;
    display: inline-block;
    background-color: var(--text);
    vertical-align: middle;
    margin-right: 10px;
}

.myo_bbs .item .cate-date {
    line-height: 1.3;
    text-align: right;
    margin-left: 15px;
}

.myo_bbs .item .cate {
    font-size: .8em;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--point);
}

.myo_bbs .item .cate-date .cnt,
.myo_bbs .item .date,
.myo_bbs .item .thumbox,
.myo_bbs .item .text {
    display: none;
}

/****************
    웹진형1
****************/
.myo_web .item .info {
    color: var(--text);
    padding: 15px 15px 0;
}

.myo_web .item .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 2em;
    line-height: 1.3;
}

.myo_web .item .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .85em;
    margin-top: 15px;
}

.myo_web .item .cate-date {
    font-size: .8em;
    margin-top: 15px;
    color: var(--point);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    white-space: nowrap;
}

.myo_web .item .cnt:before {
    content: '\f0e5';
    font-family: 'fontAwesome';
    margin-right: 5px;
    font-size: .9em;
}

.myo_web .item .date,
.myo_web1 .item .text:empty,
.myo_web .item .title-cnt .cnt {
    display: none;
}

.myo_web .empty {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
}

/****************
    웹진형2
****************/

.myo_web2 .item .thumbnail {
    position: relative;
    overflow: hidden;
}

.myo_web2 .item .thumbnail,
.myo_web2 .item .thumbnail .framebox {
    padding-bottom: 35% !important;
}

.myo_web2 .item .thumbnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.myo_web2 .item .centered .framebox,
.myo_web2 .item .centered img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .4s;
}

.myo_web2 .item .thumbnail .centered img.portrait {
    width: 100%;
    height: auto;
    max-width: none;
}

.myo_web2 .item .centered .framebox,
.myo_web2 .item .thumbnail .centered img.landscape {
    width: auto;
    height: 100%;
    max-width: none;
}

/* 100% 미만일 때 */
.myo_web2 .item .centered .framebox,
.myo_web2 .item .thumbnail .centered img.landscape {
    width: auto;
    height: auto;
    max-width: none;
}

/* 100% 이상일 때 */
/*
.myo_web2 .item .thumbnail .centered img.portrait {
    min-height: 100%;
    min-width: 100%;
    width: auto;
}*/

#content:not(.wn21) .myo_web2.normal ol,
#content:not(.ywn21) .myo_web2.you-player ol {
    display: grid;
    grid-gap: var(--gutter);
}

#content:not(.wn21) .myo_web2.normal .item,
#content:not(.ywn21) .myo_web2.you-player .item {
    width: 100% !important;
}

#content:not(.wn21) .myo_web2.normal .item a,
#content:not(.ywn21) .myo_web2.you-player .item a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#content:not(.wn21) .myo_web2.normal .item .info,
#content:not(.ywn21) .myo_web2.you-player .item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#content:not(.wn21) .myo_web2.normal .item .title-cnt,
#content:not(.ywn21) .myo_web2.you-player .item .title-cnt {
    flex-grow: 60;
    max-height: 78px;
}

#content:not(.wn21) .myo_web2.normal .item .info,
#content:not(.ywn21) .myo_web2.you-player .item .info,
#content:not(.wn21) .myo_web2.normal .item .text,
#content:not(.ywn21) .myo_web2.you-player .item .text {
    flex-grow: 1;
}

#content:not(.wn21) .myo_web2.normal .item .text,
#content:not(.ywn21) .myo_web2.you-player .item .text {
    max-height: 66.31px;
    height: 100%;
}

#content:not(.wn21) .myo_web2.normal .sizer,
#content:not(.ywn21) .myo_web2.you-player .sizer,
#content:not(.wn21) .myo_web2.normal .gutter,
#content:not(.ywn21) .myo_web2.you-player .gutter,
#content:not(.wn21) .myo_web2.normal ol:after,
#content:not(.ywn21) .myo_web2.you-player ol:after {
    display: none;
}

.myo_web2 .item:hover .thumbnail .framebox,
.myo_web2 .item:hover .centered img {
    transform: translate(-50%, -50%) scale(1.1);
}

/**************************
    보호글 비밀번호 입력창
***************************/
#tt-body-page .pass .passWrap {
    margin-top: var(--gutter2);
    margin-bottom: var(--gutter2);
}

#tt-body-page .pass .info {
    text-align: center;
}

#tt-body-page .pass .info:before,
#tt-body-page .pass .info:after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: var(--point);
    display: block;
    margin: auto;
    transform: rotate(-45deg);
}

#tt-body-page .pass .info:before {
    margin-bottom: calc(var(--gutter2) / 2);
}

#tt-body-page .pass .info:after {
    margin-top: calc(var(--gutter2) / 2);
}

#tt-body-page .pass form {
    margin: auto;
}

.pass .info {
    font-weight: bold;
    margin-bottom: calc(var(--gutter2) / 2);
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.pass form {
    max-width: 100%;
    width: 30%;
}

.pass input,
.pass button {
    margin: 5px 0;
    padding: 5px 0;
}

.pass input {
    width: 100%;
    border: 0;
    background: transparent;
}

.pass button {
    width: 100%;
    letter-spacing: 3px;
    padding: 10px;
    transition: .4s;
    background-color: var(--point);
    color: var(--point2);
    border-radius: 5px;
    cursor: pointer;
}

.pass button:hover {
    color: var(--text);
}

.pass input[required] + label {
    display: block;
    height: 48px;
    margin-top: -48px;
    margin-bottom: 0;
    pointer-events: none;
    line-height: 1;
}

.pass input[required] + label:before {
    content: attr(placeholder);
    display: inline-block;
    height: 48px;
    line-height: 48px;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .8em;
    color: var(--point);
}

.pass input[required]:focus + label:before,
.pass input[required]:valid + label:before {
    -webkit-transform: translate(0, -24px) scale(1, 1);
    transform: translate(0, -24px) scale(1, 1);
    font-style: italic;
}

/****************
    본문 영역
****************/
body:not(#tt-body-page) #article .post {
    padding-bottom: var(--gutter2);
}

body:not(#tt-body-page) #article .post:last-child {
    border: 0;
    padding-bottom: 0;
}

body:not(#tt-body-page) .myoskin + #article .post:first-child {
    margin-top: var(--gutter2);
}

/****************
    본문 타이틀
****************/
.post-header .admin a {
    margin-right: 15px;
    color: var(--point);
}

.post-header .admin a:hover {
    color: var(--text);
}

/****************
    본문 네비게이션
****************/
.text-item .article-nav:empty,
.text-item .article-nav > ul:empty {
    display: none !important;
}

.text-item .article-nav {
    position: absolute;
    height: 100%;
    list-style: disc;
}

.text-item .article-nav > ul {
    position: sticky;
    top: 195px;
    font-size: .7em;
    width: 10vw;
}

.text-item .article-nav > ul ol {
    position: relative;
    list-style: none;
}

.text-item .article-nav li:not(:last-child) {
    margin-bottom: 10px;
}

.text-item .article-nav li {
    position: relative;
    list-style: none;
}

.text-item .article-nav li a:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 20px;
    border: 1px solid;
    position: absolute;
    top: calc(2em - 4px);
    left: -20px;
    transform: translateY(-50%);
    transition: .4s;
    opacity: .5;
}

.text-item .article-nav .scroll-nav__item--active {
    font-weight: bold;
}

.text-item .article-nav .scroll-nav__item--active:before {
    background-color: var(--point);
    border-color: var(--point);
    opacity: 1;
}

.text-item .article-nav li a {
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .9em;
}

.text-item .article-nav li a.active {
    color: var(--point);
}

.text-item .article-nav li a.active:before {
    background-color: var(--point);
}

/****************
    본문
****************/
.text-item {
    position: relative;
}

.text-item .contents_style > * {
    max-width: 100%;
}

.text-item h1,
.text-item h2,
.text-item h3,
.text-item h4 {
    font-weight: bold !important;
}

.text-item u {
    text-decoration: none;
    position: relative;
    background-image: linear-gradient(to right, var(--point) 0%, var(--point) 100%);
    background-size: 100% 2px;
    background-position: center 100%;
    background-repeat: no-repeat;
    transition: .4s ease-out;
}

.text-item u:hover {
    color: var(--point2);
    background-size: 100% 100%;
}

.text-item u:hover::before {
    transform: translateY(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
}

.text-item s {
    text-decoration: none;
    position: relative;
    background-image: linear-gradient(to right, var(--point) 0%, var(--point) 100%);
    background-size: 100% 2px;
    background-position: center 50%;
    background-repeat: no-repeat;
}

hr[data-ke-style],
#tt-body-page hr[data-ke-style] {
    margin: 1rem auto !important;
}

hr[data-ke-style='style1'],
#tt-body-page hr[data-ke-style='style1'] {
    background-image: none;
    height: 3px;
    background-color: var(--text);
}

hr[data-ke-style='style4'],
#tt-body-page hr[data-ke-style='style4'] {
    background-image: none;
    background-color: var(--point);
}

hr[data-ke-style='style5'],
#tt-body-page hr[data-ke-style='style5'],
hr[data-ke-style='style6'],
#tt-body-page hr[data-ke-style='style6'] {
    border: 0;
    border-top: 1px solid;
    border-color: var(--text) !important;
    background-image: none;
    height: 1px;
}

hr[data-ke-style='style5'],
#tt-body-page hr[data-ke-style='style5'] {
    border-color: var(--text) !important;
}

hr[data-ke-style='style6'],
#tt-body-page hr[data-ke-style='style6'] {
    border-color: var(--point) !important;
}

.text-item ul,
.text-item li {
    list-style: inherit;
}

.text-item ul {
    list-style: disc inside;
}

.text-item ol {
    list-style: inside decimal;
}

.text-item ul[data-ke-list-type='disc'] li,
#tt-body-page .text-item ul[data-ke-list-type='disc'] li,
.text-item ul[data-ke-list-type='circle'] li,
#tt-body-page .text-item ul[data-ke-list-type='circle'] li {
    text-indent: -23px;
    padding-left: 23px;
}

.text-item ul[data-ke-list-type='disc'] li::marker,
#tt-body-page .text-item ul[data-ke-list-type='disc'] li::marker,
.text-item ul[data-ke-list-type='circle'] li::marker,
#tt-body-page .text-item ul[data-ke-list-type='circle'] li::marker {
    color: var(--point);
}

.text-item ol[data-ke-list-type='decimal'] li,
#tt-body-page .text-item ol[data-ke-list-type='decimal'] li {
    text-indent: -17px;
    padding-left: 17px;
}

.text-item pre code {
    font-size: .9em;
}

.text-item iframe,
.text-item embed,
.text-item table {
    width: 100%;
    max-width: 100% !important;
    min-width: auto !important;
}

.text-item table .imageblock {
    width: 100% !important;
}

.text-item table[border^='1'],
.text-item table[border^='1'] tr,
.text-item table[border^='1'] td,
.text-item table.txc-table,
.text-item .txc-table tr,
.text-item .txc-table td {
    border: 1px solid;
    border-color: var(--point);
    border-spacing: 0;
    vertical-align: middle;
}

.text-item p a:only-child:not(.imgblock):not([href*="foot"]),
.text-item span a:only-child:not(.imgblock):not([href*="foot"]),
.text-item p .tx-link:only-child:not(.imgblock):not([href*="foot"]),
.text-item blockquote a:only-child:not(.imgblock):not([href*="foot"]),
.lst .text a:only-child,
.text-item .btn_more,
.text-item .btn_less,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless,
body .tags .title,
#opencmt a,
body .container_postbtn .postbtn_like button,
body .container_postbtn .postbtn_like + .btn_menu_toolbar {
    line-height: 1;
    padding: 0 10px;
}

.text-item .contents_style p a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style span a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style p .tx-link:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style blockquote a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style blockquote br + a:not(:only-child),
.lst .text a:only-child,
.text-item .btn_more,
.text-item .btn_less,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless,
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='style3'],
.text-item .moreless_content .more-txt,
.text-item .moreless-content,
div[data-ke-type='moreLess'] .moreless-content,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content,
figure[data-ke-type='opengraph'] div.og-text,
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='style3'],
body .tags .title,
#opencmt a,
body .container_postbtn .postbtn_like button,
body .container_postbtn .postbtn_like + .btn_menu_toolbar,
.write textarea,
.write button,
.write .inputbox input,
.write input[name="secret"]:after,
figure.fileblock .image,
#tt-body-page figure.fileblock .image,
figure.fileblock .desc,
#tt-body-page figure.fileblock .desc,
#tagcloud ul a,
.prev-next > div > a > *,
body .container_postbtn .btn_menu_toolbar {
    background-color: var(--point);
    color: var(--point3);
    border-radius: 5px;
    overflow: hidden;
    padding: 0 10px;
    margin-top: 10px;
}

figure[data-ke-type='opengraph'],
#tt-body-page figure[data-ke-type='opengraph'],
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='style3'],
.text-item div[data-ke-type='moreLess'],
.text-item .moreless_content .more-txt,
.text-item .moreless-content,
div[data-ke-type='moreLess'] .moreless-content,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content,
.text-item table,
.text-item ul[data-ke-list-type='disc'],
.text-item ul[data-ke-list-type='circle'],
.text-item ol[data-ke-list-type='decimal'],
figure.imageslideblock,
#tt-body-page figure.imageslideblock,
figure.imagegridblock,
#tt-body-page figure.imagegridblock,
.text-item figure[data-ke-type='video'],
figure.imageblock,
#tt-body-page figure.imageblock {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 아이프레임 */
.framebox {
    position: relative;
    height: 0;
    margin: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    z-index: 9;
}

.framebox.ver {
    padding-bottom: 177.77%;
}

.framebox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

/* 각주 */
.footnote a,
.footnotes a {
    color: var(--point) !important;
}

.footnote a {
    font-family: 'Calibri' !important;
    font-size: .8em;
    vertical-align: top;
}

.footnote a:before {
    content: '(' !important;
    display: inline-block !important;
    border: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    transition: none !important;
}

.footnote a:after {
    content: ')'
}

.footnote a:hover,
.footnotes a:hover {
    color: var(--text) !important;
}

/* 링크 */
.text-item .contents_style p a:not(:only-child),
.text-item .contents_style span a:not(:only-child),
.text-item .contents_style .tx-link:not(:only-child),
.text-item .contents_style blockquote a:not(:only-child) {
    color: var(--point);
    transition: .4s;
}

.text-item .contents_style p a:not(:only-child):hover,
.text-item .contents_style span a:not(:only-child):hover,
.text-item .contents_style .tx-link:not(:only-child):hover,
.text-item .contents_style blockquote a:not(:only-child):hover,
.text-item .contents_style blockquote a:hover {
    color: var(--text);
}

.text-item .contents_style p a:not(:only-child):after,
.text-item .contents_style span a:not(:only-child):after,
.text-item .contents_style .tx-link:not(:only-child):after,
.text-item .contents_style blockquote a:not(:only-child):after,
.text-item .contents_style .contents_style li a:after {
    content: '\f08e';
    font-family: 'fontAwesome';
    font-size: .8em;
    margin-left: 5px;
    line-height: 1;
}

.text-item .contents_style p a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style span a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style p .tx-link:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style blockquote a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .contents_style blockquote br + a:not(:only-child) {
    position: relative;
    width: auto;
    border: 0;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    transition: .4s;
    min-height: 30px;
}

.text-item .contents_style p a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item .contents_style span a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item .contents_style p .tx-link:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item .contents_style blockquote a:only-child:not(.imgblock):not([href*="foot"]):hover {
    color: var(--point2);
}

.text-item .contents_style p a:only-child:before,
.text-item .contents_style span a:only-child:before,
.text-item .contents_style p .tx-link:only-child:before,
.text-item .contents_style blockquote a:only-child:before,
.text-item .contents_style blockquote br + a:not(:only-child):before,
.lst .text a:only-child:before {
    content: '\f08e';
    font-family: 'fontAwesome';
    margin-right: 6px;
    font-size: .8em;
    line-height: 1;
}

.text-item .contents_style li a {
    color: var(--point);
}

.text-item blockquote br + a:not(:only-child):after {
    display: none;
}

.figure.fileblock a,
#tt-body-page figure.fileblock a:before,
.text-item .tx-link.imgblock:before,
.text-item .footnote a:before,
.text-item .footnotes a:before,
.text-item .another_category a:before {
    display: none;
}

.text-item a .imageblock img,
#tt-body-page .text-item figure.imageblock a img,
.text-item figure.imageblock a img {
    transition: .4s;
}

.text-item a .imageblock img:hover,
#tt-body-page .text-item figure.imageblock a:hover img,
.text-item figure.imageblock a:hover img {
    opacity: 0.5;
}

figure[data-ke-type='opengraph'],
#tt-body-page figure[data-ke-type='opengraph'] {
    position: relative;
    z-index: 1;
}

figure[data-ke-type='opengraph'] div.og-image {
    flex: 0 0 30vw;
    max-width: 100px;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    border: 1px solid;
    border-color: var(--point);
}

figure[data-ke-type='opengraph'] div.og-image[style*='http']:before {
    display: none;
}

figure[data-ke-type='opengraph'] div.og-image:not([style*='http']) {
    border: 1px solid;
    border-color: var(--point);
}

figure[data-ke-type='opengraph'] a,
#tt-body-page figure[data-ke-type='opengraph'] a {
    overflow: hidden;
    height: 100px;
    border: 0;
    border-radius: 5px;
    display: flex;
}

figure[data-ke-type='opengraph'] a::before,
#tt-body-page figure[data-ke-type='opengraph'] a::before {}

figure[data-ke-type='opengraph'] div.og-text {
    left: auto !important;
    margin-left: 10px;
    white-space: nowrap;
    padding: 0 10px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    position: static;
    margin-top: 0;
}

figure[data-ke-type='opengraph'] div.og-text p.og-title,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-title {
    font-weight: bold;
    font-size: inherit;
    color: var(--point3);
    margin-bottom: 0 !important;
    transition: .4s;
    font-family: var(--fontK);
    max-width: 100%;
}

figure[data-ke-type='opengraph'] div.og-text p.og-desc,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc {
    color: var(--point3);
    font-size: .9em;
    font-family: var(--fontK);
}

figure[data-ke-type='opengraph'] div.og-text p.og-desc:empty,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-desc:empty {
    display: none;
}

figure[data-ke-type='opengraph'] div.og-text p.og-host,
#tt-body-page figure[data-ke-type='opengraph'] div.og-text p.og-host {
    color: var(--point2);
    margin-bottom: 0 !important;
    font-family: inherit;
    position: static;
    font-size: .8em;
    transition: .4s;
}

figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
#tt-body-page figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host {
    color: var(--point3);
}

/* 이미지, 동영상 설명글 */
.text-item figure figcaption,
.text-item figure[data-ke-type='video'] figcaption,
.text-item .imageblock > span:nth-child(2) {
    font-size: .8rem;
    color: var(--point);
}

.text-item figure figcaption:empty,
.text-item figure[data-ke-type='video'] figcaption:empty,
.text-item .imageblock > span:nth-child(2):empty {
    display: none;
}

.text-item .imageblock,
.text-item .imageblock .cap1,
.text-item .imageblock > span:nth-child(2) {
    width: auto !important;
}

.text-item .imageblock img {
    height: auto;
}

/* 인용구 */
.text-item blockquote,
.text-item blockquote p {
    font-style: italic;
    font-size: inherit;
    line-height: inherit;
}

.tx-quote-tistory:before,
blockquote[data-ke-style='style1']:before,
#tt-body-page blockquote[data-ke-style='style1']:before {
    content: '\e67f';
    font-family: 'themify';
    position: absolute;
    left: 0;
    top: 0;
}

.tx-quote-tistory:after,
blockquote[data-ke-style='style1']:after,
#tt-body-page blockquote[data-ke-style='style1']:after {
    content: '\e67e';
    font-family: 'themify';
    position: absolute;
    right: 0;
    bottom: 0;
}

.tx-quote-tistory,
blockquote[data-ke-style='style1'],
#tt-body-page blockquote[data-ke-style='style1'] {
    position: relative;
    height: auto;
    margin: 5%;
    padding: 1em 2em;
    font-style: italic;
    font-size: inherit;
    line-height: inherit;
    background: none;
    color: inherit;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* 인용구2 */
blockquote[data-ke-style='style2'],
#tt-body-page blockquote[data-ke-style='style2'] {
    position: relative;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    border-left: 5px solid;
    border-color: var(--point);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    padding: 15px;
}

blockquote[data-ke-style='style2']:after,
#tt-body-page blockquote[data-ke-style='style2']:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--point);
    z-index: -1;
    opacity: .5;
}

/* 인용구3 */
blockquote[data-ke-style='style3'],
#tt-body-page blockquote[data-ke-style='style3'] {
    padding: 15px;
    border: 0;
    color: var(--point3);
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* 더보기 */
.text-item .btn_less::before {
    display: none;
}

.text-item .btn_more::before {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    vertical-align: inherit;
}

.text-item .btn_more,
.text-item .btn_less,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless {
    font-size: inherit;
    font-family: inherit;
    height: auto;
    transition: .4s;
    margin: 0;
    width: auto;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text-item .btn_more {
    margin-bottom: 10px;
}

#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless,
div[data-ke-type='moreLess'] .btn-toggle-moreless {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.text-item .btn_more:hover,
.text-item .btn_less:hover,
#tt-body-page div[data-ke-type='moreLess'] .btn-toggle-moreless:hover,
div[data-ke-type='moreLess'] .btn-toggle-moreless:hover,
.text-item .btn_less:first-child,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless {
    color: var(--point2);
}

.text-item .btn_more:before,
.text-item .btn_less:first-child span:before,
.text-item .btn-toggle-moreless:before {
    content: '\f07b';
    font-family: 'fontAwesome';
    margin-right: 5px;
    font-size: .85em;
    font-weight: normal;
}

.text-item .btn_less:first-child span:before,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:before,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless:before {
    content: '\f07c';
}

.text-item .btn_less:hover:first-child,
#tt-body-page div[data-ke-type='moreLess'].open .btn-toggle-moreless:hover,
.text-item div[data-ke-type="moreLess"].open .btn-toggle-moreless:hover {
    color: var(--text);
    background-color: var(--point);
}

.txt_view {
    display: none;
}

.text-item .moreless_content .more-txt,
.text-item .moreless-content,
div[data-ke-type='moreLess'] .moreless-content,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content {
    position: relative;
    padding: 15px;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

blockquote[data-ke-style='style3'] *:nth-last-child(2),
#tt-body-page blockquote[data-ke-style='style3'] *:nth-last-child(2),
div[data-ke-type='moreLess'].open .moreless-content *:nth-last-child(2),
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content *:nth-last-child(2),
blockquote[data-ke-style='style3'] > p:last-child a,
#tt-body-page blockquote[data-ke-style='style3'] *:nth-last-child(2) > p:last-child a,
div[data-ke-type='moreLess'].open .moreless-content > p:last-child a,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content > p:last-child a,
div[data-ke-type='moreLess'].open .moreless-content > p:nth-last-child(2) a,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content > p:nth-last-child(2) a,
#tt-body-page blockquote[data-ke-style='style3'] a:not(:only-child):last-child {
    margin-bottom: 0 !important;
}

.text-item .moreless_content .more-txt .imageblock > span:nth-child(2),
div[data-ke-type='moreLess'].open .moreless-content figure figcaption,
div[data-ke-type='moreLess'].open .moreless-content figure[data-ke-type='video'] figcaption,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content figure figcaption,
#tt-body-page div[data-ke-type='moreLess'].open .moreless-content figure[data-ke-type='video'] figcaption {
    color: var(--point2)
}

.text-item .btn_less:last-child {
    position: absolute;
    right: 0;
    bottom: 0;
    color: var(--point2);
    font-size: .8em;
    transition: color .4s;
    background-color: transparent;
    z-index: 1;
}

.text-item .btn_less:last-child:after {
    content: '\f00d';
    font-family: 'fontAwesome';
    font-weight: normal;
}

.text-item .btn_less:last-child:hover {
    color: var(--text);
}

.text-item .btn_less:last-child span {
    font-size: 0;
}

.text-item .moreless_content {
    position: relative;
}

.text-item .moreless_content .btn_less:last-child:after {
    margin-left: 5px;
}

/* 인용구, 더보기 일괄 */
blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-image,
#tt-body-page blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-image,
.text-item .moreless_content .more-txt figure[data-ke-type='opengraph'] div.og-image,
.text-item .moreless-content figure[data-ke-type='opengraph'] div.og-image,
div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-image,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-image,
blockquote[data-ke-style='style3'] table,
#tt-body-page blockquote[data-ke-style='style3'] table,
.text-item .moreless_content .more-txt table,
.text-item .moreless-content table,
div[data-ke-type='moreLess'] .moreless-content table,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content table,
blockquote[data-ke-style='style3'] table[border^='1'] td,
#tt-body-page blockquote[data-ke-style='style3'] table[border^='1'] td,
.text-item .moreless_content .more-txt tab table[border^='1'] tdle,
.text-item .moreless-content table[border^='1'] td,
div[data-ke-type='moreLess'] .moreless-content table[border^='1'] td,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content table[border^='1'] td {
    border-color: var(--point3);
}

blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text,
#tt-body-page blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text,
.text-item .moreless_content .more-txt figure[data-ke-type='opengraph'] div.og-text,
.text-item .moreless-content figure[data-ke-type='opengraph'] div.og-text,
div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text {
    background-color: var(--point3);
}

blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text p.og-title,
#tt-body-page blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text p.og-title,
.text-item .moreless_content .more-txt figure[data-ke-type='opengraph'] div.og-text p.og-title,
.text-item .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-title,
div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-title,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-title,
blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text p.og-desc,
#tt-body-page blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] div.og-text p.og-desc,
.text-item .moreless_content .more-txt figure[data-ke-type='opengraph'] div.og-text p.og-desc,
.text-item .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-desc,
div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-desc,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] div.og-text p.og-desc,
.text-item .moreless-content figure.fileblock .filename,
div[data-ke-type='moreLess'] .moreless-content figure.fileblock .filename,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure.fileblock .filename,
blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
#tt-body-page blockquote[data-ke-style='style3'] figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
.text-item .moreless_content .more-txt figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
.text-item .moreless-content figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure[data-ke-type='opengraph'] a:hover div.og-text p.og-host,
blockquote[data-ke-style='style3'] figure.fileblock:hover .size,
#tt-body-page blockquote[data-ke-style='style3'] figure.fileblock:hover .size,
.text-item .moreless_content .more-txt figure.fileblock:hover .size,
.text-item .moreless-content figure.fileblock:hover .size,
div[data-ke-type='moreLess'] .moreless-content figure.fileblock:hover .size,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure.fileblock:hover .size {
    color: var(--point);
}

blockquote[data-ke-style='style3'] hr[data-ke-style='style6'],
#tt-body-page blockquote[data-ke-style='style3'] hr[data-ke-style='style6'],
.text-item .moreless_content .more-txt hr[data-ke-style='style6'],
.text-item .moreless-content hr[data-ke-style='style6'],
div[data-ke-type='moreLess'] .moreless-content hr[data-ke-style='style6'],
#tt-body-page div[data-ke-type='moreLess'] .moreless-content hr[data-ke-style='style6'] {
    border-color: var(--point3) !important;
}

blockquote[data-ke-style='style3'] figure.fileblock .image,
#tt-body-page blockquote[data-ke-style='style3'] figure.fileblock .image,
.text-item .moreless_content .more-txt figure.fileblock .image,
.text-item .moreless-content figure.fileblock .image,
div[data-ke-type='moreLess'] .moreless-content figure.fileblock .image,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure.fileblock .image,
blockquote[data-ke-style='style3'] figure.fileblock .desc,
#tt-body-page blockquote[data-ke-style='style3'] figure.fileblock .desc,
.text-item .moreless_content .more-txt figure.fileblock .desc,
.text-item .moreless-content figure.fileblock .desc,
div[data-ke-type='moreLess'] .moreless-content figure.fileblock .desc,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content figure.fileblock .desc {
    background-color: var(--point3);
}

.text-item .moreless-content li a:hover,
div[data-ke-type='moreLess'] .moreless-content li a:hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content li a:hover {
    color: var(--point3) !important;
}

blockquote[data-ke-style='style3'] figure.fileblock .filename,
#tt-body-page blockquote[data-ke-style='style3'] figure.fileblock .filename,
.text-item .moreless_content .more-txt figure.fileblock .filename,
blockquote[data-ke-style='style3'] p a:not(:only-child),
#tt-body-page blockquote[data-ke-style='style3'] p a:not(:only-child),
.text-item .moreless_content .more-txt p a:not(:only-child),
.text-item .moreless-content p a:not(:only-child),
div[data-ke-type='moreLess'] .moreless-content p a:not(:only-child),
#tt-body-page div[data-ke-type='moreLess'] .moreless-content p a:not(:only-child),
blockquote[data-ke-style='style3'] span a:not(:only-child),
#tt-body-page blockquote[data-ke-style='style3'] span a:not(:only-child),
.text-item .moreless_content .more-txt span a:not(:only-child),
.text-item .moreless-content span a:not(:only-child),
div[data-ke-type='moreLess'] .moreless-content span a:not(:only-child),
#tt-body-page div[data-ke-type='moreLess'] .moreless-content span a:not(:only-child),
blockquote[data-ke-style='style3'] .tx-link:not(:only-child),
#tt-body-page blockquote[data-ke-style='style3'] .tx-link:not(:only-child),
.text-item .moreless_content .more-txt span .tx-link:not(:only-child),
.text-item .moreless-content span .tx-link:not(:only-child),
div[data-ke-type='moreLess'] .moreless-content .tx-link:not(:only-child),
#tt-body-page div[data-ke-type='moreLess'] .moreless-content .tx-link:not(:only-child),
blockquote[data-ke-style='style3'] a:not(:only-child),
#tt-body-page blockquote[data-ke-style='style3'] a:not(:only-child),
.text-item .moreless_content .more-txt span a:not(:only-child),
.text-item .moreless-content span a:not(:only-child),
div[data-ke-type='moreLess'] .moreless-content a:not(:only-child),
#tt-body-page div[data-ke-type='moreLess'] .moreless-content a:not(:only-child),
blockquote[data-ke-style='style3'] li a,
#tt-body-page blockquote[data-ke-style='style3'] li a,
.text-item .moreless_content .more-txt li a,
.text-item .moreless-content li a,
div[data-ke-type='moreLess'] .moreless-content li a,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content li a,
blockquote[data-ke-style='style3'] p a:not(:only-child):hover,
#tt-body-page blockquote[data-ke-style='style3'] p a:not(:only-child):hover,
.text-item .moreless_content .more-txt p a:not(:only-child):hover,
.text-item .moreless-content p a:not(:only-child):hover,
div[data-ke-type='moreLess'] .moreless-content p a:not(:only-child):hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content p a:not(:only-child):hover,
blockquote[data-ke-style='style3'] span a:not(:only-child):hover,
#tt-body-page blockquote[data-ke-style='style3'] span a:not(:only-child):hover,
.text-item .moreless_content .more-txt span a:not(:only-child):hover,
.text-item .moreless-content span a:not(:only-child):hover,
div[data-ke-type='moreLess'] .moreless-content span a:not(:only-child):hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content span a:not(:only-child):hover,
blockquote[data-ke-style='style3'] .tx-link:not(:only-child):hover,
#tt-body-page blockquote[data-ke-style='style3'] .tx-link:not(:only-child),
.text-item .moreless_content .more-txt span .tx-link:not(:only-child),
.text-item .moreless-content span .tx-link:not(:only-child):hover,
div[data-ke-type='moreLess'] .moreless-content .tx-link:not(:only-child):hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content .tx-link:not(:only-child):hover,
blockquote[data-ke-style='style3'] a:not(:only-child):hover,
#tt-body-page blockquote[data-ke-style='style3'] a:not(:only-child):hover,
.text-item .moreless_content .more-txt span a:not(:only-child):hover,
.text-item .moreless-content span a:not(:only-child):hover,
div[data-ke-type='moreLess'] .moreless-content a:not(:only-child):hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content a:not(:only-child):hover {
    color: var(--point2);
}

blockquote[data-ke-style='style3'] hr[data-ke-style='style4'],
#tt-body-page blockquote[data-ke-style='style3'] hr[data-ke-style='style4'],
.text-item .moreless_content .more-txt hr[data-ke-style='style4'],
.text-item .moreless-content hr[data-ke-style='style4'],
div[data-ke-type='moreLess'] .moreless-content hr[data-ke-style='style4'],
#tt-body-page div[data-ke-type='moreLess'] .moreless-content hr[data-ke-style='style4'] {
    background-color: var(--point3);
}

blockquote[data-ke-style='style3'] ul[data-ke-list-type='disc'] li::marker,
#tt-body-page blockquote[data-ke-style='style3'] ul[data-ke-list-type='disc'] li::marker,
.text-item .moreless_content .more-txt ul[data-ke-list-type='disc'] li::marker,
.text-item .moreless-content ul[data-ke-list-type='disc'] li::marker,
div[data-ke-type='moreLess'] .moreless-content ul[data-ke-list-type='disc'] li::marker,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content ul[data-ke-list-type='disc'] li::marker,
blockquote[data-ke-style='style3'] ul[data-ke-list-type='circle'] li::marker,
#tt-body-page blockquote[data-ke-style='style3'] ul[data-ke-list-type='circle'] li::marker,
.text-item .moreless_content .more-txt ul[data-ke-list-type='circle'] li::marker,
.text-item .moreless-content ul[data-ke-list-type='circle'] li::marker,
div[data-ke-type='moreLess'] .moreless-content ul[data-ke-list-type='circle'] li::marker,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content ul[data-ke-list-type='circle'] li::marker {
    color: var(--point2);
}

.text-item blockquote[data-ke-style='style3'] p a:only-child:not(.imgblock):not([href*="foot"]),
.text-item blockquote[data-ke-style='style3'] span a:only-child:not(.imgblock):not([href*="foot"]),
.text-item blockquote[data-ke-style='style3'] p .tx-link:only-child:not(.imgblock):not([href*="foot"]),
.text-item blockquote[data-ke-style='style3'] a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .moreless_content .more-txt a:only-child:not(.imgblock):not([href*="foot"]),
.text-item .moreless-content p a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]),
div[data-ke-type='moreLess'] .moreless-content p a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]),
#tt-body-page div[data-ke-type='moreLess'] .moreless-content p a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]),
blockquote[data-ke-style='style3'] a:not(:only-child):last-child,
#tt-body-page blockquote[data-ke-style='style3'] a:not(:only-child):last-child {
    background-color: var(--point3);
    color: var(--point);
}

.text-item blockquote[data-ke-style='style3'] p a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item blockquote[data-ke-style='style3'] span a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item blockquote[data-ke-style='style3'] p .tx-link:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item blockquote[data-ke-style='style3'] a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item .moreless_content .more-txt a:only-child:not(.imgblock):not([href*="foot"]):hover,
.text-item .moreless-content a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]):hover,
div[data-ke-type='moreLess'] .moreless-content a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]):hover,
#tt-body-page div[data-ke-type='moreLess'] .moreless-content a:only-child:not(.imgblock):not([href*="foot"]):not([data-source-url]):hover,
blockquote[data-ke-style='style3'] a:not(:only-child):last-child:hover,
#tt-body-page blockquote[data-ke-style='style3'] a:not(:only-child):last-child:hover {
    color: var(--point2);
}

/* 이미지 슬라이드 */
figure.imageslideblock div.image-container {
    width: auto !important;
    max-width: 100%;
    max-height: none;
    min-width: auto;
    min-height: auto;
}

/* 파일 첨부 */
figure.fileblock,
#tt-body-page figure.fileblock {
    border: 0;
    z-index: 1;
    margin: 10px auto;
    max-width: 100%;
}

figure.fileblock,
#tt-body-page figure.fileblock a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

figure.fileblock .image,
#tt-body-page figure.fileblock .image {
    margin: 0;
    background-image: none;
    width: 70px;
    height: 100%;
    font-size: 1.5em;
}

figure.fileblock .image:before,
#tt-body-page figure.fileblock .image:before {
    content: '\f063 ';
    font-family: 'fontAwesome';
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
}

figure.fileblock .desc,
#tt-body-page figure.fileblock .desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 0;
    margin-left: 10px;
    margin-top: 0;
}

figure.fileblock .filename,
#tt-body-page figure.fileblock .filename {
    transition: .4s;
    color: inherit;
    font-size: inherit;
    margin: 0;
}

figure.fileblock .name,
#tt-body-page figure.fileblock .name {
    height: auto;
    font-weight: bold;
    max-width: inherit;
}

figure.fileblock:hover .filename,
#tt-body-page figure.fileblock:hover .filename {
    color: var(--text);
}

figure.fileblock .size,
#tt-body-page figure.fileblock .size {
    font-size: .8em;
    font-family: inherit;
    color: var(--point2);
    height: inherit;
    transition: .4s;
}

figure.fileblock:hover .size,
#tt-body-page figure.fileblock:hover .size {
    color: var(--point3);
}

.text-item .imageblock > a > img {
    display: none;
}

.text-item .imageblock > a:not(.imgblock):after {
    content: '\f0c7';
    font-family: 'fontAwesome';
    margin-left: 5px;
}

figure.fileblock a::after,
#tt-body-page figure.fileblock a::after {
    display: none;
}

/****************
    공감 버튼
****************/
body .tags + .container_postbtn {
    margin-top: 0;
}

body .container_postbtn > *:not(.postbtn_like),
body .container_postbtn .postbtn_like > * {
    margin-top: 10px !important;
}

body .tags .title,
#opencmt a,
body .container_postbtn .postbtn_like > div,
body .container_postbtn .postbtn_like + .btn_menu_toolbar,
body .container_postbtn .btn_menu_toolbar {
    font-size: .8em;
    margin: 0;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    white-space: nowrap;
    width: auto;
    height: 30px;
    color: var(--point3);
}

body .tags .title,
#opencmt a,
body .container_postbtn .postbtn_like button,
body .container_postbtn .postbtn_like + .btn_menu_toolbar {
    padding: 0 10px !important;
    min-height: 100%;
    transition: .4s;
    text-decoration: none;
    margin-top: 0;
}

body .tags .title:hover,
#opencmt a:hover,
body .container_postbtn .postbtn_like > div:hover,
body .container_postbtn .btn_menu_toolbar:hover .txt_state {
    color: var(--point2);
}

body .container_postbtn {
    margin-top: var(--gutter2);
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

body .container_postbtn .postbtn_like {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 1rem !important;
    display: flex;
    flex-wrap: wrap;
}

body .container_postbtn .postbtn_like + .btn_menu_toolbar {
    min-width: auto;
}

body .container_postbtn .btn_post {
    padding: 0;
}

body .container_postbtn .btn_post .ico_postbtn {
    background: none !important;
    width: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

body .container_postbtn .btn_post .txt_like,
body .container_postbtn .btn_post .ico_share,
body .container_postbtn .btn_menu_toolbar .txt_state,
body .container_postbtn .btn_post .ico_etc,
body .container_postbtn .btn_post .ico_statistics {
    font-family: var(--fontK) !important;
    text-indent: inherit !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    font-size: .8rem !important;
    font-weight: bold;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tags i,
#opencmt i,
body .container_postbtn .btn_post .txt_like:before,
body .container_postbtn .btn_post .ico_share:before,
body .container_postbtn .btn_post .ico_statistics:before,
body .container_postbtn .btn_menu_toolbar .txt_state:before,
body .container_postbtn .btn_post .ico_etc:before {
    margin-right: 6px;
    font-family: 'fontAwesome';
    vertical-align: middle;
    line-height: 1;
}

body .container_postbtn .btn_post .txt_like:before {
    content: '\f004';
}

body .container_postbtn .btn_post .like_on .txt_like:before {
    content: '\f21e'
}

body .container_postbtn .btn_post .ico_share,
body .container_postbtn .btn_post .ico_etc,
body .container_postbtn .btn_post .ico_statistics,
body .container_postbtn .btn_menu_toolbar .txt_state {
    width: auto !important;
    overflow: inherit;
    max-width: inherit;
    font-size: 0 !important;
}

body .container_postbtn .btn_post .ico_share:before,
body .container_postbtn .btn_post .ico_statistics:before,
body .container_postbtn .btn_post .ico_etc:before,
body .container_postbtn .btn_post .ico_share:after,
body .container_postbtn .btn_post .ico_statistics:before,
body .container_postbtn .btn_post .ico_statistics:after,
body .container_postbtn .btn_post .ico_etc:after,
body .container_postbtn .btn_menu_toolbar .txt_state:before,
body .container_postbtn .btn_menu_toolbar .txt_state:after {
    font-size: .8rem;
    vertical-align: middle;
}

body .container_postbtn .btn_post .ico_share:before {
    content: '\f1e0';
}

body .container_postbtn .btn_post .ico_share:after {
    content: '공유';
}

body .container_postbtn .btn_post .ico_statistics:before {
    content: '\f080';
    margin: 0;
}

body .container_postbtn .btn_post .ico_etc:before {
    content: '\f141';
    margin: 0;
}

body .container_postbtn .btn_menu_toolbar .txt_state:before {
    content: '\f234';
}

body .container_postbtn .btn_menu_toolbar .txt_state:after {
    content: '구독'
}

body .container_postbtn .btn_menu_toolbar.following .txt_state:before {
    content: '\f2b9';
}

body .container_postbtn .btn_menu_toolbar.following .txt_state:after {
    content: '구독중';
}

body .container_postbtn .btn_menu_toolbar {
    margin-left: 6px;
    line-height: 1;
    border: 0 !important;
    width: auto !important;
}

body .container_postbtn .btn_menu_toolbar .txt_state {
    transition: color .4s;
}

body .container_postbtn .postbtn_ccl {
    padding: 0;
    margin-left: auto;
}

body .container_postbtn .postbtn_ccl .bundle_ccl {
    display: flex;
    align-items: center;
    justify-content: center;
}

body .container_postbtn .postbtn_ccl .bundle_ccl .ico_postbtn {
    margin-left: 0;
}

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

/****************
    sns 공유
****************/
body .tt-share-entry-with-sns {
    padding: 0 !important;
}

body .tt-share-entry-with-sns .tt-sns-wrap {
    width: auto !important
}

body .tt-share-entry-with-sns ul.tt-sns-service-default {
    background-image: none !important;
    background: none !important;
    width: auto;
}

body .tt-share-entry-with-sns .tt-sns-service-default li {
    width: auto !important;
}

body .tt-share-entry-with-sns .tt-sns-service-default li:not(:last-child) {
    margin-right: 6px !important;
}

body .tt-share-entry-with-sns .tt-sns-service-default a {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: inherit;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 10px;
    text-indent: inherit !important;
    font-size: .8em;
    font-weight: bold;
    line-height: 1;
}

body .tt-share-entry-with-sns.tt-sns-icon-size-small .tt-sns-service-default a {
    font-size: 0;
}

body .tt-share-entry-with-sns.tt-sns-icon-size-small .tt-sns-service-default a:before {
    font-size: .8rem;
    margin-right: 0;
}

body .tt-share-entry-with-sns .tt-sns-service-default a:before {
    margin-right: 6px;
    font-family: 'FontAwesome';
}

body .tt-share-entry-with-sns .tt-sns-service-kakaostory a {
    background-color: #F5CB00 !important;
}

body .tt-share-entry-with-sns .tt-sns-service-kakaostory:hover a {
    color: var(--point2);
}

body .tt-share-entry-with-sns .tt-sns-service-kakaostory a:before {
    content: '\f27b';
}

body .tt-share-entry-with-sns .tt-sns-service-twitter a {
    background-color: #2DAFF5 !important;
    color: var(--point2);
}

body .tt-share-entry-with-sns .tt-sns-service-twitter a:before {
    content: '\f099';
}

body .tt-share-entry-with-sns .tt-sns-service-twitter:hover a,
body .tt-share-entry-with-sns .tt-sns-service-facebook:hover a {
    color: var(--point);
}

body .tt-share-entry-with-sns .tt-sns-service-facebook a {
    background-color: #4667AA !important;
    color: var(--point2);
}

body .tt-share-entry-with-sns .tt-sns-service-facebook a:before {
    content: '\f082';
}

/****************
    본문 하단 태그
****************/
.tags {
    margin-top: var(--gutter2);
    cursor: default;
    display: flex;
    align-items: center;
}

.tags .title {
    margin-right: 15px;
    display: none !important;
}

.tags .tag {
    color: transparent !important;
    font-size: .8em;
}

.tags a {
    white-space: nowrap;
    transition: .4s;
    margin-right: 10px;
    margin-bottom: 3px;
    color: var(--point);
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.tags a:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background-color: var(--point);
    margin-right: 3px;
    transition: .4s;
}

.tags a:hover {
    color: var(--text);
}

.tags a:hover:before {
    background-color: var(--text);
}

/*******************
    이전/다음글
**********************/
.prev-next {
    margin-top: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.prev-next > div {
    max-width: calc(50% - 5px);
    width: 100%;
}

.prev-next > div > a {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.prev-next > div > a > * {
    padding: 10px;
    background-color: var(--point);
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

.prev-next a i {
    flex: 0 0 35px;
    width: 35px;
    text-align: center;
}

.prev-next a:hover {
    color: var(--point2);
}

.prev-next .prev i {
    margin-right: 10px;
}

.prev-next .next {
    text-align: right;
}

.prev-next .next i {
    margin-left: 10px;
}

.prev-next > div > a > div {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*******************
    카테고리 글 더보기
**********************/
#morebox.more_off {
    display: none;
}

#morebox,
#morebox:not(.more_off) + #rp .cmt {
    overflow: hidden;
    margin-top: var(--gutter2) !important;
}

#morebox.myo_gal ol {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

#morebox.myo_gal .item {
    margin-bottom: 0;
    width: 100%;
}

#morebox.myo_gal .item a {
    height: 100%;
}

#morebox.myo_gal .item a,
#morebox.myo_gal .item .info {
    display: flex;
    flex-direction: column;
}

#morebox.myo_gal .item .info,
#morebox.myo_gal .item .title {
    flex-grow: 1;
}

#morebox.myo_gal .item .title {
    flex-grow: 1;
}

#morebox.myo_gal .item .date {
    display: inherit;
    margin-top: 5px;
    font-size: .8em;
    color: var(--point);
}

#morebox.myo_bbs ol {
    border: 1px solid;
    border-color: var(--point);
    padding: 10px;
    font-size: .9em;
}

#morebox.myo_bbs .item:not(:last-child) {
    margin-bottom: 10px;
}

#morebox.myo_bbs .title {
    padding: 0;
}

#morebox.myo_bbs .date {
    display: block !important;
    color: var(--point);
    font-size: .8em;
    white-space: nowrap;
    margin-left: 15px;
}

#morebox ol:after {
    display: none;
}

/****************
    댓글 펼침
****************/
#opencmt {
    margin-top: 25px;
}

#opencmt .cnt:empty:after {
    content: '댓글';
}

#article.cmtopen #opencmt,
#article:not(.cmtopen) #rp > div {
    display: none;
}

/****************
    댓글, 방명록
****************/
#article.cmtopen > div {
    display: block;
}

#rp .cmt {
    margin-top: 10px !important;
}

/* 댓글, 방명록 작성 */
.write textarea {
    padding: 10px;
    height: 100px;
    min-height: 100px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    display: block;
    vertical-align: top;
    transition: height .4s;
}

#tt-body-guestbook .write textarea {
    height: 15vh;
    min-height: 100px;
}

.write textarea:active,
.write textarea:focus {
    height: 150px;
}

.write .textarea {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.write textarea::-webkit-resizer {
    opacity: 0;
}

.write .textarea:before,
.write .textarea:after {
    content: "";
    z-index: 9;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

.write .textarea:before {
    border-width: 0 0 12px 12px;
    border-color: transparent transparent var(--point2) transparent;
}

.write .textarea:after {
    border-width: 0 0 10px 10px;
    border-color: transparent transparent var(--point) transparent;
}

.write button {
    padding: 5px;
    transition: .4s;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
}

.write button:hover {
    color: var(--point2);
}

.write .inputbox {
    display: flex;
    align-items: center;
    width: 100%;
}

.write button,
.write .inputbox input,
.write .secret {
    font-size: .9em;
    height: 40px;
    margin-top: 10px;
}

.write .inputbox input,
.write .secret {
    overflow: hidden;
    padding: 5px;
    margin-right: 10px;
}

.write .inputbox input {
    max-width: 50%;
    width: 100%;
    text-align: center;
    font-family: 'fontAwesome', var(--fontK);
}

.write .inputbox input:-moz-placeholder {
    transition: color .4s;
}

.write .inputbox input:-ms-input-placeholder {
    transition: color .4s;
}

.write .inputbox input::placeholder {
    transition: color .4s;
}

.write .inputbox input:focus:-moz-placeholder {
    color: transparent;
    transition: color .4s;
}

.write .inputbox input:focus:-ms-input-placeholder {
    color: transparent;
    transition: color .4s;
}

.write .inputbox input:focus::placeholder {
    color: transparent;
    transition: color .4s;
}

.write .secret {
    position: relative;
    min-width: 40px;
    font-size: 1rem;
}

.write .inputbox input[name="secret"] {
    visibility: hidden;
}

.write input[name="secret"]:after {
    content: "\f13e";
    font-family: 'fontAwesome';
    transition: .4s;
    visibility: visible;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 0;
}

.write input[name="secret"]:checked:after {
    content: "\f023";
    color: var(--point2);
}

.small .write .inputbox {
    flex-wrap: wrap;
}

.small .write .inputbox input {
    width: calc((100% - 43px) / 2);
}

.small .write .inputbox input[type="password"] {
    margin: 0;
}

.small .write .inputbox button {
    width: 100%;
    margin-top: 10px;
}

/* 댓글, 방명록 목록 */
.small .lst .info .date {
    display: none;
}

#rp.order .lst {
    flex-direction: column-reverse;
}

.lst {
    display: flex;
    flex-direction: column;
}

.lst ul {
    display: flex;
    flex-direction: column;
}

.lst > ul {}

#rp.order .lst > ul:not(:first-child):after,
#rp:not(.order) .lst > ul:not(:last-child):after,
#tt-body-guestbook .lst > ul:not(:last-child):after {
    content: '';
    height: calc(var(--gutter2) / 2);
    width: 1px;
    background-color: var(--point);
    margin: calc(var(--gutter2) / 2) auto;
    transform: rotate(45deg);
}

.lst > ul > div {
    width: 100%;
}

#tt-body-guestbook .lst > ul:last-child,
#rp:not(.order) .lst > ul:last-child,
#rp.order .lst > ul:first-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#tt-body-guestbook .lst > ul:first-child,
#rp:not(.order) .lst > ul:first-child,
#rp.order .lst > ul:last-child {
    margin-top: 10px;
}

.lst li {
    max-width: 80%;
}

.lst .guest {
    display: flex;
    align-items: flex-start;
}

.lst .info {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
    display: flex;
}

.lst .info > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.lst .pro {
    position: relative;
    flex: 0 0 5vw;
    width: 5vw;
    height: 5vw;
    min-width: 45px;
    min-height: 45px;
    justify-content: flex-start;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    z-index: 1;
}

.lst .pro img {
    width: 100%;
    border: 1px solid;
    border-color: var(--point);
    border-radius: 5px;
}

.lst .pro img[src*="profile_default"] + div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--point);
    z-index: -1;
}

body:not(.profile) .lst .pro,
.lst .name img[alt="BlogIcon"],
.lst .pro img[src*="profile_default"] {
    display: none !important;
}

.lst .pro + div {
    border-radius: 5px;
    padding: 10px;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--point);
}

.lst .info .name {
    font-weight: bold;
    line-height: 1;
    vertical-align: middle;
}

.lst .info .name:before,
.lst .info .name a:before,
.lst .info .name a:after {
    font-family: 'fontAwesome';
    margin-right: 5px;
}

.lst .rp_secret .info .name:before,
.lst .guest_secret .info .name:before,
.lst .hiddenComment .info .name:before {
    content: '\f023';
}

.lst .rp_secret .info .name:empty:before,
.lst .guest_secret .info .name:empty:before,
.lst .hiddenComment .info .name:empty:before {
    margin: 0;
}

.lst li:not(.rp_admin):not(.guest_admin) .info .name a:after {
    content: '\f015';
    font-size: .8em;
    margin: 0 0 0 5px;
}

.lst .info .name .tistoryProfileLayerTrigger {
    background-image: none;
    width: auto;
    margin: 0;
    position: relative;
}

.lst .info .name .tistoryProfileLayerTrigger:after {
    content: '\f2bd';
    font-family: 'fontAwesome';
    font-size: .6em;
    color: inherit;
    transition: .4s;
    margin-left: 5px;
    display: flex;
}

.lst .info .date {
    font-size: .8em;
    opacity: 0;
    transition: .4s;
    margin-left: 10px;
    cursor: default;
}

.lst .pro + div > div:first-child:hover .date {
    opacity: 1;
}

.lst .info .date a {
    font-size: 0;
}

.lst .info .date a:after {
    font-size: .8rem;
    content: '\f05e';
    margin-left: 10px;
    font-family: 'fontAwesome';
}

.lst li:hover .cmt-btn {
    opacity: 1;
}

.lst .info .cmt-btn {
    opacity: 0;
    transition: .4s;
}

.lst .info .cmt-btn a {
    margin-left: 15px;
    font-size: .8em;
    cursor: pointer;
}

.lst .text {
    font-size: .85em;
}

.lst .text a {
    color: var(--point);
}

.lst .text a:hover {
    color: var(--text);
}

.lst .tt_more_preview_comments_wrap {
    cursor: default !important;
}

.lst .tt_more_preview_comments_text {
    background-color: var(--point);
    padding: 10px;
    border-radius: 20px;
    font-weight: bold;
    transition: .4s;
    cursor: pointer;
    color: var(--point3);
}

.lst .tt_more_preview_comments_text:hover {
    color: var(--point2);
}

/* 주인 */
.lst .rp_admin,
.lst .guest_admin {
    flex-direction: row-reverse;
    align-self: flex-end;
}

.lst .rp_admin a,
.lst .guest_admin a {
    color: var(--point3);
}

.lst .rp_admin a:hover,
.lst .guest_admin a:hover {
    color: var(--point2);
}

.lst .rp_admin .pro + div,
.lst .guest_admin .pro + div {
    background-color: var(--point);
    color: var(--point3);
}

.lst .rp_admin .name:empty:before,
.lst .guest_admin .name:empty:before,
.lst .rp_admin .info .name a:before,
.lst .guest_admin .info .name a:before {
    content: '\f005';
    margin: 0;
    font-size: .8em;
}

.lst .rp_admin .pro,
.lst .guest_admin .pro {
    margin: 0 0 0 10px;
}

.lst .rp_admin .pro img[src*="profile_default"] + div,
.lst .guest_admin .pro img[src*="profile_default"] + div {
    background-color: var(--point);
}

.lst .rp_admin .text a,
.lst .guest_admin .text a {
    color: var(--point2);
}

.lst .rp_admin .text a:hover,
.lst .guest_admin .text a:hover {
    color: var(--text);
}

/* 답글 */
.lst .reply .guest {
    margin-top: 10px;
}

/****************
    목록형 공지
****************/
.myo_bbs .item.noti .date {
    display: block;
    font-size: .8em;
    color: var(--point);
    white-space: nowrap;
}

/****************
    태그 클라우드
****************/
#tagcloud ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

#tagcloud li {
    margin-right: 5px;
    margin-bottom: 5px;
}

#tagcloud li a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid;
    border-color: var(--point);
    transition: .4s;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    padding: 7px 10px;
}

#tagcloud li:hover a {
    background-color: transparent;
}

/****************
    페이지네이션
****************/
.pagination {
    cursor: default;
    text-align: center;
    font-family: var(--fontN);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: var(--gutter2);
    max-width: calc(100% - 3em);
    margin-left: auto;
    margin-right: auto;
}

.pagination a,
.pagination a span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination a {
    margin: 0 3px;
    min-width: 25px;
    height: 25px;
    overflow: hidden;
}

.pagination a span {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: border-color .4s;
    border: 1px solid;
    border-color: transparent;
}

.pagination a[href]:hover span {
    border-color: var(--point);
}

.pagination a .selected {
    background-color: var(--point);
    color: var(--point2);
    padding-left: 5px;
    padding-right: 5px;
}

.pagination .prev:not([href]),
.pagination .next:not([href]) {
    opacity: 0.5;
}

.pagination .num {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* ================ 
 *
 *   사이드바
 *
 * ================ */
/****************
    햄버거
****************/
html.open #header .title a {
    color: var(--point3);
}

html.open #header a:hover {
    color: var(--point3) !important;
}

html.open .hamburger span {
    background-color: var(--point3);
}

html.open .hamburger:hover span {
    background-color: var(--point2);
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 10%;
    z-index: 999;
    backdrop-filter: blur(20px);
}

#header:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg);
    opacity: 0.5;
    z-index: -1;
    transition: .4s;
}

#header.s {
    position: fixed;
}

#header > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    white-space: nowrap;
    transition: .4s;
}

#header .side {
    padding: 0 10%;
}

#header .blogmenu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#header .blogmenu > ul > li {
    margin: 0 15px;
}

.hamburger {
    flex: 0 0 15px;
    align-self: flex-start;
    width: 15px;
    height: 10px;
    margin-top: 9px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--text);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger:hover span {
    background: var(--text);
}

.hamburger span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburger span:nth-child(2) {
    top: 5px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburger span:nth-child(3) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

html.open .hamburger span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 0;
}

html.open .hamburger span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

html.open .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10.5px;
    left: 0;
}

body.theme-ham .catebox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--point);
    z-index: 99;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    height: 100vh;
}

body.theme-ham .catebox::-webkit-scrollbar {
    width: 0;
}

body.theme-ham .catebox .side a:hover {
    color: var(--point2);
}

body.theme-ham .catebox .sub_category_list > li:first-child {
    margin-top: 20px;
}

body.theme-ham .catebox .sub_category_list .link_sub_item {
    padding-left: 1em;
}

body.theme-ham .catebox .sub_category_list .link_sub_item:hover {
    padding-left: 2em;
}

body.theme-ham .catebox .link_item.on,
body.theme-ham .catebox .blogmenu a.on,
body.theme-ham .catebox .cate a.on {
    background-image: linear-gradient(0deg, transparent, var(--point3) 100%);
}

html.open body.theme-ham #header {
    display: flex !important;
    opacity: 1 !important;
}

body.theme-ham .catebox .scroll {
    white-space: nowrap;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    justify-content: space-between;
    padding: 10%;
    width: 100%;
}

body.theme-ham .catebox .scroll::-webkit-scrollbar {
    width: 0;
}

body.theme-ham .catebox .scroll > div:first-child {
    max-width: 20%;
    width: 100%;
    flex: 0 0 20%;
}

body.theme-ham .catebox .scroll > .side {
    flex-grow: 1;
    padding-left: var(--gutter);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gutter);
    align-content: flex-start;
}

body.theme-ham .catebox,
body.theme-ham .catebox a {
    color: var(--point3);
    transition: .4s;
}

body.theme-ham .catebox .mc:hover svg,
body.theme-ham .catebox .mc.open svg {
    stroke: var(--point2);
}

body.theme-ham .catebox .mc.open .link_item {
    color: var(--point2);
}

body.theme-ham .sub_category_list {
    font-size: .9em;
    padding-bottom: 25px;
    width: 100%;
    order: 2;
}

body.theme-ham #footer .copy {
    margin-top: var(--gutter2);
}

body.theme-ham .catebox .cate-title,
body.theme-ham .catebox .copy {
    display: none !important;
}

body.theme-ham .catebox .new {
    color: var(--point2);
}

body.theme-ham .catebox .side section p.title:after {
    background-color: var(--point2);
}

/****************
    좌,우 사이드바
****************/
body:not(.theme-ham) #header {
    display: none;
}

body:not(.theme-ham) .catebox {
    position: relative;
    flex: 0 0 350px;
    width: 350px;
}

body:not(.theme-ham) .catebox .scroll {
    position: sticky;
    top: 0;
}

body:not(.theme-ham) .catebox:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: var(--text);
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .1;
}

body:not(.theme-ham) .catebox .scroll > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--gutter2);
    width: 100%;
    min-height: 100vh;
    position: sticky;
    top: 0;
}

body:not(.theme-ham) .scroll > div:first-child .title a {
    font-size: 2.5em;
    line-height: 1.1;
    font-weight: bold;
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side {
    flex-grow: 1;
}

body:not(.theme-ham) .catebox .link_item.on,
body:not(.theme-ham) .catebox .blogmenu a.on,
body:not(.theme-ham) .catebox .cate a.on {
    background-image: linear-gradient(0deg, transparent, var(--point) 100%);
}

body:not(.theme-ham) .catebox .link_tit.on,
body:not(.theme-ham) .catebox .link_item.on,
body:not(.theme-ham) .catebox .link_sub_item.on,
body:not(.theme-ham) .catebox .blogmenu a.on,
body:not(.theme-ham) .catebox .cate a.on {
    color: var(--point);
    transition: .4s;
}

body:not(.theme-ham) .catebox .link_tit.on:hover,
body:not(.theme-ham) .catebox .link_item.on:hover,
body:not(.theme-ham) .catebox .link_sub_item.on:hover,
body:not(.theme-ham) .catebox .blogmenu a.on:hover,
body:not(.theme-ham) .catebox .cate a.on:hover {
    color: var(--text);
    letter-spacing: 1px;
}

body:not(.theme-ham) .catebox .mc svg {
    stroke: var(--point);
}

body:not(.theme-ham) .sub_category_list {
    position: absolute;
    top: calc(0px - var(--gutter2) / 2);
    min-width: calc(350px - var(--gutter2) + 25px);
    z-index: 998;
    padding: calc(var(--gutter2) / 2);
    backdrop-filter: blur(10px);
}

body:not(.theme-ham) .sub_category_list:before,
body:not(.theme-ham) .sub_category_list:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body:not(.theme-ham) .sub_category_list:before {
    border: 1px solid;
    border-color: var(--text);
    opacity: .1;
    z-index: -1;
}

body:not(.theme-ham) .sub_category_list:after {
    background-color: var(--bg);
    backdrop-filter: blur(10px);
    opacity: .7;
    z-index: -2;
}

body:not(.theme-ham) .catebox .link_tit:hover,
body:not(.theme-ham) .catebox .blogmenu a:hover,
body:not(.theme-ham) .catebox .link_item:hover,
body:not(.theme-ham) .catebox .link_sub_item:hover,
body:not(.theme-ham) .catebox .cate a:hover,
body:not(.theme-ham) .catebox .owner a:hover {
    letter-spacing: 1px;
    font-weight: bold;
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box input,
body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box button,
body:not(.theme-ham) .catebox .scroll > div:first-child .side .cnt span,
body:not(.theme-ham) .catebox .scroll > div:first-child .side a.cal_click:after,
body:not(.theme-ham) .catebox .scroll > div:first-child .side .cal_day4 > span:after {
    background-color: var(--point);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box input:-moz-placeholder {
    color: var(--point3);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box input,
body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box input::placeholder {
    color: var(--point3);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box input:-ms-input-placeholder {
    color: var(--point3);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box button {
    color: var(--point3);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .search-box button:hover {
    color: var(--point2);
}

body:not(.theme-ham) .scroll > .side,
body:not(.theme-ham) .catebox section.other .title,
body:not(.theme-ham) .catebox section.other .intro,
body:not(.theme-ham) .catebox section.other .sns,
body:not(.theme-ham) #footer .copy {
    display: none;
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .cnt span:not(:empty) {
    background-color: var(--point);
    color: var(--point2);
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side .cal_day4 > span {
    color: var(--point2) !important;
}

body:not(.theme-ham) .catebox .scroll > div:first-child .side a.cal_click:link,
a.cal_click:visited {
    color: var(--point) !important;
}

body:not(.theme-ham) #main {
    flex-grow: 1;
}

body:not(.theme-right) .text-item .article-nav {
    left: calc(100% + var(--gutter));
}

body:not(.theme-ham) .post-header .blank + .line + .info {
    margin-top: var(--gutter2);
}

html.open {
    overflow: hidden;
}

html.open #header {
    position: fixed;
}

html.open #header:after {
    background-color: transparent;
}


/****************
    좌측 사이드바
****************/
body.theme-left #container {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    flex-direction: row;
}

body.theme-left .catebox:after {
    right: 0;
}

body.theme-left .sub_category_list {
    left: calc(350px - var(--gutter2));
}

body.theme-left .sub_category_list:before {
    border-left: 0;
}

/****************
    우측 사이드바
****************/
body.theme-right .catebox:after {
    left: 0;
}

body.theme-right #container {
    display: flex;
    flex-direction: row-reverse;
}

body.theme-right .catebox .mc svg {
    transform: rotate(-180deg);
    right: -11px;
    left: auto;
}

body.theme-right .sub_category_list {
    right: calc(350px - var(--gutter2));
}

body.theme-right .sub_category_list:before {
    border-right: 0;
}

body.theme-right .article-nav {
    right: calc(100% + var(--gutter));
}

/****************
    사이드바 아이템
****************/
.side a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.side section,
.side .revenue_unit_wrap {
    overflow: hidden;
    margin: 0;
}

.side section > p:empty {
    display: none;
}

.side section p.title {
    font-weight: bold;
    margin-bottom: 1.5em;
}

.side section p.title:after {
    content: '';
    display: block;
    width: 1em;
    height: 2px;
    background-color: var(--text);
    margin-top: 1.5em;
    opacity: .5;
}

.side section ul {
    font-size: .9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 2.5;
}

.side section li,
.side section li a {
    display: block;
    overflow: hidden;
    width: 100%;
}

.side section.counter li,
body:not(.myo-side-thum) .side section ul li .info,
body .side section:not(.popularPost):not(.recentPost) ul li .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.side section ul li .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.side section ul li .cnt span:not(:empty) {
    position: relative;
    margin-left: 15px;
    color: var(--point);
    font-size: .8em;
    background-color: var(--footerPoint);
    min-width: 20px;
    height: 20px;
    padding: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
}

.catebox .scroll > div:first-child .side section:first-child:before,
.catebox .scroll > div:first-child .side .blogmenu + section:before,
.catebox .scroll > div:first-child .side .category + section:before,
.catebox .scroll > div:first-child .side section:last-child:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--point);
    display: block;
    opacity: .5;
    margin-top: var(--gutter2);
}

.catebox .scroll > div:first-child .side .category + section:before,
.catebox .scroll > div:first-child .side .blogmenu + section:before {
    margin-bottom: var(--gutter2);
}

body:not(.myo-side-thum) .side section .date {
    display: none;
}

.myo-side-thum .side section .item:not(:last-child) {
    margin-bottom: calc(var(--gutter) / 3) !important;
}

.myo-side-thum .side section .item a {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.myo-side-thum .side section .item .thumbox {
    flex: 0 0 25%;
    border-radius: 5px;
    overflow: hidden;
    display: block;
}

.myo-side-thum .side section .item .thumbox img {
    width: 100%;
}

.myo-side-thum .side section .item .info {
    margin-left: 10px;
    overflow: hidden;
    flex-grow: 1;
}

.myo-side-thum .side section .item .title {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.myo-side-thum .side section .item .date {
    font-size: .8em;
    color: var(--point);
}

.myo-side-thum .side section .item .title + div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.myo-side-thum .catebox .scroll > .side.side section .item .date,
.myo-side-thum #footer .side section .item .date {
    color: var(--point2);
}

/****************
    검색
****************/
.search-box > ul {
    display: flex;
    justify-content: space-between;
}

.search-box input {
    margin-right: 10px;
    flex-grow: 1;
    padding: 0 10px;
}

.search-box input,
.search-box button {
    background-color: var(--point2);
    line-height: 1;
    height: 30px;
    min-width: 30px;
    border-radius: 5px;
    transition: .4s;
}

.search-box button {
    cursor: pointer;
    color: var(--point);
}

.search-box button:hover {
    color: var(--point2);
}

.catebox .scroll > .side .search-box input:-moz-placeholder,
#footer .search-box input:-moz-placeholder {
    color: var(--point);
}

.catebox .scroll > .side .search-box input::placeholder,
#footer .search-box input::placeholder {
    color: var(--point);
}

.catebox .scroll > .side .search-box input:-ms-input-placeholder,
#footer .search-box input:-ms-input-placeholder {
    color: var(--point);
}

.search-box input:focus:-moz-placeholder {
    color: transparent !important;
    transition: color .4s;
}

.search-box input:focus::placeholder {
    color: transparent !important;
    transition: color .4s;
}

.search-box input:focus:-ms-input-placeholder {
    color: transparent !important;
    transition: color .4s;
}

/****************
    글 보관함
****************/
.side .archive ul .title {
    letter-spacing: 3px;
}

/****************
    태그 클라우드
****************/
.side .tagbox ul {
    display: flex;
    flex-wrap: wrap;
}

.side .tagbox a {
    margin-right: 10px;
    white-space: nowrap;
}

/****************
    카운터
****************/
.side .counter .today {
    font-size: 1.2em;
    font-weight: bold;
}

/****************
    캘린더
****************/
.side table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.side tbody span {
    font-size: .8em;
    margin-bottom: 5px;
}

/* 달력 월 표시 */
.cal_month {
    cursor: default;
    font-size: .8em;
    text-align: left;
    padding-left: .6vw;
    margin-bottom: 15px;
}

.cal_month a {
    padding: 0 10px;
}

.cal_month .now {
    letter-spacing: 3px;
    font-weight: bold;
}

/* 달력 요일 표시(th 영역) */
thead th {
    font-size: .9em;
    font-weight: bold;
}

.cal_week1 {}

/* 달력 일요일 표시(th 영역) */
.cal_week2 {
    /* color: var(--point2); */
}

/* 달력 Day(td 영역) */
.cal_day {
    text-align: center;
    cursor: default;
    z-index: 1;
    position: relative;
}

/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday {
    /* color: var(--point2); */
}

.cal_day_sunday a {
    color: var(--point);
}

/* 달력 지난 달 날짜 표시(td) */
.cal_day1 {}

/* 달력 다음 달 날짜 표시(td) */
.cal_day2 {}

/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {}

/* 달력 오늘 날짜 표시(td) */
.cal_day4 span {
    color: var(--point) !important;
}

.cal_day4 > span:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
    background-color: var(--point2);
    height: 22px;
    width: 22px;
    border-radius: 5px;
    z-index: -1;
}

.cal_day4 a.cal_click:link,
.cal_day4 a.cal_click:visited {
    color: var(--point) !important;
}

/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link,
a.cal_click:visited {
    font-weight: bold;
    color: var(--point2) !important;
    transition: opacity .4s;
    position: relative;
    overflow: inherit;
}

a.cal_click:hover {
    opacity: .5;
}

a.cal_click:after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--point2);
    border-radius: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
}

/* ================ 
 *
 *   푸터
 *
 * ================ */
#footer {
    position: relative;
    margin-top: var(--gutter2);
    background-color: var(--point);
    padding: var(--gutter2);
    cursor: default;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer,
#footer a,
#footer .calendar th,
#footer .calendar td,
#footer .search-box button:hover {
    color: var(--footer);
}

#footer a:hover {
    color: var(--footerPoint);
}

#footer .other .theme .toggle:after {
    background-color: var(--footer);
}

#footer .side section p.title:after,
#footer .side .search-box input,
#footer .search-box button,
#footer .side section ul li .cnt span:not(:empty),
#footer .side .calendar .cal_day4 > span:after {
    background-color: var(--footerPoint);
    color: var(--point);
}

#footer .side {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--gutter);
}

/* 타이틀 */
.side .other .title a {
    font-size: 1.5em;
    line-height: 1.2;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    font-weight: bold;
}

.side .other .title img {
    max-height: 100px;
}

/* 간단한 소개글 */
.side .other .intro {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: .85em;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: keep-all;
}

.side .other .sns a {
    margin-right: 15px;
    font-size: .9em;
}

/* 다크 모드 */
.theme-dark img,
.theme-dark body:before,
.theme-dark .post-header .bg,
.theme-dark iframe,
.theme-dark figure[data-ke-type='opengraph'] div.og-image {
    filter: brightness(.75);
}

.theme-dark body .tt-share-entry-with-sns .tt-sns-service-kakaostory a {
    background-color: #806900 !important;
}

.theme-dark body .tt-share-entry-with-sns .tt-sns-service-twitter a {
    background-color: #155374 !important;
}

.theme-dark body .tt-share-entry-with-sns .tt-sns-service-facebook a {
    background-color: #243454 !important;
}

.side .other .theme {
    margin-top: var(--gutter2);
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: .8em;
}

.side .other .theme a {
    cursor: pointer;
}

.side .other .theme .toggle {
    position: relative;
    width: 25px;
    height: 1em;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50px;
    border: 1px solid;
}

.side .other .theme .toggle:after {
    content: '';
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    border-radius: 50px;
    background-color: var(--text);
    position: absolute;
    top: 1px;
    transition: .4s;
}

.theme-light .side .other .theme .toggle:after {
    left: 1px;
}

.theme-dark .side .other .theme .toggle:after {
    left: calc(100% - 1em + 3px);
}

/****************
    트위터 위젯
****************/
.side .twt ul {
    max-height: 25vh;
    overflow: hidden;
    overflow-y: auto;
}

.side .twt ul::-webkit-scrollbar {
    width: 0;
}

/* ================ 
 *
 *   기타
 *
 * ================ */
/* 부드러운 화면 전환 */
.smooth-screen #loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg);
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smooth-screen #loading > div {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    animation: fadein 2000ms ease-out, spin 1s infinite;
    -moz-animation: fadein 2000ms ease-out, spin 1s infinite;
    -webkit-animation: fadein 2000ms ease-out, spin 1s infinite;
    -o-animation: fadein 2000ms ease-out, spin 1s infinite;
    border-radius: 100%;
    border: 1px solid;
}

.smooth-screen #loading > div:after {
    content: '';
    position: absolute;
    right: 0;
    transform: translateX(50%);
    width: 7px;
    height: 7px;
    border: 4px solid;
    border-color: var(--bg);
    border-radius: 100px;
    background-color: var(--point);
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* 새 글 아이콘 */
.new {
    color: var(--point);
    margin-left: 5px;
    font-size: 6px;
    font-family: var(--fontN);
    font-weight: normal !important;
    animation: animated-cursor 1500ms steps(30, end) infinite;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    order: 1;
    margin-right: 1px;
}

@keyframes animated-cursor {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* 탑버튼 */
.top {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    font-size: 2rem;
    text-align: center;
    width: 2em;
    height: 2em;
    background-color: var(--point);
    align-items: center;
    justify-content: center;
}

/* ie */
#ie {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.3em;
    padding: 5px;
    background-color: #000;
    border-radius: 0 0 10px 10px;
    color: #fff;
    z-index: 9999999999999;
    text-align: center;
}

#ie a {
    font-weight: bold;
    color: #ff0;
}

/***********************
    카피라이트 삭제 금지
************************/
.copy {
    font-size: 8px;
    font-family: 'Meddon', cursive;
}

/****************
    커버 영역
****************/
#cover {
    --result: calc(var(--gutter) / 2);
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
    max-width: 100%;
}

#cover.fullWidth section:not(.right) .c-title,
#cover.fullWidth #c-notice:not(.right) .wrap,
#cover.fullWidth #c-bbs:not(.right) ul {
    padding-left: 15px;
    padding-right: 15px;
}

#cover.fullWidth .myo_gal.li a {
    margin-left: 50px;
}

#cover.fullWidth .myo_gal.li .info {
    margin-left: 15px;
}

#cover section {
    width: 100%;
    margin-bottom: calc(var(--gutter2) * 2);
    min-width: 70%;
}

#cover section:first-child:not(#c-slider) {
    margin-top: var(--gutter2);
}

#cover section:last-child {
    margin-bottom: 0;
}

#cover section:not(#c-slider):not(#c-slider6) {
    max-width: var(--Cwidth);
}

#cover .c-title > span:first-child {
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 4px;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#cover .c-title > span:not(:empty) + span:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background-color: var(--point);
    margin-top: 10px;
    margin-bottom: 30px;
}

#cover .c-title > span:first-child:empty {
    display: none;
}

body#tt-body-index.cover:not(.theme-ham) #main,
body#tt-body-index.cover:not(.theme-ham) #main #content {
    overflow: hidden;
}

/* 슬라이드 공통 */
#cover section:not(#c-slider):not(#c-notice) .slick-slide {
    margin: 0 calc(var(--result) * 1);
}

#cover section:not(#c-slider):not(#c-notice) .slick-slider .slick-list {
    margin: 0 calc(var(--result) * -1);
}

#cover .slick-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#cover .slick-dots li {
    margin: 0 3px 10px;
    cursor: pointer;
    width: 25px;
    height: 3px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cover .slick-dots button {
    font-size: 0;
    width: 100%;
    height: 100%;
    background-color: var(--text);
    cursor: pointer;
    opacity: .5;
    transition: .4s;
}

#cover .slick-dots li.slick-active button {
    background-color: var(--point);
    opacity: 1;
}

#cover .slick-dots li:hover button {
    background-color: var(--point2) !important;
}

/* 슬라이드1, 2 */
body.CSlider #main {
    margin-top: 0 !important;
}

body.CsliderBack #header {
    backdrop-filter: blur(0);
}

body.CsliderBack #header:after {
    display: none;
}

body.CsliderBack #header a,
#c-slider .info {
    color: var(--cover);
    transition: .4s;
}

body.CsliderBack #header a:hover {
    color: var(--point);
}

#c-slider .slick-dots li:not(.slick-active) button,
html:not(.open) body.CsliderBack #header .hamburger span {
    background-color: var(--cover);
    transition: background-color .4s;
}

html:not(.open) body.CsliderBack #header .hamburger:hover span {
    background-color: var(--point);
}

#c-slider,
#c-slider2 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

#c-slider > ul {
    flex-grow: 1;
    height: 100vh;
}

#c-slider > ul div,
#c-slider2 > ul div {
    height: 100%;
}

#c-slider > div,
#c-slider2 > div {
    position: relative;
    overflow: hidden;
}

#c-slider .slick-dots,
#c-slider2 .slick-dots {
    position: absolute;
    bottom: var(--gutter2);
    left: 50%;
    transform: translateX(-50%);
    max-width: var(--width);
}

#c-slider .item,
#c-slider2 .item {
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#c-slider .item .thumbox,
#c-slider2 .item .thumbox {
    width: 100%;
    height: 100%;
}

#c-slider .thum,
#c-slider .noimg,
#c-slider2 .thum,
#c-slider2 .noimg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

#c-slider .info,
#c-slider2 .info {
    position: absolute;
    height: inherit;
    bottom: calc(var(--gutter2) + 50px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 50%;
    z-index: 1;
    transition: opacity .4s;
    text-align: center;
}

#c-slider .info .title,
#c-slider2 .info .title {
    outline: none;
    font-size: 1.5em;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

#c-slider .info .cate,
#c-slider2 .info .cate {
    font-size: .8em;
    margin-top: 10px;
    color: var(--point);
}

#c-slider .cover-next {
    position: absolute;
    right: 15px;
    bottom: calc(var(--gutter2) / 2);
    mix-blend-mode: difference;
    cursor: pointer;
    opacity: .5;
    text-align: center;
}

#c-slider .cover-next span:first-child {
    font-size: 0.6em;
    display: block;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 5px;
}

#c-slider .cover-next span + span {
    height: 20px;
    width: 1px;
    background-color: var(--text);
    display: block;
    margin: 15px auto;
}

/* 커버 - 슬라이더2 */
#c-slider2 > ul {
    flex-grow: 1;
    height: 40vh;
    background-color: var(--bg);
}

#c-slider2 .thumbox {
    overflow: hidden;
}

#c-slider2 .thumbox > div {
    transition: .4s;
}

#c-slider2 .info {
    bottom: 50%;
    transform: translate(-50%, 50%);
    height: auto !important;
    opacity: 0;
    transition: .4s;
}

#c-slider2 > ul:hover .thumbox > div {
    opacity: .5;
    filter: blur(10px);
}

#c-slider2 > ul:hover .info {
    opacity: 1;
}

#c-slider2 .slick-dots {
    bottom: calc(var(--gutter2) / 2);
}

/* 커버 - 슬라이더3, 4, 5, 6 */
#c-slider3 .myo_gal4 .slick-slide,
#c-slider3 .myo_gal4.slick-slider .slick-list,
#c-slider3 .myo_gal5 .slick-slide,
#c-slider3 .myo_gal5.slick-slider .slick-list,
#c-slider3 .myo_gal9 .slick-slide,
#c-slider3 .myo_gal9.slick-slider .slick-list,
#c-slider3 .myo_gal10 .slick-slide,
#c-slider3 .myo_gal10.slick-slider .slick-list,
#c-slider4 .myo_gal4 .slick-slide,
#c-slider4 .myo_gal4.slick-slider .slick-list,
#c-slider4 .myo_gal5 .slick-slide,
#c-slider4 .myo_gal5.slick-slider .slick-list,
#c-slider4 .myo_gal9 .slick-slide,
#c-slider4 .myo_gal9.slick-slider .slick-list,
#c-slider4 .myo_gal10 .slick-slide,
#c-slider4 .myo_gal10.slick-slider .slick-list,
#c-slider5 .myo_gal10 .slick-slide,
#c-slider5 .myo_gal10.slick-slider .slick-list,
#c-slider6 .myo_gal10 .slick-slide,
#c-slider6 .myo_gal10.slick-slider .slick-list {
    margin: 0 !important;
}

/* 커버 - 슬라이더4 */
#c-slider4 .myo_gal1 .slick-slide > div:first-child .item,
#c-slider4 .myo_gal2 .slick-slide > div:first-child .item,
#c-slider4 .myo_gal3 .slick-slide > div:first-child .item,
#c-slider4 .myo_gal6 .slick-slide > div:first-child .item,
#c-slider4 .myo_gal7 .slick-slide > div:first-child .item,
#c-slider4 .myo_gal8 .slick-slide > div:first-child .item,
#c-slider4 .myo_web1 .slick-slide > div:first-child .item,
#c-slider4 .myo_web2 .slick-slide > div:first-child .item {
    margin-bottom: var(--gutter) !important;
}

/* 커버 - 슬라이더6 */
#c-slider6 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#c-slider6 .c-title {
    max-width: var(--Cwidth);
    min-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/* 커버 공지 */
#c-notice {
    position: relative;
    display: flex;
    flex-direction: column;
}

#c-notice .wrap,
#c-notice .slick-list {
    flex-grow: 1;
}

#c-notice .wrap > ul {
    border: 1px solid;
    border-color: var(--point);
    padding: 10px;
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

#c-notice .thumbox + .textbox {
    padding: 10px 10px 0;
}

#c-notice .textbox .link:not([href^='http']):not([href^='/']),
#c-notice .textbox .link:empty {
    display: none;
}

#c-notice .textbox .link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    padding: 6px;
    font-size: .6em;
    line-height: 1;
    background-color: var(--point);
    letter-spacing: 2px;
    margin-top: 20px;
}

#c-notice .slick-dots {
    text-align: center;
    justify-content: center;
    margin-top: 20px;
}

/* 커버 목록, 웹진형 */
#cover #c-bbs ol,
#cover #c-web ol,
#cover #c-web2 ol,
#cover #c-webY ol,
#cover #c-webY2 ol {
    max-width: 100%;
    padding: 0 !important;
}

#cover .myo_web .item .title {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
}

#content:not(.wn21) #cover .myo_web2.normal .item .title-cnt,
#content:not(.ywn21) #cover .myo_web2.you-player .item .title-cnt {
    max-height: 38px;
}

/* 커버 트위터 위젯 */
#cover #c-twt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

#cover #c-twt > ul {
    height: 40vh;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1;
}

#cover #c-twt > ul::-webkit-scrollbar {
    width: 0;
}

@media screen and (max-width: 1024px) {
    #footer .side {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 823px) {

    #main,
    #main #content {
        overflow: hidden;
    }

    body.theme-ham .catebox .scroll > div:first-child {
        max-width: 29%;
    }

    body.theme-ham .catebox .scroll > .side,
    #footer .side {
        grid-template-columns: repeat(2, 1fr);
    }

    body:not(.theme-ham) .catebox {
        width: 27vw;
        flex: 0 0 27vw;
    }

    body:not(.theme-ham) .catebox .scroll > div:first-child {
        padding: var(--gutter2) calc(var(--gutter2) / 2);
    }

    body.theme-left .sub_category_list {
        left: calc(27vw - var(--gutter2) / 2);
    }

    body:not(.theme-ham) .sub_category_list {
        min-width: 27vw;
    }
}

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

    body:not(.theme-ham) .wn11 .myo_web1.normal div:first-child.list-wrap,
    body:not(.theme-ham) .wn12 .myo_web1.normal div:first-child.list-wrap,
    body:not(.theme-ham) .ywn11 .myo_web1.you-player div:first-child.list-wrap,
    body:not(.theme-ham) .ywn12 .myo_web1.you-player .list-wrap,
    body:not(.theme-ham) .wn21 .myo_web2.normal div:first-child.list-wrap,
    body:not(.theme-ham) .wn22 .myo_web2.normal div:first-child.list-wrap,
    body:not(.theme-ham) .ywn21 .myo_web2.you-player div:first-child.list-wrap,
    body:not(.theme-ham) .ywn22 .myo_web2.you-player div:first-child.list-wrap,
    body:not(.theme-ham) .myoskin:not(.myo_gal):not(.myo_web) div:first-child.list-wrap,
    body:not(.theme-ham)#tt-body-guestbook #content,
    body:not(.theme-ham):not(#tt-body-page):not(#tt-body-guestbook):not(#tt-body-tag) .post > *:not(.post-header):not(#rp):not(.prev-next),
    body:not(.theme-ham) .memonoti .text-item,
    body:not(.theme-ham) #tagcloud .post-header div:nth-child(2).info,
    body:not(.theme-ham) #tagcloud .post-header .info:only-child,
    body:not(.theme-ham) #tagcloud > ul,
    body:not(.theme-ham) .myoskin .empty > ul,
    body:not(.theme-ham) .post:first-child .post-header .info:only-child {
        margin-top: var(--gutter2) !important;
    }


    /* 1열 */
    .bn1 .myo_bbs .item {
        margin-bottom: calc(var(--gutter2) / 2);
    }

    /* 2열 */
    .bn2 .myo_bbs.normal .item,
    .wn12 .myo_web1.normal .item,
    .ywn12 .myo_web1.you-player .item,
    .bn2 .myo_bbs.normal .sizer,
    .wn12 .myo_web1.normal .sizer,
    .ywn12 .myo_web1.you-player .sizer {
        width: calc((100% - var(--gutter)) / 2);
    }

    .bn2 .myo_bbs.normal .item:nth-last-child(-n + 4):nth-child(2n + 1),
    .bn2 .myo_bbs.normal .item:nth-last-child(-n + 3):nth-child(2n + 2),
    .wn12 .myo_web1.normal .item:nth-last-child(-n + 4):nth-child(2n + 1),
    .wn12 .myo_web1.normal .item:nth-last-child(-n + 3):nth-child(2n + 2),
    .ywn12 .myo_web1.you-player .item:nth-last-child(-n + 4):nth-child(2n + 1),
    .ywn12 .myo_web1.you-player .item:nth-last-child(-n + 3):nth-child(2n + 2) {
        margin-bottom: 0 !important;
    }

    .wn22 .myo_web2.normal ol,
    .ywn22 .myo_web2.you-player ol {
        grid-template-columns: repeat(2, 1fr);
    }


    .wn22 .myo_web2.normal .empty,
    .ywn22 .myo_web2.you-player .empty {
        grid-column: 1 / 2;
    }

    /* 3열 */
    .n3 .myo_gal1.normal .item,
    .n23 .myo_gal2.normal .item,
    .n33 .myo_gal3.normal .item,
    .n63 .myo_gal6.normal .item,
    .n73 .myo_gal7.normal .item,
    .n83 .myo_gal8.normal .item,
    .n3 .myo_gal1.normal .sizer,
    .n23 .myo_gal2.normal .sizer,
    .n33 .myo_gal3.normal .sizer,
    .n63 .myo_gal6.normal .sizer,
    .n73 .myo_gal7.normal .sizer,
    .n83 .myo_gal8.normal .sizer,
    .yn3 .myo_gal1.you-player .item,
    .yn23 .myo_gal2.you-player .item,
    .yn33 .myo_gal3.you-player .item,
    .yn63 .myo_gal6.you-player .item,
    .yn73 .myo_gal7.you-player .item,
    .yn83 .myo_gal8.you-player .item,
    .yn3 .myo_gal1.you-player .sizer,
    .yn23 .myo_gal2.you-player .sizer,
    .yn33 .myo_gal3.you-player .sizer,
    .yn63 .myo_gal6.you-player .sizer,
    .yn73 .myo_gal7.you-player .sizer,
    .yn83 .myo_gal8.you-player .sizer,
    .wn13 .myo_web1.normal .item,
    .ywn13 .myo_web1.you-player .item,
    .wn13 .myo_web1.normal .sizer,
    .ywn13 .myo_web1.you-player .sizer {
        width: calc((100% - var(--gutter) * 2) / 3);
    }

    .n3 .myo_gal1.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n3 .myo_gal1.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n3 .myo_gal1.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n23 .myo_gal2.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n23 .myo_gal2.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n23 .myo_gal2.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n33 .myo_gal3.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n33 .myo_gal3.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n33 .myo_gal3.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n63 .myo_gal6.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n63 .myo_gal6.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n63 .myo_gal6.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n73 .myo_gal7.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n73 .myo_gal7.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n73 .myo_gal7.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n83 .myo_gal8.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n83 .myo_gal8.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n83 .myo_gal8.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn3 .myo_gal1.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn3 .myo_gal1.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn3 .myo_gal1.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn23 .myo_gal2.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn23 .myo_gal2.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn23 .myo_gal2.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn33 .myo_gal3.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn33 .myo_gal3.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn33 .myo_gal3.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn63 .myo_gal6.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn63 .myo_gal6.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn63 .myo_gal6.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn73 .myo_gal7.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn73 .myo_gal7.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn73 .myo_gal7.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn83 .myo_gal8.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn83 .myo_gal8.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn83 .myo_gal8.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .wn13 .myo_web1.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .wn13 .myo_web1.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .wn13 .myo_web1.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .ywn13 .myo_web1.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .ywn13 .myo_web1.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .ywn13 .myo_web1.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n43 .myo_gal4.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n43 .myo_gal4.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n43 .myo_gal4.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn43 .myo_gal4.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn43 .myo_gal4.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn43 .myo_gal4.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .n93 .myo_gal9.normal .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .n93 .myo_gal9.normal .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .n93 .myo_gal9.normal .item:nth-last-child(-n + 3):nth-child(3n + 3),
    .yn93 .myo_gal9.you-player .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .yn93 .myo_gal9.you-player .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .yn93 .myo_gal9.you-player .item:nth-last-child(-n + 3):nth-child(3n + 3) {
        margin-bottom: 0 !important;
    }

    .n43 .myo_gal4.normal .item,
    .n53 .myo_gal5.normal .item,
    .n93 .myo_gal9.normal .item,
    .n103 .myo_gal10.normal .item,
    .n43 .myo_gal4.normal .sizer,
    .n53 .myo_gal5.normal .sizer,
    .n93 .myo_gal9.normal .sizer,
    .n103 .myo_gal10.normal .sizer,
    .yn43 .myo_gal4.you-player .item,
    .yn53 .myo_gal5.you-player .item,
    .yn93 .myo_gal9.you-player .item,
    .yn103 .myo_gal10.you-player .item,
    .yn43 .myo_gal4.you-player .sizer,
    .yn53 .myo_gal5.you-player .sizer,
    .yn93 .myo_gal9.you-player .sizer,
    .yn103 .myo_gal10.you-player .sizer {
        width: calc(100% / 3);
    }

    .wn23 .myo_web2.normal ol,
    .ywn23 .myo_web2.you-player ol {
        grid-template-columns: repeat(3, 1fr);
    }

    .wn23 .myo_web2.normal .empty,
    .ywn23 .myo_web2.you-player .empty {
        grid-column: 1/3;
    }

    /* 4열 */
    .n4 .myo_gal1.normal .item,
    .n24 .myo_gal2.normal .item,
    .n34 .myo_gal3.normal .item,
    .n64 .myo_gal6.normal .item,
    .n74 .myo_gal7.normal .item,
    .n84 .myo_gal8.normal .item,
    .n4 .myo_gal1.normal .sizer,
    .n24 .myo_gal2.normal .sizer,
    .n34 .myo_gal3.normal .sizer,
    .n64 .myo_gal6.normal .sizer,
    .n74 .myo_gal7.normal .sizer,
    .n84 .myo_gal8.normal .sizer,
    .yn4 .myo_gal1.you-player .item,
    .yn24 .myo_gal2.you-player .item,
    .yn34 .myo_gal3.you-player .item,
    .yn64 .myo_gal6.you-player .item,
    .yn74 .myo_gal7.you-player .item,
    .yn84 .myo_gal8.you-player .item,
    .yn4 .myo_gal1.you-player .sizer,
    .yn24 .myo_gal2.you-player .sizer,
    .yn34 .myo_gal3.you-player .sizer,
    .yn64 .myo_gal6.you-player .sizer,
    .yn74 .myo_gal7.you-player .sizer,
    .yn84 .myo_gal8.you-player .sizer,
    .wn14 .myo_web1.normal .item,
    .ywn14 .myo_web1.you-player .item,
    .wn14 .myo_web1.normal .sizer,
    .ywn14 .myo_web1.you-player .sizer {
        width: calc((100% - var(--gutter) * 3) / 4);
    }

    .n4 .myo_gal1.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n4 .myo_gal1.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n4 .myo_gal1.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n4 .myo_gal1.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n24 .myo_gal2.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n24 .myo_gal2.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n24 .myo_gal2.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n24 .myo_gal2.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n34 .myo_gal3.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n34 .myo_gal3.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n34 .myo_gal3.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n34 .myo_gal3.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n64 .myo_gal6.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n64 .myo_gal6.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n64 .myo_gal6.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n64 .myo_gal6.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n74 .myo_gal7.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n74 .myo_gal7.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n74 .myo_gal7.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n74 .myo_gal7.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n84 .myo_gal8.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n84 .myo_gal8.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n84 .myo_gal8.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n84 .myo_gal8.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn4 .myo_gal1.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn4 .myo_gal1.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn4 .myo_gal1.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn4 .myo_gal1.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn24 .myo_gal2.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn24 .myo_gal2.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn24 .myo_gal2.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn24 .myo_gal2.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn34 .myo_gal3.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn34 .myo_gal3.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn34 .myo_gal3.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn34 .myo_gal3.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn64 .myo_gal6.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn64 .myo_gal6.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn64 .myo_gal6.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn64 .myo_gal6.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn74 .myo_gal7.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn74 .myo_gal7.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn74 .myo_gal7.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn74 .myo_gal7.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn84 .myo_gal8.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn84 .myo_gal8.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn84 .myo_gal8.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn84 .myo_gal8.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .wn14 .myo_web1.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .wn14 .myo_web1.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .wn14 .myo_web1.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .wn14 .myo_web1.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .ywn14 .myo_web1.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .ywn14 .myo_web1.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .ywn14 .myo_web1.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .ywn14 .myo_web1.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n44 .myo_gal4.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n44 .myo_gal4.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n44 .myo_gal4.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n44 .myo_gal4.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn44 .myo_gal4.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn44 .myo_gal4.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn44 .myo_gal4.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn44 .myo_gal4.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .n94 .myo_gal9.normal .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .n94 .myo_gal9.normal .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .n94 .myo_gal9.normal .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .n94 .myo_gal9.normal .item:nth-last-child(-n + 3):nth-child(4n + 4),
    .yn94 .myo_gal9.you-player .item:nth-last-child(-n + 6):nth-child(4n + 1),
    .yn94 .myo_gal9.you-player .item:nth-last-child(-n + 5):nth-child(4n + 2),
    .yn94 .myo_gal9.you-player .item:nth-last-child(-n + 4):nth-child(4n + 3),
    .yn94 .myo_gal9.you-player .item:nth-last-child(-n + 3):nth-child(4n + 4) {
        margin-bottom: 0 !important;
    }

    .n44 .myo_gal4.normal .item,
    .n54 .myo_gal5.normal .item,
    .n94 .myo_gal9.normal .item,
    .n104 .myo_gal10.normal .item,
    .n44 .myo_gal4.normal .sizer,
    .n54 .myo_gal5.normal .sizer,
    .n94 .myo_gal9.normal .sizer,
    .n104 .myo_gal10.normal .sizer,
    .yn44 .myo_gal4.you-player .item,
    .yn54 .myo_gal5.you-player .item,
    .yn94 .myo_gal9.you-player .item,
    .yn104 .myo_gal10.you-player .item,
    .yn44 .myo_gal4.you-player .sizer,
    .yn54 .myo_gal5.you-player .sizer,
    .yn94 .myo_gal9.you-player .sizer,
    .yn104 .myo_gal10.you-player .sizer,
    .myo_gal11 .item,
    .myo_gal11 .sizer {
        width: calc(100% / 4);
    }

    .wn24 .myo_web2.normal ol,
    .ywn24 .myo_web2.you-player ol {
        grid-template-columns: repeat(4, 1fr);
    }

    .wn24 .myo_web2.normal .empty,
    .ywn24 .myo_web2.you-player .empty {
        grid-column: 1/4;
    }

    /* 5열 */
    .n5 .myo_gal1.normal .item,
    .n25 .myo_gal2.normal .item,
    .n35 .myo_gal3.normal .item,
    .n65 .myo_gal6.normal .item,
    .n75 .myo_gal7.normal .item,
    .n85 .myo_gal8.normal .item,
    .n5 .myo_gal1.normal .sizer,
    .n25 .myo_gal2.normal .sizer,
    .n35 .myo_gal3.normal .sizer,
    .n65 .myo_gal6.normal .sizer,
    .n75 .myo_gal7.normal .sizer,
    .n85 .myo_gal8.normal .sizer,
    .yn5 .myo_gal1.you-player .item,
    .yn25 .myo_gal2.you-player .item,
    .yn35 .myo_gal3.you-player .item,
    .yn65 .myo_gal6.you-player .item,
    .yn75 .myo_gal7.you-player .item,
    .yn85 .myo_gal8.you-player .item,
    .yn5 .myo_gal1.you-player .sizer,
    .yn25 .myo_gal2.you-player .sizer,
    .yn35 .myo_gal3.you-player .sizer,
    .yn65 .myo_gal6.you-player .sizer,
    .yn75 .myo_gal7.you-player .sizer,
    .yn85 .myo_gal8.you-player .sizer,
    .wn15 .myo_web1.normal .item,
    .ywn15 .myo_web1.you-player .item,
    .wn15 .myo_web1.normal .sizer,
    .ywn15 .myo_web1.you-player .sizer {
        width: calc((100% - var(--gutter) * 4) / 5);
    }

    .n5 .myo_gal1.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n5 .myo_gal1.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n5 .myo_gal1.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n5 .myo_gal1.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n5 .myo_gal1.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n25 .myo_gal2.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n25 .myo_gal2.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n25 .myo_gal2.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n25 .myo_gal2.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n25 .myo_gal2.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n35 .myo_gal3.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n35 .myo_gal3.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n35 .myo_gal3.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n35 .myo_gal3.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n35 .myo_gal3.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n65 .myo_gal6.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n65 .myo_gal6.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n65 .myo_gal6.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n65 .myo_gal6.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n65 .myo_gal6.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n75 .myo_gal7.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n75 .myo_gal7.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n75 .myo_gal7.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n75 .myo_gal7.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n75 .myo_gal7.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n85 .myo_gal8.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n85 .myo_gal8.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n85 .myo_gal8.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n85 .myo_gal8.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n85 .myo_gal8.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn5 .myo_gal1.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn5 .myo_gal1.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn5 .myo_gal1.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn5 .myo_gal1.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn5 .myo_gal1.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn25 .myo_gal2.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn25 .myo_gal2.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn25 .myo_gal2.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn25 .myo_gal2.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn25 .myo_gal2.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn35 .myo_gal3.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn35 .myo_gal3.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn35 .myo_gal3.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn35 .myo_gal3.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn35 .myo_gal3.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn65 .myo_gal6.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn65 .myo_gal6.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn65 .myo_gal6.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn65 .myo_gal6.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn65 .myo_gal6.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn75 .myo_gal7.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn75 .myo_gal7.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn75 .myo_gal7.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn75 .myo_gal7.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn75 .myo_gal7.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn85 .myo_gal8.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn85 .myo_gal8.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn85 .myo_gal8.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn85 .myo_gal8.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn85 .myo_gal8.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .wn15 .myo_web1.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .wn15 .myo_web1.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .wn15 .myo_web1.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .wn15 .myo_web1.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .wn15 .myo_web1.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .ywn15 .myo_web1.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .ywn15 .myo_web1.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .ywn15 .myo_web1.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .ywn15 .myo_web1.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .ywn15 .myo_web1.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n45 .myo_gal4.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n45 .myo_gal4.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n45 .myo_gal4.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n45 .myo_gal4.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n45 .myo_gal4.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn45 .myo_gal4.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn45 .myo_gal4.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn45 .myo_gal4.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn45 .myo_gal4.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn45 .myo_gal4.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .n95 .myo_gal9.normal .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .n95 .myo_gal9.normal .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .n95 .myo_gal9.normal .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .n95 .myo_gal9.normal .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .n95 .myo_gal9.normal .item:nth-last-child(-n + 3):nth-child(5n + 5),
    .yn95 .myo_gal9.you-player .item:nth-last-child(-n + 7):nth-child(5n + 1),
    .yn95 .myo_gal9.you-player .item:nth-last-child(-n + 6):nth-child(5n + 2),
    .yn95 .myo_gal9.you-player .item:nth-last-child(-n + 5):nth-child(5n + 3),
    .yn95 .myo_gal9.you-player .item:nth-last-child(-n + 4):nth-child(5n + 4),
    .yn95 .myo_gal9.you-player .item:nth-last-child(-n + 3):nth-child(5n + 5) {
        margin-bottom: 0 !important;
    }

    .n45 .myo_gal4.normal .item,
    .n55 .myo_gal5.normal .item,
    .n95 .myo_gal9.normal .item,
    .n105 .myo_gal10.normal .item,
    .n45 .myo_gal4.normal .sizer,
    .n55 .myo_gal5.normal .sizer,
    .n95 .myo_gal9.normal .sizer,
    .n105 .myo_gal10.normal .sizer,
    .yn45 .myo_gal4.you-player .item,
    .yn55 .myo_gal5.you-player .item,
    .yn95 .myo_gal9.you-player .item,
    .yn105 .myo_gal10.you-player .item,
    .yn45 .myo_gal4.you-player .sizer,
    .yn55 .myo_gal5.you-player .sizer,
    .yn95 .myo_gal9.you-player .sizer,
    .yn105 .myo_gal10.you-player .sizer {
        width: calc(100% / 5);
    }

    .wn25 .myo_web2.normal ol,
    .ywn25 .myo_web2.you-player ol {
        grid-template-columns: repeat(5, 1fr);
    }

    .wn25 .myo_web2.normal .empty,
    .ywn25 .myo_web2.you-player .empty {
        grid-column: 1/5;
    }

    /* 6열 */
    .n6 .myo_gal1.normal .item,
    .n26 .myo_gal2.normal .item,
    .n36 .myo_gal3.normal .item,
    .n66 .myo_gal6.normal .item,
    .n76 .myo_gal7.normal .item,
    .n86 .myo_gal8.normal .item,
    .n6 .myo_gal1.normal .sizer,
    .n26 .myo_gal2.normal .sizer,
    .n36 .myo_gal3.normal .sizer,
    .n66 .myo_gal6.normal .sizer,
    .n76 .myo_gal7.normal .sizer,
    .n86 .myo_gal8.normal .item,
    .yn6 .myo_gal1.you-player .item,
    .yn26 .myo_gal2.you-player .item,
    .yn36 .myo_gal3.you-player .item,
    .yn66 .myo_gal6.you-player .item,
    .yn76 .myo_gal7.you-player .item,
    .yn86 .myo_gal8.you-player .item,
    .yn6 .myo_gal1.you-player .sizer,
    .yn26 .myo_gal2.you-player .sizer,
    .yn36 .myo_gal3.you-player .sizer,
    .yn66 .myo_gal6.you-player .sizer,
    .yn76 .myo_gal7.you-player .sizer,
    .yn86 .myo_gal8.you-player .item,
    .wn16 .myo_web1.normal .item,
    .ywn16 .myo_web1.you-player .item,
    .wn16 .myo_web1.normal .sizer,
    .ywn16 .myo_web1.you-player .sizer {
        width: calc((100% - var(--gutter) * 5) / 6);
    }

    .n6 .myo_gal1.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n6 .myo_gal1.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n6 .myo_gal1.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n6 .myo_gal1.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n6 .myo_gal1.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n6 .myo_gal1.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n26 .myo_gal2.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n36 .myo_gal3.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n66 .myo_gal6.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n76 .myo_gal7.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n86 .myo_gal8.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn6 .myo_gal1.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn26 .myo_gal2.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn36 .myo_gal3.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn66 .myo_gal6.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn76 .myo_gal7.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn86 .myo_gal8.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .wn16 .myo_web1.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 5):nth-child(6n + 5),
    .ywn16 .myo_web1.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n46 .myo_gal4.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn46 .myo_gal4.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .n96 .myo_gal9.normal .item:nth-last-child(-n + 3):nth-child(6n + 6),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 8):nth-child(6n + 1),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 7):nth-child(6n + 2),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 6):nth-child(6n + 3),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 5):nth-child(6n + 4),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 4):nth-child(6n + 5),
    .yn96 .myo_gal9.you-player .item:nth-last-child(-n + 3):nth-child(6n + 6) {
        margin-bottom: 0 !important;
    }

    .n46 .myo_gal4.normal .item,
    .n56 .myo_gal5.normal .item,
    .n96 .myo_gal9.normal .item,
    .n106 .myo_gal10.normal .item,
    .n46 .myo_gal4.normal .sizer,
    .n56 .myo_gal5.normal .sizer,
    .n96 .myo_gal9.normal .sizer,
    .n106 .myo_gal10.normal .sizer,
    .yn46 .myo_gal4.you-player .item,
    .yn56 .myo_gal5.you-player .item,
    .yn96 .myo_gal9.you-player .item,
    .yn106 .myo_gal10.you-player .item,
    .yn46 .myo_gal4.you-player .sizer,
    .yn56 .myo_gal5.you-player .sizer,
    .yn96 .myo_gal9.you-player .sizer,
    .yn106 .myo_gal10.you-player .sizer {
        width: calc(100% / 6);
    }

    .wn26 .myo_web2.normal ol,
    .ywn26 .myo_web2.you-player ol {
        grid-template-columns: repeat(6, 1fr);
    }

    .wn26 .myo_web2.normal .empty,
    .ywn26 .myo_web2.you-player .empty {
        grid-column: 1/6;
    }

    #cover section:first-child:not(#c-slider).cover-left,
    #cover section:first-child:not(#c-slider).cover-left + section.right {
        margin-top: var(--gutter2);
    }

    #cover section.cover-left.n2,
    #cover section.cover-left.n2 + section.right {
        max-width: calc(var(--Cwidth) / 2) !important;
        width: calc(var(--Cwidth) / 2) !important;
        min-width: calc(70% / 2);
    }

    #cover section.cover-left.n3 {
        max-width: calc(100% / 3 * 2) !important;
        width: calc(var(--Cwidth) / 3 * 2) !important;
        min-width: calc(70% / 3 * 2);
    }

    #cover section.cover-left.n3 + section.right {
        max-width: calc(100% / 3) !important;
        width: calc(var(--Cwidth) / 3) !important;
        min-width: calc(70% / 3);
    }

    #cover section.cover-left.n4 {
        max-width: calc(var(--Cwidth) / 4 * 3) !important;
        width: calc(var(--Cwidth) / 4 * 3) !important;
        min-width: calc(70% / 4 * 3);
    }

    #cover section.cover-left.n4 + section.right {
        max-width: calc(100% / 4) !important;
        width: calc(var(--Cwidth) / 4) !important;
        min-width: calc(70% / 4);
    }

    #cover section.cover-left.n2 {
        padding-right: calc(var(--gutter) / 2) !important;
    }

    #cover section.cover-left.n2 + section.right {
        padding-left: calc(var(--gutter) / 2) !important;
    }

    #cover section.cover-left:not(.n2) {
        padding-right: calc(var(--gutter) / 2 - 15px) !important;
    }

    #cover section.cover-left:not(.n2) + section.right {
        padding-left: calc(var(--gutter) / 2 + 15px) !important;
    }

    #cover section.cover-left + section.cover-left {
        padding-right: 0 !important;
    }

    #cover section.cover-left + section.right .myo_gal.li .item a {
        margin-left: calc(1em + 15px);
    }

    #cover section.cover-left + section.right .myo_gal.li .item .info {
        margin-left: 0;
    }

    #cover.fullWidth #c-notice.cover-left .wrap {
        padding-right: 0;
    }

    #cover.fullWidth section.cover-left + #c-bbs.right,
    #cover.fullWidth #c-notice.cover-left + #c-notice.cover-left .wrap {
        padding-right: 15px;
    }

    #cover .cover-left + section.slide .myo_gal1 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_gal2 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_gal3 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_gal6 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_gal7 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_gal8 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_web1 .slick-slide > div:first-child .item,
    #cover .cover-left + section.slide .myo_web2 .slick-slide > div:first-child .item {
        margin-bottom: var(--gutter) !important;
    }

    #cover .cover-left + section.right:not(.slide) .myo_gal4 .item,
    #cover .cover-left + section.right:not(.slide) .myo_gal5 .item,
    #cover .cover-left + section.right:not(.slide) .myo_gal9 .item,
    #cover .cover-left + section.right:not(.slide) .myo_gal10 .item {
        width: calc(100% / 2) !important;
    }

    #cover .cover-left + section.right:not(.slide) .myo_gal:not(.myo_gal11) .item,
    #cover .cover-left + section.right:not(.slide) .myo_web1 .item,
    #cover .cover-left + section.right:not(.slide) .myo_gal:not(.myo_gal11) .sizer,
    #cover .cover-left + section.right:not(.slide) .myo_web1 .sizer {
        width: calc((100% - var(--gutter)) / 2);
    }

    #cover .cover-left + section.right:not(.slide) .myo_gal:not(.myo_gal11) .item,
    #cover .cover-left + section.right:not(.slide) .myo_web1 .item {
        margin-bottom: var(--gutter) !important;
    }

    #cover .cover-left + section.right:not(.slide) .myo_gal:not(.myo_gal11) .item:nth-last-child(-n + 4):nth-child(2n + 1),
    #cover .cover-left + section.right:not(.slide) .myo_gal:not(.myo_gal11) .item:nth-last-child(-n + 3):nth-child(2n + 2),
    #cover .cover-left + section.right:not(.slide) .myo_web1 .item:nth-last-child(-n + 4):nth-child(2n + 1),
    #cover .cover-left + section.right:not(.slide) .myo_web1 .item:nth-last-child(-n + 3):nth-child(2n + 2) {
        margin-bottom: 0 !important;
    }

    #cover .cover-left + section.right:not(.slide) .myo_web2 ol {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    #cover .cover-left + section.right:not(.slide) .myo_bbs .item {
        width: 100%;
    }

    #cover .cover-left + section.right:not(.slide) .myo_bbs .item:not(:nth-last-child(3)) {
        margin-bottom: calc(var(--gutter) / 2) !important;
    }

    #cover .cover-left ul {
        height: auto;
    }

    #cover .cover-left + .cover-left + section.right {
        width: var(--Cwidth) !important;
        max-width: var(--Cwidth) !important;
        padding: 0 !important;
    }

    .page-cover {
        display: none;
    }
}

/* 모바일 영역 */
@media screen and (max-width: 425px) {

    .m2 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs):not(.myo_web2) .item,
    .m2 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs):not(.myo_web2) .sizer {
        width: calc((100% - var(--gutter)) / 2);
    }

    .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs):not(.myo_web2) .item {
        margin-bottom: var(--gutter);
    }

    .m2 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_bbs):not(.myo_web2) .item:nth-last-child(-n + 4):nth-child(2n + 1),
    .m2 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_bbs):not(.myo_web2) .item:nth-last-child(-n + 3):nth-child(2n + 2) {
        margin-bottom: 0;
    }

    .m2 .myoskin:not(.myo_gal1):not(.myo_gal2):not(.myo_gal3):not(.myo_gal6):not(.myo_gal7):not(.myo_gal8):not(.myo_gal11):not(.myo_bbs):not(.myo_web1) .item,
    .m2 .myoskin:not(.myo_gal1):not(.myo_gal2):not(.myo_gal3):not(.myo_gal6):not(.myo_gal7):not(.myo_gal8):not(.myo_gal11):not(.myo_bbs):not(.myo_web1) .sizer,
    .m2 .myo_gal11 .item,
    .m2 .myo_gal11 .sizer {
        width: calc(100% / 2);
    }

    .m2 .myo_gal11 .item:nth-child(4n - 3),
    .m2 .myo_gal11 .item:nth-child(4n) {
        width: 100%;
    }

    .m2 .myo_gal11 .item:nth-child(4n) .thumbnail {
        padding-top: 50%;
    }

    .m2 .myo_gal11.square .item:nth-child(4n) .thumbnail img {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
    }

    .myo_bbs .item,
    .myo_bbs .sizer {
        width: 100% !important;
        ;
    }

    .m2 .myo_web2 ol {
        grid-template-columns: repeat(2, 1fr);
    }

    .m3 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs):not(.myo_web2) .item,
    .m3 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_gal11):not(.myo_bbs):not(.myo_web2) .sizer {
        width: calc((100% - var(--gutter) * 2) / 3);
    }

    .m3 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_bbs):not(.myo_web2) .item:nth-last-child(-n + 5):nth-child(3n + 1),
    .m3 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_bbs):not(.myo_web2) .item:nth-last-child(-n + 4):nth-child(3n + 2),
    .m3 .myoskin:not(.myo_gal4):not(.myo_gal5):not(.myo_gal9):not(.myo_gal10):not(.myo_bbs):not(.myo_web2) .item:nth-last-child(-n + 3):nth-child(3n + 3) {
        margin-bottom: 0;
    }

    .m3 .myoskin:not(.myo_gal1):not(.myo_gal2):not(.myo_gal3):not(.myo_gal6):not(.myo_gal7):not(.myo_gal8):not(.myo_gal11):not(.myo_web1) .item,
    .m3 .myoskin:not(.myo_gal1):not(.myo_gal2):not(.myo_gal3):not(.myo_gal6):not(.myo_gal7):not(.myo_gal8):not(.myo_gal11):not(.myo_web1) .sizer,
    .m3 .myo_gal11 .item:nth-child(4n - 2),
    .m3 .myo_gal11 .item:nth-child(4n - 1),
    .m3 .myo_gal11 .item:nth-child(4n),
    .m3 .myo_gal11 .sizer {
        width: calc(100% / 3);
    }

    .m3 .myo_web2 ol {
        grid-template-columns: repeat(3, 1fr);
    }

    .myo_gal.li .item a {
        margin-left: 45px;
    }

    .myo_gal.hover .item .info {
        display: none !important;
    }

    .post-header .info {
        padding-top: 10px;
    }

    #header {
        display: block !important;
    }

    #header:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--text);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .1;
        z-index: 99999;
        transition: .4;
    }

    #header > div {
        min-width: auto;
        max-width: var(--width);
    }

    #header .side,
    body.theme-ham .catebox .scroll > .side {
        display: none !important;
    }

    .catebox .scroll::-webkit-scrollbar {
        width: 0;
    }

    body.theme-ham .catebox .scroll > div:first-child {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }

    body:not(.theme-ham) .catebox .scroll > div:first-child {
        position: static;
        padding: 0;
        min-height: 100%;
    }

    body:not(.theme-ham) .catebox {
        width: 70% !important;
        overflow: hidden !important;
        height: 100%;
        position: fixed !important;
        top: 0px;
        margin: 0;
        transition: All 0.2s ease;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
        background-color: var(--point2);
        text-align: inherit;
    }

    body:not(.theme-ham) .catebox .cate-title {
        display: none;
    }

    body:not(.theme-ham) #main {
        transition: All 0.2s ease;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
    }

    html.open body:not(.theme-ham) #main {
        filter: blur(10px);
    }

    html.open body:not(.theme-ham) .page-cover {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9 !important;
    }

    body.theme-left .catebox {
        left: -75%;
    }

    html.open body.theme-left .catebox {
        left: 0;
    }

    body.theme-right .catebox {
        right: -75%;
    }

    html.open body.theme-right .catebox {
        right: 0;
    }

    html.open body.theme-right .catebox .blogmenu li,
    html.open body.theme-right .catebox .cate,
    html.open body.theme-right .catebox .category_list > li {
        flex-direction: row-reverse
    }

    html.open body.theme-right .copy {
        text-align: right;
    }

    body.theme-right .catebox .mc svg {
        left: 0;
    }

    body:not(.theme-ham) .catebox .scroll {
        width: 100%;
        position: static;
        padding: 15%;
        overflow: hidden;
        overflow-y: auto;
    }

    body:not(.theme-ham) .sub_category_list {
        position: static;
        border: 0;
        padding: 0;
        backdrop-filter: none;
        min-width: auto;
        font-size: .9em;
        padding-top: 25px;
        width: 100%;
    }

    body:not(.theme-ham) .sub_category_list:before,
    body:not(.theme-ham) .sub_category_list:after {
        display: none;
    }

    .mc {
        --background-size: 0%;
        --background-delay: 0s;
        --stroke-dashoffset: 26;
        --stroke-duration: .3s;
        --stroke-easing: cubic-bezier(.3, 1.5, .5, 1);
        --stroke-delay: .195s;
    }

    .catebox .mc .link_item {
        white-space: nowrap;
    }

    .link_sub_item {
        white-space: normal;
    }

    #morebox.myo_gal ol {
        grid-template-columns: repeat(2, 1fr);
    }

    #footer .side {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: calc(var(--gutter2) * 2);
    }

    .top {
        font-size: 1.5em;
    }

    .pass form {
        width: 70%;
    }

    .lst .info .date,
    .lst .info .cmt-btn {
        opacity: 1;
        margin-top: 10px;
    }

    .lst .info .date {
        margin-left: 0;
    }

    .lst .info .cmt-btn a {
        margin-left: 0;
        margin-right: 15px;
    }

    #cover section {
        min-width: 100%;
    }

    body.CsliderBack #header:before {
        opacity: 0;
    }

    #cover section .c-title {
        max-width: 100%;
    }

    #cover section .c-title,
    #cover #c-notice .wrap,
    #cover #c-bbs ul {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 320px) {
    .write .inputbox {
        flex-wrap: wrap;
    }

    .write .inputbox input {
        max-width: calc((100% - 60px) / 2);
    }

    .write .inputbox input[type='password'] {
        margin-right: 0;
    }

    .write .inputbox button {
        width: 100%;
    }
}

/* iOS */
@supports (-webkit-touch-callout: none) {

    .catebox .mc:hover .link_item,
    .catebox .mc.open .link_item {
        font-weight: normal;
        letter-spacing: normal;
    }
}