/*
Theme Name: 이영훈 테마
Description: 티스토리 스타일을 워드프레스에 적용한 테마입니다.
Version: 1.0
Author: 이영훈
*/
@charset "UTF-8";

h1,
h1[data-ke-size] {
    font-size: 2em
}

h2,
h2[data-ke-size] {
    font-size: 1.62em
}

h3,
h3[data-ke-size] {
    font-size: 1.44em
}

h4,
h4[data-ke-size] {
    font-size: 1.25em
}

#tt-body-page p[data-ke-size=size18],
p[data-ke-size=size18] {
    font-size: 1.12em
}

#tt-body-page p[data-ke-size=size14],
p[data-ke-size=size14] {
    font-size: .87em
}

.blogview_content p,
.blogview_content span[style="font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"] {
    font-family: Pretendard-Regular !important
}

.blogview_content b>span[style="font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"] {
    font-family: Pretendard-Bold !important;
    font-weight: 400
}

.blogview_content p>b {
    font-family: Pretendard-Bold;
    font-weight: 400
}

#tt-body-page h2[data-ke-size],
#tt-body-page h3[data-ke-size],
#tt-body-page h4[data-ke-size] {
    font-weight: 400
}

figure {
    margin: 0 0 20px;
    max-width: 100%;
    clear: both
}

figure figcaption {
    font-size: 13px;
    word-break: break-word;
    padding-top: 10px;
    min-height: 20px;
    caption-side: bottom;
    text-align: center
}

#tt-body-page iframe,
figure img,
figure iframe {
    max-width: 100%
}

figure img:not([width]),
figure iframe:not([width]) {
    width: 100%
}

#tt-body-page figure img,
figure img {
    display: inline-block
}

figure.imageblock,
#tt-body-page figure.imageblock {
    display: table;
    position: relative
}

figure.imageblock.alignLeft {
    text-align: left
}

figure.imageblock.alignCenter {
    margin: 0 auto 20px;
    text-align: center
}

figure.imageblock.alignRight {
    text-align: right;
    margin-left: auto
}

figure.imageblock.floatLeft {
    float: left;
    margin-right: 20px
}

figure.imageblock.floatRight {
    float: right;
    margin-left: 20px
}

figure.imageblock.widthContent,
#tt-body-page figure.imageblock.widthContent {
    display: block
}

figure.imageblock.widthContent img {
    width: 100%
}

figure.imageblock.floatLeft figcaption,
figure.imageblock.floatRight figcaption {
    text-align: left
}

#tt-body-page figure.imageblock img,
figure.imageblock img {
    display: inline-block;
    max-width: 100% !important;
    margin: 0;
    height: auto
}

figure.imagegridblock,
#tt-body-page figure.imagegridblock {
    position: relative;
    margin: 20px 0;
    background-color: transparent
}

figure.imagegridblock .image-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap
}

figure.imagegridblock .image-container>span {
    margin-right: 0 !important;
    margin-top: 2px !important
}

figure.imagegridblock img {
    margin: 0;
    height: inherit
}

figure.imagegridblock span img {
    width: 100%
}

figure.fileblock,
#tt-body-page figure.fileblock {
    margin-top: 28px;
    margin-bottom: 20px;
    width: 470px;
    height: 71px;
    border: 1px solid #e9e9e9;
    position: relative;
    border-radius: 1px
}

figure.fileblock.censorship {
    opacity: 56%
}

figure.fileblock a,
#tt-body-page figure.fileblock a {
    display: block;
    height: 71px
}

figure.fileblock a:after,
#tt-body-page figure.fileblock a:after {
    content: "";
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    background-position: -40px 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 24px;
    top: 19px
}

figure.fileblock a.censoring:after,
#tt-body-page figure.fileblock a.censoring:after {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/images/file-censoring-v1.gif);
    background-size: 30px;
    background-position-x: 2px
}

figure.fileblock .image,
#tt-body-page figure.fileblock .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    background-position: 0 0;
    margin: 21px 17px 20px 22px
}

figure.fileblock .image.censoring,
#tt-body-page figure.fileblock .image.censoring {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/images/file-censoring-v1.gif);
    background-position: 0 0;
    margin: 21px 17px 20px 22px
}

figure.fileblock .desc,
#tt-body-page figure.fileblock .desc {
    position: absolute;
    left: 70px;
    right: 60px;
    top: 0;
    bottom: 0
}

figure.fileblock .censorship-guide,
#tt-body-page figure.fileblock .censorship-guide {
    color: #333;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    line-height: 19px;
    word-wrap: break-word
}

figure.fileblock .filename,
#tt-body-page figure.fileblock .filename {
    color: #333;
    font-size: 14px;
    text-overflow: ellipsis;
    height: 20px;
    margin: 17px 0 0
}

figure.fileblock .name,
#tt-body-page figure.fileblock .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 272px;
    height: 20px;
    display: block
}

figure.fileblock .type,
#tt-body-page figure.fileblock .type {
    height: 20px;
    display: block;
    float: left
}

figure.fileblock .size,
#tt-body-page figure.fileblock .size {
    font-family: Pretendard-Regular, sans-serif;
    font-size: 12px;
    color: #777;
    height: 16px;
    margin: 2px 0 0
}

figure[data-ke-align=alignCenter].fileblock {
    margin-left: auto;
    margin-right: auto
}

figure[data-ke-align=alignRight].fileblock {
    margin-left: auto
}

figure.imageslideblock,
#tt-body-page figure.imageslideblock {
    clear: both;
    position: relative;
    font-size: 0;
    outline: 0 none !important
}

figure.imageslideblock .btn {
    display: none;
    outline: none
}

figure.imageslideblock.ready .btn {
    display: inline-block
}

figure.imageslideblock.ready .mark {
    opacity: 1
}

figure.imageslideblock div.image-container {
    position: relative;
    min-width: 480px;
    max-width: 100%;
    min-height: 300px;
    max-height: 860px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 auto
}

figure.imageslideblock div.image-container span.image-wrap {
    display: none
}

figure.imageslideblock div.image-container span.image-wrap.selected {
    display: inline
}

figure.imageslideblock div.image-container img {
    max-width: 100%;
    max-height: 100%
}

figure.imageslideblock div.image-container .btn {
    position: absolute;
    border: 0;
    background: transparent;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -20px
}

figure.imageslideblock div.image-container .btn-prev {
    left: 0
}

figure.imageslideblock div.image-container .btn-next {
    right: 0
}

figure.imageslideblock div.image-container:hover .btn span {
    opacity: .3
}

figure.imageslideblock div.image-container .btn span {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    text-indent: -10000px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: opacity ease-in-out .2s;
    display: inline-block
}

figure.imageslideblock div.image-container .btn:hover span {
    opacity: 1
}

figure.imageslideblock div.image-container .btn .ico-prev {
    background-position: -220px 0
}

figure.imageslideblock div.image-container .btn .ico-next {
    background-position: -260px 0
}

figure.imageslideblock div.mark {
    display: block;
    height: 44px;
    text-align: center;
    opacity: 0;
    transition: opacity ease-in-out .2s
}

figure.imageslideblock div.mark span {
    width: 30px;
    height: 4px;
    display: inline-block;
    margin: 20px 1px;
    background-color: #d6d6d6;
    text-indent: -10000px;
    overflow: hidden;
    cursor: pointer
}

figure.imageslideblock div.mark span:first-child {
    background-color: #000;
    margin-left: 0
}

figure.imageslideblock div.mark span:last-child {
    margin-right: 0
}

figure.imageslideblock figcaption {
    text-align: center;
    color: #666;
    font-size: 14px
}

figure.imageslideblock.alignLeft {
    text-align: left
}

figure.imageslideblock.alignCenter {
    margin: 0 auto 20px;
    text-align: center
}

figure.imageslideblock.alignRight {
    text-align: right;
    margin-left: auto
}

@media (max-width: 1110px) {
    figure.imageslideblock div.image-container {
        min-width: 100%;
        width: 100%;
        max-height: 100%
    }

    figure.imageslideblock div.image-container .btn span {
        opacity: .3
    }
}

hr[data-ke-style],
#tt-body-page hr[data-ke-style] {
    border: none;
    font-size: 0;
    line-height: 0;
    height: 20px;
    margin: 20px auto;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.0/image/divider-line.svg);
    background-size: 200px 200px;
    cursor: pointer !important
}

hr[data-ke-style=style1],
#tt-body-page hr[data-ke-style=style1] {
    background-position: 0 0;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style2],
#tt-body-page hr[data-ke-style=style2] {
    background-position: 0 -20px;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style3],
#tt-body-page hr[data-ke-style=style3] {
    background-position: 0 -40px;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style4],
#tt-body-page hr[data-ke-style=style4] {
    background-position: 0 -60px;
    width: 2px;
    height: 60px;
    background-repeat: no-repeat
}

hr[data-ke-style=style4]+hr[data-ke-style=style4],
#tt-body-page hr[data-ke-style=style4]+hr[data-ke-style=style4] {
    margin-top: 0
}

hr[data-ke-style=style5],
#tt-body-page hr[data-ke-style=style5] {
    background-position: 0 -120px
}

hr[data-ke-style=style6],
#tt-body-page hr[data-ke-style=style6] {
    background-position: 0 -140px
}

hr[data-ke-style=style7],
#tt-body-page hr[data-ke-style=style7] {
    background-position: 0 -160px;
    background-repeat: no-repeat;
    width: 200px
}

hr[data-ke-style=style8],
#tt-body-page hr[data-ke-style=style8] {
    background-position: 0 -180px;
    background-repeat: no-repeat;
    width: 200px
}

.contents_style table td {
    word-break: break-word
}

table[data-ke-style],
#tt-body-page table[data-ke-style] {
    margin-bottom: 20px
}

table[data-ke-style] th,
table[data-ke-style] td,
#tt-body-page table[data-ke-style] th,
#tt-body-page table[data-ke-style] td {
    padding: 8px
}

table[data-ke-style=style1] tr:first-child td {
    border-bottom: 1px solid #6ed3d8
}

table[data-ke-style=style2] tr:first-child td {
    border-bottom: 1px solid #008300
}

table[data-ke-style=style3] tr:first-child td {
    border-bottom: 1px solid #006dbe
}

table[data-ke-style=style4] tr:nth-child(2n) td {
    background-color: #f7f7f7
}

table[data-ke-style=style5] tr:nth-child(2n) td {
    background-color: #eff6f6
}

table[data-ke-style=style6] tr:nth-child(2n) td {
    background-color: #e6f0e6
}

table[data-ke-style=style7] tr:nth-child(2n) td {
    background-color: #f0f4f7
}

table[data-ke-style=style8] tr:first-child td {
    border-bottom: 2px solid #797979
}

table[data-ke-style=style8] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style8] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style9] tr:first-child td {
    border-bottom: 2px solid #6ed3d8
}

table[data-ke-style=style9] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style9] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style10] tr:first-child td {
    border-bottom: 2px solid #008300
}

table[data-ke-style=style10] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style10] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style11] tr:first-child td {
    border-bottom: 2px solid #2780d4
}

table[data-ke-style=style11] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style11] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style12] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style12] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style12] tr:first-child td {
    background-color: #9b9b9b;
    border: 1px solid #9b9b9b;
    color: #fff
}

table[data-ke-style=style13] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style13] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style13] tr:first-child td {
    background-color: #6ed3d8;
    border: 1px solid #6ed3d8;
    color: #fff
}

table[data-ke-style=style14] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style14] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style14] tr:first-child td {
    background-color: #008300;
    border: 1px solid #008300;
    color: #fff
}

table[data-ke-style=style15] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style15] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style15] tr:first-child td {
    background-color: #2780d4;
    border: 1px solid #2780d4;
    color: #fff
}

figure[data-ke-type=opengraph],
#tt-body-page figure[data-ke-type=opengraph] {
    margin-top: 30px;
    margin-bottom: 30px
}

figure[data-ke-type=opengraph] a,
#tt-body-page figure[data-ke-type=opengraph] a {
    position: relative;
    box-sizing: border-box;
    display: block;
    height: 200px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    color: #000;
    z-index: 1
}

figure[data-ke-type=opengraph] a:hover,
#tt-body-page figure[data-ke-type=opengraph] a:hover {
    opacity: 1
}

figure[data-ke-type=opengraph] div {
    position: relative
}

figure[data-ke-type=opengraph] a:before,
#tt-body-page figure[data-ke-type=opengraph] a:before,
#tt-body-page .blogview_content figure[data-ke-type=opengraph] a:before {
    background: none
}

figure[data-ke-type=opengraph] a div.og-image:before,
#tt-body-page figure[data-ke-type=opengraph] a div.og-image:before,
#tt-body-page .blogview_content figure[data-ke-type=opengraph] div.og-image:before {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/thumb-tistory.png);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-position: 0 0;
    content: "";
    background-repeat: no-repeat;
    z-index: -1
}

figure[data-ke-type=opengraph] div.og-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    border-right: 1px solid #d9d9d9;
    background-size: cover;
    background-position: center
}

figure[data-ke-type=opengraph] div.og-text {
    position: absolute;
    left: 201px;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 33px 46px 0 39px
}

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 {
    color: #000;
    font-size: 22px;
    line-height: 28px;
    max-width: 467px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 10px !important;
    overflow: hidden;
    font-family: Pretendard-Regular, sans-serif
}

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 {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #909090;
    max-height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

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 {
    position: absolute;
    bottom: 24px;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 14px;
    color: #909090;
    margin: 0
}

@media (max-width: 600px) {

    figure[data-ke-type=opengraph] a,
    #tt-body-page figure[data-ke-type=opengraph] a {
        height: 90px
    }

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

    figure[data-ke-type=opengraph] div.og-image {
        width: 88px
    }

    figure[data-ke-type=opengraph] div.og-text,
    #tt-body-page figure[data-ke-type=opengraph] div.og-text {
        left: 89px;
        padding: 13px 12px 0 20px
    }

    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-size: 16px;
        -webkit-line-clamp: 1
    }

    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 {
        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 {
        bottom: 10px
    }
}

figure[data-ke-type=video] {
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    color: #bdbdbd;
    letter-spacing: -.7px;
    font-size: 16px;
    line-height: 30px
}

figure[data-ke-type=video][data-ke-style=alignLeft] {
    text-align: left
}

figure[data-ke-type=video]>div.video-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

figure[data-ke-type=video]>div.video-wrap>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

figure[data-ke-type=video][data-ke-style=alignCenter] {
    margin: 0 auto 20px;
    text-align: center
}

figure[data-ke-type=video][data-ke-style=alignRight] {
    text-align: right;
    margin-left: auto
}

figure[data-ke-type=video] img {
    display: block;
    max-width: 100%
}

figure[data-ke-type=video] figcaption {
    text-align: center;
    color: #666;
    font-size: 14px
}

figure[data-ke-type=video][data-video-host=vimeo] span {
    display: none
}

figure[data-ke-type=video][data-video-host] iframe {
    margin: 0
}

figure[data-ke-type=video]>iframe[width="0"][height="0"] {
    width: 860px;
    height: 484px;
    max-width: 100%
}

blockquote,
blockquote p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    letter-spacing: 0px
}

#tt-body-page blockquote {
    margin: 20px auto 0
}

#tt-body-page blockquote[data-ke-style=style1] {
    text-align: center;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0;
    padding: 34px 0 0;
    font-size: 15pt;
    color: #333;
    line-height: 23pt;
    border: 0 none
}

blockquote[data-ke-style=box],
#tt-body-page blockquote[data-ke-style=box],
blockquote[data-ke-style=style3],
#tt-body-page blockquote[data-ke-style=style3] {
    border: 1px solid #dddddd;
    background: #fcfcfc;
    text-align: left;
    padding: 21px 25px 20px;
    color: #666;
    line-height: 1.75
}

pre {
    overflow: auto
}

div[data-ke-type=moreLess] {
    margin: 20px 0;
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

div[data-ke-type=moreLess] .moreless-content,
#tt-body-page div[data-ke-type=moreLess] .moreless-content {
    display: none;
    margin-top: 16px
}

div[data-ke-type=moreLess].open .moreless-content,
#tt-body-page div[data-ke-type=moreLess].open .moreless-content {
    display: block
}

div[data-ke-type=moreLess] .btn-toggle-moreless,
#tt-body-page div[data-ke-type=moreLess] .btn-toggle-moreless {
    color: #909090;
    font-size: 16px;
    line-height: 26px;
    font-family: Pretendard-Regular, sans-serif;
    cursor: pointer;
    text-decoration: none
}

figure[data-ke-type=map],
iframe[data-ke-type=map] {
    display: block;
    margin: 0 auto
}

ul[data-ke-list-type=disc],
ul[data-ke-list-type=disc] li,
#tt-body-page ul[data-ke-list-type=disc],
#tt-body-page ul[data-ke-list-type=disc] li {
    list-style-type: disc
}

ul[data-ke-list-type=square],
ul[data-ke-list-type=square] li,
#tt-body-page ul[data-ke-list-type=square],
#tt-body-page ul[data-ke-list-type=square] li {
    list-style-type: square
}

.btn_moreLess {
    border: 0;
    background: transparent;
    display: block;
    height: 21px;
    font-size: 14px;
    line-height: 14px;
    color: #888;
    position: relative;
    text-align: left
}

.btn_moreLess:before {
    content: "···";
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    letter-spacing: -4px;
    vertical-align: top
}

figure[data-ke-type=emoticon][data-ke-align=alignCenter] {
    text-align: center
}

figure[data-ke-type=emoticon][data-ke-align=alignLeft] {
    text-align: left
}

figure[data-ke-type=emoticon][data-ke-align=alignRight] {
    text-align: right
}

.box-timeline-content {
    word-break: break-all
}

.restrict-confirm-wrap {
    padding: 30px 10px;
    margin: 20px 20px 0;
    text-align: center;
    border: solid 1px #cccccc;
    line-height: 1.75em
}

.restrict-confirm-wrap .underline {
    text-decoration: underline
}

figure[data-ke-type=contentSearch][data-ke-align=alignLeft] {
    text-align: left
}

figure[data-ke-type=contentSearch][data-ke-align=alignCenter] {
    margin: 20px auto 0;
    text-align: center
}

figure[data-ke-type=contentSearch][data-ke-align=alignRight] {
    text-align: right;
    margin-left: auto
}

figure[data-ke-type=contentSearch] {
    display: flex;
    width: 560px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    border: solid 1px rgba(0, 0, 0, .1);
    background-color: var(--10-ffffff)
}

figure[data-ke-type=contentSearch] a {
    text-align: left;
    display: flex;
    text-decoration: none
}

figure[data-ke-type=contentSearch] div.cs-image {
    flex: none;
    width: 172px;
    min-height: 172px;
    border-right: solid 1px rgba(0, 0, 0, .1);
    display: block;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-image,
figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-image,
figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-image {
    height: 250px
}

figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-image {
    width: 204px;
    height: 250px
}

figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-image {
    background-size: contain
}

figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-info-wrap {
    padding: 34px 30px 32px 40px
}

figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
    padding: 38px 30px 32px 40px
}

figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
    width: 354px
}

figure[data-ke-type=contentSearch] div.cs-info-wrap {
    position: relative;
    padding: 40px 40px 32px;
    width: 388px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

figure[data-ke-type=contentSearch] .cs-title {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

figure[data-ke-type=contentSearch] .cs-desc {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #909090;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

figure[data-ke-type=contentSearch] .cs-props {
    margin-top: auto
}

figure[data-ke-type=contentSearch] .cs-info {
    display: block;
    overflow: hidden;
    position: relative;
    margin-block: 0
}

figure[data-ke-type=contentSearch] .cs-info:nth-child(n+2) {
    margin-top: 12px
}

figure[data-ke-type=contentSearch] .cs-info>dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #909090
}

figure[data-ke-type=contentSearch] .cs-info>dd {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal
}

figure[data-ke-type=contentSearch] .cs-info object {
    display: inline-flex;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #2b7cf9
}

figure[data-ke-type=contentSearch] .cs-info>dd {
    margin-left: 35px
}

figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-info>dd {
    margin-left: 57px
}

figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-info>dd,
figure[data-ke-type=contentSearch][data-cs-kind=book] .cs-info>dd {
    margin-left: 46px
}

figure[data-ke-type=contentSearch] div {
    position: relative
}

figure[data-ke-type=contentSearch] div.cs-image button {
    display: none
}

.ico-star {
    background: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/star-icon.svg);
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -1px;
    width: 12px;
    height: 12px
}

@media (max-width: 600px) {
    figure[data-ke-type=contentSearch] div.cs-image {
        width: 90px;
        min-height: 0
    }

    figure[data-ke-type=contentSearch]>a {
        overflow: hidden
    }

    figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-image {
        height: 90px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-image {
        height: 130px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-image {
        width: 107px;
        height: 130px
    }

    figure[data-ke-type=contentSearch] div.cs-info-wrap {
        width: calc(100% - 90px)
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
        width: calc(100% - 107px)
    }

    figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
        padding: 22px 10px 20px 20px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-info-wrap {
        padding: 14px 30px 13px 20px
    }

    figure[data-ke-type=contentSearch] .cs-title {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0
    }

    figure[data-ke-type=contentSearch] .cs-info+.cs-info {
        margin-top: 7px
    }

    figure[data-ke-type=contentSearch] .cs-props {
        margin-top: 14px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] .cs-props,
    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-props,
    figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-props {
        margin-top: 10px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] .cs-props {
        margin-top: 5px
    }

    figure[data-ke-type=contentSearch] .cs-info>dd,
    figure[data-ke-type=contentSearch] .cs-info>dt {
        font-size: 12px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-info>dd {
        margin-left: 29px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=book] .cs-info>dd {
        margin-left: 39px
    }

    figure[data-ke-type=contentSearch] .cs-desc,
    figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-props .cs-info:last-child,
    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-props .cs-info:last-child,
    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] .cs-props .cs-info:first-child,
    figure[data-ke-type=contentSearch][data-cs-kind=play] .cs-props .cs-info:first-child {
        display: none
    }
}

.phocus-viewport-aligner {
    top: env(safe-area-inset-top, 0) !important
}

.container_postbtn div,
.container_postbtn dl,
.container_postbtn dt,
.container_postbtn dd,
.container_postbtn ul,
.container_postbtn ol,
.container_postbtn li,
.container_postbtn fieldset,
.container_postbtn legend,
.container_postbtn textarea,
.container_postbtn p,
.container_postbtn blockquote,
.container_postbtn th,
.container_postbtn td,
.container_postbtn input,
.container_postbtn select,
.container_postbtn button,
.layer_post button,
.layer_tooltip button,
.layer_tooltip p,
.layer_tooltip div {
    margin: 0;
    padding: 0
}

.container_postbtn fieldset,
.container_postbtn img {
    border: 0 none
}

.container_postbtn dl,
.container_postbtn ul,
.container_postbtn ol,
.container_postbtn menu,
.container_postbtn li {
    list-style: none
}

.container_postbtn blockquote,
.container_postbtn q {
    quotes: none
}

.container_postbtn blockquote:before,
.container_postbtn blockquote:after,
.container_postbtn q:before,
.container_postbtn q:after {
    content: "";
    content: none
}

.container_postbtn input,
.container_postbtn select,
.container_postbtn textarea,
.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    vertical-align: middle
}

.container_postbtn input::-ms-clear {
    display: none
}

.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    outline: none
}

.container_postbtn th,
.container_postbtn td,
.container_postbtn input,
.container_postbtn select,
.container_postbtn textarea,
.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    font-size: 13px;
    line-height: 1.5;
    font-family: Pretendard-Regular, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif !important;
    -webkit-font-smoothing: antialiased
}

.container_postbtn a {
    color: #333;
    text-decoration: none
}

.container_postbtn a:active,
.container_postbtn a:hover {
    text-decoration: underline
}

.container_postbtn a:active {
    background-color: transparent
}

.container_postbtn address,
.container_postbtn caption,
.container_postbtn cite,
.container_postbtn code,
.container_postbtn dfn,
.container_postbtn em,
.container_postbtn var {
    font-style: normal;
    font-weight: 400
}

.container_postbtn *,
.layer_post *,
.layer_tooltip * {
    letter-spacing: normal
}

.no_scroll,
.no_scroll body {
    height: 100%;
    overflow: hidden
}

.screen_out {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.container_postbtn {
    min-width: 310px;
    padding: 35px 0;
    position: relative;
    clear: both
}

.container_postbtn:after {
    content: "";
    display: block;
    clear: both
}

.ico_postbtn,
.container_postbtn .ico_postbtn,
.container_postbtn .btn_menu_toolbar .img_common_tistory,
.bundle_ccl .ico_postbtn {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/ico_postbtn_190118.png) no-repeat;
    vertical-align: top;
    text-indent: -9999px
}

.bundle_ccl .ico_postbtn:first-child {
    margin-left: 0
}

.container_postbtn .btn_post {
    height: 30px;
    padding: 0 6px;
    font-size: 0 !important;
    line-height: 0 !important;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    color: inherit !important
}

.container_postbtn .btn_post .txt_like {
    display: inline-block;
    margin: -1px 0 0;
    font-size: 13px !important;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    line-height: 19px !important;
    color: inherit !important;
    vertical-align: top
}

.container_postbtn .btn_post .ico_postbtn {
    width: 14px;
    height: 14px;
    max-width: 15px
}

.container_postbtn.follwing .ico_check {
    display: inline-block
}

.container_postbtn .btn_post .empathy_up_without_ani .ico_like {
    background-position: -120px -20px
}

.container_postbtn .txt_tool_id {
    display: none
}

.container_postbtn .btn_post .ico_like {
    width: 15px;
    margin: 3px 4px 0 0;
    background-position: -100px -20px
}

.container_postbtn .btn_post .ico_sns {
    background-position: -40px 0
}

.container_postbtn .btn_post .ico_report {
    background-position: -60px 0;
    line-height: 30px
}

.container_postbtn .btn_post .ico_statistics {
    width: 13px;
    height: 15px;
    margin: -1px 0 0;
    background-position: -80px -40px
}

.container_postbtn .btn_post .ico_share {
    width: 13px;
    height: 15px;
    margin: -1px 0 0;
    background-position: -100px 0
}

.container_postbtn .btn_post .ico_etc {
    height: 4px;
    margin-left: -1px;
    background-position: -120px 0
}

.container_postbtn .btn_menu_toolbar {
    width: 80px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(185, 185, 185, .5);
    border-radius: 16px;
    font-size: 0 !important;
    line-height: 30px;
    color: inherit;
    box-sizing: border-box;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif
}

.container_postbtn .btn_menu_toolbar .txt_state {
    margin: 0 0 0 -1px;
    font-size: 13px !important;
    line-height: inherit !important
}

.container_postbtn .btn_menu_toolbar .ico_check_type1 {
    display: none;
    width: 9px;
    height: 7px;
    margin: 12px 0 0 3px;
    background-position: -120px -10px
}

.container_postbtn .btn_menu_toolbar.following .ico_check_type1 {
    display: inline-block
}

.container_postbtn .postbtn_like {
    float: left;
    padding: 0 9px;
    border-radius: 16px;
    border: 1px solid #959595;
    border-color: rgba(185, 185, 185, .5);
    font-size: 0 !important
}

.container_postbtn .postbtn_like .wrap_btn {
    float: left;
    position: relative
}

.container_postbtn .postbtn_like+.btn_menu_toolbar {
    margin: 0 0 0 6px
}

.layer_post {
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 9px 0;
    border-radius: 1px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
    white-space: nowrap;
    -webkit-font-smoothing: antialiased
}

.layer_post .btn_mark {
    display: block;
    width: 100%;
    padding: 7px 18px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    text-align: left;
    box-sizing: border-box;
    text-decoration: none
}

.layer_post .btn_mark:hover {
    background-color: #f5f5f5
}

.layer_post .ico_arrt {
    position: absolute;
    top: -8px;
    left: 8px;
    width: 14px;
    height: 8px;
    background-position: -160px 0
}

.layer_post .ico_arrbt {
    position: absolute;
    bottom: -10px;
    left: 4px;
    width: 20px;
    height: 10px;
    background-position: -140px 0
}

.container_postbtn .postbtn_ccl {
    position: absolute;
    top: 0;
    right: 0
}

.container_postbtn .link_ccl {
    display: block;
    height: 16px;
    font-size: 0 !important
}

.container_postbtn .bundle_ccl {
    display: block
}

.bundle_ccl .ico_postbtn {
    width: 16px;
    height: 16px
}

.bundle_ccl .ico_ccl1 {
    background-position: 0 -40px
}

.bundle_ccl .ico_ccl2 {
    background-position: -20px -40px
}

.bundle_ccl .ico_ccl3 {
    background-position: -40px -40px
}

.bundle_ccl .ico_ccl4 {
    background-position: -60px -40px
}

.layer_ccl {
    display: none;
    position: absolute;
    padding: 8px 20px 16px 17px;
    border-radius: 1px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
    white-space: nowrap
}

.layer_ccl .txt_mark {
    display: block;
    padding-top: 8px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    font-size: 13px !important;
    line-height: 16px;
    color: #333
}

.layer_ccl .ico_postbtn {
    margin: 0 5px 0 0
}

.layer_ccl .ico_arrbt {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 20px;
    height: 10px;
    background-position: -140px 0
}

.ico_sns,
.bundle_ccl .ico_sns {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/ico_sns_type1.png) no-repeat;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: top
}

.layer_post .ico_sns {
    margin: 2px 10px 0 0
}

.layer_post .ico_ks {
    margin: 0 11px 0 2px
}

.layer_post .ico_kt {
    margin-right: 9px
}

.layer_post .ico_tw {
    margin-right: 7px
}

.layer_post .ico_url {
    margin-right: 9px
}

.ico_fb {
    width: 12px;
    height: 12px;
    background-position: 0 0
}

.ico_kt {
    width: 12px;
    height: 11px;
    background-position: -20px 0
}

.ico_ks {
    width: 8px;
    height: 14px;
    background-position: -20px -20px
}

.ico_tw {
    width: 14px;
    height: 11px;
    background-position: 0 -20px
}

.ico_url {
    width: 12px;
    height: 12px;
    background-position: -30px -20px
}

.layer_tooltip {
    overflow: hidden;
    position: fixed;
    bottom: 20px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    left: 50%;
    transform: translate(-50%);
    z-index: 10000
}

.layer_tooltip .inner_layer_tooltip {
    padding: 12px 0 14px
}

.layer_tooltip .inner_layer_tooltip .desc_g {
    padding: 0 24px;
    font-size: 14px !important;
    line-height: 14px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    color: #fff
}

.layer_tooltip .inner_layer_tooltip .btn_close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding: 5px;
    box-sizing: border-box
}

.layer_tooltip .inner_layer_tooltip .ico_close {
    width: 10px;
    height: 10px;
    background-position: -100px -40px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
not all,
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {

    .container_postbtn .ico_postbtn,
    .container_postbtn .btn_menu_toolbar .img_common_tistory,
    .bundle_ccl .ico_postbtn {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/r2/ico_postbtn_190118.png);
        background-size: 180px 60px
    }

    .ico_sns,
    .container_postbtn .ico_sns,
    .bundle_ccl .ico_sns {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/r2/ico_sns_type1.png);
        background-size: 50px 40px
    }
}

.jukebox_wrapper {
    width: 280px;
    margin: 40px auto
}

.jukebox_wrapper ol.jukebox_list {
    padding: 0;
    margin: 0;
    list-style: decimal-leading-zero inside;
    color: #ccc;
    width: 280px;
    border-top: 1px solid #ccc;
    font-size: .9em
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item {
    position: relative;
    margin: 0;
    padding: 9px 2px 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    list-style-position: inside;
    list-style: none
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item a {
    display: block;
    text-decoration: none
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item:before {
    content: "";
    padding: 0
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing {
    color: #aaa;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing a {
    color: #000
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing:before {
    content: "♬";
    font-size: 1em;
    margin: 0;
    position: absolute;
    left: -24px;
    top: 9px;
    color: #000;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.audiojs {
    width: 280px !important
}

.audiojs .scrubber {
    width: 120px !important
}

.audiojs .time {
    width: 100px;
    text-align: center;
    padding: 0;
    margin: 0 1px 0 0
}

.audiojs .play {
    background: url(//t1.daumcdn.net/tistory_admin/lib/audiojs/player-graphics.gif) -2px -1px no-repeat !important
}

.story_banner {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%);
    width: 273px;
    height: 75px;
    border-radius: 20px;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, .26);
    background-color: #f5f5f5;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    font-family: KakaoBigOTFRegular, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    z-index: 2147483647
}

.story_banner:after {
    content: "";
    clear: both;
    display: block;
    width: 0;
    height: 0
}

.story_banner .cont_left {
    display: block;
    padding: 17px 0 17px 22px
}

.story_banner .cont_mov {
    display: block;
    overflow: hidden;
    flex: 0 0 105px;
    width: 105px;
    height: 35px;
    margin: 21px 16px 17px 0
}

.story_banner .desc_g {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 17px;
    color: #000;
    letter-spacing: -.5px
}

.story_banner .tit_bnr_story {
    display: block;
    text-align: left
}

.story_banner .tit_bnr_svg_story {
    display: inline-block;
    width: 41px;
    height: 17px;
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 3px
}

.story_banner .tit_bnr_svg_story svg {
    display: block;
    width: 100%;
    height: 100%
}

.story_banner .tit_bnr_story .txt_bnr {
    display: inline;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    vertical-align: top;
    letter-spacing: -.5px
}

.story_banner .bnr_close {
    position: absolute;
    top: -14px;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fff
}

.story_banner .bnr_close svg {
    width: 11.5px;
    height: 11.5px
}

.blogview_challenge {
    padding: 15px 20px 0
}

.blogview_challenge .link_event {
    display: flex;
    align-items: center;
    padding: 0 8px 0 16px;
    height: 32px;
    background-color: #eedcd2;
    border-radius: 100px
}

.blogview_challenge .link_event .tit_event {
    overflow: hidden;
    display: inline-block;
    font-family: Pretendard-Bold, sans-serif;
    padding-right: 10px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.blogview_challenge .link_event .txt_event {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 13px;
    line-height: 32px;
    color: #222;
    vertical-align: top;
    flex-shrink: 0
}

.blogview_challenge .link_event .ico_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://t1.daumcdn.net/tistory_admin/assets/challenge/ico_arrow_v1.svg) no-repeat 0 0;
    vertical-align: top
}

.business_license_ico_comm {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/mobile/m320/ico_comm_160809.png) no-repeat 0 0;
    text-indent: -9999px;
    vertical-align: top
}

.business_license_layer {
    padding-top: 25px;
    margin-bottom: -8px
}

.business_license_layer .link_info {
    padding: 5px 0;
    font-size: 13px;
    line-height: 31px;
    color: #666;
    text-decoration: none
}

.business_license_layer .ico_fold {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 6px 0 0;
    background-position: -280px -90px;
    vertical-align: top
}

.business_license_layer .license_info {
    display: none;
    padding: 16px 20px;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 21px;
    color: #888
}

.business_license_layer .link_shoppolicy {
    color: #888
}

.unfold_license .license_info {
    display: block
}

.mobile-article .info_license {
    padding: 20px;
    max-width: 736px;
    margin: 0 auto;
    box-sizing: border-box
}

.info_license {
    padding-top: 25px;
    margin-bottom: -8px
}

.info_license .link_info {
    padding: 5px 0;
    font-size: 13px;
    line-height: 31px;
    color: #666
}

.info_license .ico_fold {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 6px 0 0;
    background-position: -280px -90px;
    vertical-align: top
}

.info_license .box_license {
    display: none;
    padding: 16px 20px;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 21px;
    color: #888
}

.info_license .link_shoppolicy {
    color: #888
}

.unfold_license {
    margin-bottom: 0
}

.unfold_license .ico_fold {
    background-position: -300px -90px
}

.unfold_license .box_license {
    display: block
}

.worth_story {
    position: relative;
    padding-top: 28px;
    background-color: #fff
}

.worth_story:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.worth_story .tit_section {
    position: relative;
    display: block;
    padding: 0 20px;
    max-width: 736px;
    margin: auto;
    box-sizing: border-box
}

.worth_story .wrap_tit {
    display: flex;
    max-width: 736px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

.worth_story .wrap_tit .tit_section {
    padding-left: 0
}

.worth_story .wrap_tit .link_service {
    display: flex;
    align-items: center;
    position: relative;
    top: auto;
    right: auto;
    margin-left: auto
}

.worth_story .tit_section .txt_g {
    font-size: 16px;
    line-height: 23px;
    color: #000;
    letter-spacing: -.3px;
    font-weight: 400;
    font-family: Pretendard-SemiBold
}

.worth_story .icon_story {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 5px
}

.worth_story .icon_story svg {
    width: 23px;
    height: 23px
}

.worth_story .list_worth {
    max-width: 736px;
    margin: 0 auto;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.worth_story .list_worth li {
    display: block;
    padding: 24px 0;
    border-top: 1px solid #f5f5f5
}

.worth_story .list_worth li:first-child {
    margin-top: 1px;
    border-top: none
}

.worth_story .worth_thumb {
    display: block;
    float: right;
    width: 88px;
    height: 88px;
    margin-left: 25px
}

.worth_story .worth_thumb .thumb_g {
    display: block;
    width: 88px;
    height: 88px
}

.worth_story .worth_cont {
    overflow: hidden
}

.worth_story .worth_cont .tit_g {
    display: -webkit-box;
    overflow: hidden;
    max-height: 46px;
    font-size: 18px;
    line-height: 24px;
    color: #222;
    font-weight: 400;
    font-family: Pretendard-Regular;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.worth_story .worth_cont .desc_g {
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    padding-top: 7px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 19px;
    color: #666;
    font-weight: 400;
    font-family: Pretendard-Light
}

.worth_story .worth_cont .wrap_info {
    display: flex;
    padding: 16px 0 0;
    align-items: center
}

.worth_story .worth_service {
    display: block;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    font-size: 1px;
    line-height: 0;
    color: transparent
}

.worth_story .worth_service svg {
    width: 21px;
    height: 21px
}

.worth_story .tistory_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/tistory_rect.png);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .kakaostory_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/kakaostory_rect.svg);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .brunch_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/brunch_rect.png);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .worth_user {
    font-size: 13px;
    line-height: 18px;
    color: #222;
    white-space: nowrap
}

.worth_story .link_worth {
    display: block;
    overflow: hidden
}

.worth_story .link_service {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    padding-right: 11px;
    font-size: 12px;
    line-height: 19px;
    color: #949494;
    letter-spacing: -.3px;
    font-weight: 500
}

.worth_story .link_service:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 5px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    border-right: .7px solid #949494;
    border-bottom: .7px solid #949494;
    transform: translateY(-50%) rotate(-45deg)
}

.worth_story .btn_more {
    display: block;
    width: calc(100% - 40px);
    max-width: 696px;
    height: 44px;
    margin: 5px auto 0;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 42px;
    color: #222
}

.wrap_bnr_story {
    display: flex;
    height: 75px;
    margin-top: 24px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
}

.wrap_bnr_story img {
    display: block;
    width: 360px;
    height: 75px;
    object-fit: cover
}

.blogview_content .link_footnote {
    display: inline-block;
    font-family: Pretendard-Regular, sans-serif;
    font-size: .7em;
    line-height: .7em;
    font-weight: 700;
    color: #f54;
    text-decoration: none;
    vertical-align: top;
    padding-left: 2px;
    padding-top: 3px
}

.blogview_content .footnote_tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 111;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    transform: scale(0)
}

.blogview_content .footnote_tooltip.open {
    transform: scale(1);
    animation: ease-in fade-in .3s
}

.blogview_content .footnote_tooltip .inner_tooltip {
    box-sizing: border-box;
    position: absolute;
    z-index: 333;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 200px;
    background: #fff;
    overflow: auto;
    padding: 17px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transform: scale(0)
}

.blogview_content .footnote_tooltip .inner_tooltip .txt_footnote {
    display: none;
    font-size: 14px;
    text-align: initial
}

.blogview_content .footnote_tooltip .inner_tooltip .txt_footnote .note_num {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.blogview_content .footnote_tooltip.open .inner_tooltip {
    transform: scale(1);
    animation: cubic-bezier(.165, .74, .44, 1) down-up .3s
}

.blogview_content .footnote_tooltip .btn_close {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 333
}

.blogview_content .footnote_tooltip .btn_close .ico_close {
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/ico_comm3.png);
    background-size: 600px 600px;
    background-position: -134px 0px;
    width: 18px;
    height: 18px
}

@keyframes down-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.blogview_content {
    font-size: 16px;
    line-height: 1.5;
    font-family: Pretendard-Regular, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    color: #000
}

.blogview_content.editor-daum h1:not([data-ke-size]) {
    padding: 14px 0 13px;
    font-size: 20px;
    line-height: 48px;
    font-weight: 700
}

.blogview_content h2:not([data-ke-size]) {
    padding: 15px 0 14px;
    font-size: 20px;
    line-height: 39px;
    font-weight: 700
}

.blogview_content h3:not([data-ke-size]) {
    padding: 15px 0;
    font-size: 18px;
    line-height: 31px;
    font-weight: 700
}

.blogview_content h4:not([data-ke-size]) {
    padding: 16px 0 15px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.blogview_content .legacy_moreLess {
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

.blogview_content [style*=font-size] {
    line-height: 1.5em !important
}

.blogview_content [style*=font-size][style*="7pt"],
.blogview_content [style*=font-size][style*="8pt"] {
    font-size: 15px !important
}

.blogview_content [style*=font-size][style*="9pt"],
.blogview_content [style*=font-size][style*="10pt"],
.blogview_content [style*=font-size][style*="11pt"],
.blogview_content [style*=font-size][style*="12pt"],
.blogview_content [style*=font-size][style*="13pt"],
.blogview_content [style*=font-size][style*="14pt"] {
    font-size: 16px !important
}

.blogview_content [style*=font-size][style*="18pt"],
.blogview_content [style*=font-size][style*="19pt"],
.blogview_content [style*=font-size][style*="20pt"],
.blogview_content [style*=font-size][style*="21pt"],
.blogview_content [style*=font-size][style*="22pt"],
.blogview_content [style*=font-size][style*="23pt"],
.blogview_content [style*=font-size][style*="24pt"] {
    font-size: 21px !important
}

.blogview_content [style*=font-size][style*="36pt"] {
    font-size: 26px !important
}

.blogview_content p:not([data-ke-size]) {
    margin-bottom: 27px
}

.blogview_content ul:not([data-ke-list-type]) li,
.blogview_content ol:not([data-ke-list-type]) li {
    position: relative;
    padding: 0 0 0 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.6em !important;
    color: #303030;
    list-style: none !important
}

.blogview_content .map_attach ul:not([data-ke-list-type]) li {
    padding: 0 10px !important
}

.blogview_content .map_attach li:before {
    background-color: transparent !important;
    margin: 0;
    padding: 0
}

.blogview_content ul:not([data-ke-list-type]) li:before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #3c4249;
    content: ""
}

.blogview_content ol:not([data-ke-list-type]) {
    margin-top: 0
}

.blogview_content ol:not([data-ke-list-type]) li:before {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    font-size: .9em;
    color: #303030;
    content: counter(ol-counter) ".";
    counter-increment: ol-counter
}

.blogview_content>ul:not([data-ke-list-type]),
.blogview_content>ol:not([data-ke-list-type]) {
    margin-top: 1em;
    margin-bottom: 1em
}

.blogview_content hr:not([data-ke-style]) {
    margin: 12px 0
}

.blogview_content .video-wrap:not([data-ke-type] .video-wrap) {
    position: relative;
    height: 0;
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25% !important
}

.blogview_content .video-wrap:not([data-ke-type] .video-wrap) iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0 !important
}

.blogview_content .box_fold .txt_fold {
    position: static;
    left: auto;
    top: auto
}

.blogview_content .box_fold .txt_fold:before {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    border: none
}

.blogview_content .table_wrap {
    overflow: auto;
    max-width: 100%
}

.blogview_content .table_wrap .txc-table {
    width: max-content
}

.blogview_content .lagacy_moreLess {
    margin: 1em 0;
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

.blogview_content .lagacy_moreLess .btn_moreLess {
    margin-top: 0;
    margin-bottom: 0
}

.blogview_content .btn_less {
    margin-top: 7px;
    color: #888
}

.blogview_content .txc-file .tx-unresizable {
    vertical-align: middle
}

.blogview_content.useless_p_margin h1,
.blogview_content.useless_p_margin h2,
.blogview_content.useless_p_margin h3,
.blogview_content.useless_p_margin h4,
.blogview_content.useless_p_margin h5,
.blogview_content.useless_p_margin h6 {
    padding-top: .3em;
    padding-bottom: .3em
}

.blogview_content.useless_p_margin h2 {
    padding: 8px 0 7px
}

.blogview_content.useless_p_margin h3 {
    padding: 7px 0 6px
}

.blogview_content.useless_p_margin h4 {
    padding: 6px 0 5px
}

.blogview_content.useless_p_margin h5 {
    padding: 3px 0
}

.blogview_content.useless_p_margin h6 {
    padding: 2px 0
}

.blogview_content.useless_p_margin p {
    margin: .25em 0
}

.blogview_content.useless_p_margin img {
    margin: 0 auto
}

.blogview_content.useless_p_margin hr {
    margin-bottom: 11px
}

.blogview_content {
    max-width: 736px;
    margin: 0 auto;
    font-size: 16px;
    padding: 30px 20px;
    line-height: 1.75;
    color: #222;
    word-break: break-all;
    box-sizing: border-box
}

.blogview_content>*:first-child {
    margin-top: 0
}

.blogview_content h1 {
    font-size: 1.8em
}

.blogview_content h1,
.blogview_content h2,
.blogview_content h3,
.blogview_content h4 {
    padding: 1em 0 .35em;
    line-height: 1.5em;
    font-weight: 400;
    word-break: break-word
}

.blogview_content h1+h1,
.blogview_content h2+h2,
.blogview_content h3+h3,
.blogview_content h4+h4 {
    padding-top: 0
}

.blogview_content>p {
    margin-top: 1em;
    margin-bottom: .5em
}

.blogview_content p+p {
    margin-top: 0;
    margin-bottom: .5em
}

.blogview_content.useless_p_margin p+p {
    margin-bottom: 0
}

.blogview_content a {
    color: #006dd7;
    text-decoration: underline
}

.blogview_content img {
    display: inline;
    max-width: 100%;
    height: auto
}

.blogview_content .imageblock img {
    height: auto !important
}

.blogview_content blockquote {
    display: block;
    position: relative;
    margin: 20px 0;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #222;
    font-family: AppleSDGothicNeo-Light, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif
}

.blogview_content blockquote:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    background-color: #bbb
}

.blogview_content blockquote.tx-quote-tistory div {
    margin-left: 2px;
    margin-right: 2px
}

.blogview_content blockquote[data-ke-style=comma],
.blogview_content blockquote[data-ke-style=style1],
.blogview_content blockquote.tx-quote-tistory {
    padding: 30px 20px 0 !important;
    font-size: 18px;
    line-height: 32px;
    color: #555;
    text-align: center;
    background-size: 23px 18px;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0 !important
}

.blogview_content blockquote[data-ke-style=comma]:after,
.blogview_content blockquote[data-ke-style=style1]:after,
.blogview_content blockquote.tx-quote-tistory:after {
    content: none
}

.blogview_content blockquote[data-ke-style=normal],
.blogview_content blockquote[data-ke-style=style2],
.blogview_content blockquote .tx-quote-tistory {
    padding: 4px 0 4px 19px;
    font-weight: lighter
}

.blogview_content blockquote[data-ke-style=normal]:after,
.blogview_content blockquote[data-ke-style=style2]:after,
.blogview_content blockquote .tx-quote-tistory:after {
    content: ""
}

.blogview_content blockquote[data-ke-style=box],
.blogview_content blockquote[data-ke-style=style3] {
    padding: 16px 20px 15px;
    background-color: #fcfcfc;
    font-size: 16px;
    line-height: 28px;
    color: #222;
    text-align: left;
    font-weight: lighter
}

.blogview_content blockquote[data-ke-style=box]:after,
.blogview_content blockquote[data-ke-style=style3]:after {
    content: none
}

.blogview_content hr[data-ke-style] {
    margin-bottom: 27px;
    height: 20px
}

.blogview_content hr[data-ke-style][data-ke-style=style1] {
    width: 67px;
    background-position: 0 7px
}

.blogview_content hr[data-ke-style].tx-hr-border-2,
.blogview_content hr[data-ke-style][data-ke-style=style2] {
    width: 67px;
    background-position: 0 -11px
}

.blogview_content hr[data-ke-style].tx-hr-border-3,
.blogview_content hr[data-ke-style][data-ke-style=style3] {
    width: 67px;
    background-position: 0 -31px
}

.blogview_content hr[data-ke-style].tx-hr-image-1,
.blogview_content hr[data-ke-style][data-ke-style=style4] {
    width: 2px;
    height: 60px;
    background-position: 0 -51px
}

.blogview_content hr[data-ke-style].tx-hr-image-2,
.blogview_content hr[data-ke-style][data-ke-style=style5] {
    width: 100%;
    background-position: 0 -120px;
    background-repeat: initial
}

.blogview_content hr[data-ke-style].tx-hr-image-3,
.blogview_content hr[data-ke-style][data-ke-style=style6] {
    width: 100%;
    background-position: 0 -140px;
    background-repeat: initial
}

.blogview_content hr[data-ke-style].tx-hr-image-4,
.blogview_content hr[data-ke-style][data-ke-style=style7] {
    width: 200px;
    background-position: 0 -160px
}

.blogview_content hr[data-ke-style][data-ke-style=style8] {
    background-position: 0 -180px
}

.blogview_content ul li {
    position: relative;
    margin-left: 22px;
    margin-bottom: 7px;
    line-height: 24px;
    font-size: 16px;
    color: #555
}

.blogview_content ol li p,
.blogview_content ol li div,
.blogview_content ul li p,
.blogview_content ul li div {
    display: inline
}

.blogview_content>ul[data-ke-list-type],
.blogview_content ol[data-ke-list-type] {
    padding: .5em 0
}

.blogview_content ul[data-ke-list-type],
.blogview_content ul[data-ke-list-type]>li {
    text-indent: 0
}

.blogview_content div[data-ke-type=moreLess] ul[data-ke-list-type] li:before {
    top: 6px
}

.blogview_content div[data-ke-type=moreLess] ul[data-ke-list-type=circle] li:before {
    top: 9px
}

.blogview_content ul li div[data-ke-type=moreLess] {
    display: block
}

.blogview_content ul ul,
.blogview_content ul ol,
.blogview_content ol ol {
    padding-left: 15px
}

.blogview_content ol>li:before {
    position: relative;
    top: -2px;
    height: 20px;
    padding-right: 5px;
    font-size: 14px;
    color: #555;
    font-family: Pretendard-Regular;
    line-height: 22px;
    text-align: right;
    content: counter(ol-counter) ".";
    counter-increment: ol-counter
}

.blogview_content ol {
    margin: 10px 0 0;
    counter-reset: ol-counter
}

.blogview_content ol li {
    position: relative;
    margin-top: 7px;
    line-height: 24px;
    font-size: 16px;
    color: #555
}

.blogview_content ol[data-ke-list-type=decimal],
.blogview_content ol[style*="list-style-type: decimal"] {
    padding: 0 0 0 20px;
    text-indent: -30px
}

.blogview_content ol[data-ke-list-type=decimal] li:before {
    display: inline-block;
    width: 25px
}

.blogview_content table {
    margin: 10px 0
}

.blogview_content table td {
    border: 1px solid #d0d0d0;
    padding: 7px;
    color: #222
}

.blogview_content embed {
    max-width: 100%;
    height: auto
}

.blogview_content iframe:not([data-ke-type=map]) {
    width: 100%
}

.blogview_content iframe {
    max-width: 100%
}

.blogview_content figure.imageblock {
    display: table;
    position: relative;
    margin: 20px auto
}

.blogview_content figure.imageblock.widthContent {
    display: block
}

.blogview_content figure.imageblock.floatLeft,
.blogview_content figure.imageblock.floatRight {
    float: initial
}

.blogview_content figure.imageblock figcaption {
    padding-top: 0;
    text-align: center
}

.blogview_content figure.imageblock.alignLeft {
    margin-left: 0;
    margin-right: auto
}

.blogview_content figure.imageblock.alignRight {
    margin-left: auto;
    margin-right: 0
}

.blogview_content figure.imageblock figcaption {
    color: #888
}

.blogview_content figure.imagegridblock figcaption {
    color: #888
}

.blogview_content figure[data-ke-type=video],
.blogview_content figure.imageslideblock,
.blogview_content figure.imagegridblock,
.blogview_content figure.imageblock.widthContent {
    margin-left: -20px;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px)
}

@media (min-width: 736px) {

    .blogview_content figure[data-ke-type=video],
    .blogview_content figure.imageslideblock,
    .blogview_content figure.imagegridblock,
    .blogview_content figure.imageblock.widthContent {
        margin-left: 0;
        width: 100%;
        max-width: 100%
    }
}

.blogview_content figure[data-ke-type=opengraph] {
    margin: 10px 0
}

.blogview_content figure[data-ke-type=opengraph] a {
    border-color: #ddd
}

.blogview_content figure[data-ke-type=opengraph] div.og-image {
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 200px;
    border: 1px solid #ddd;
    border-right: none
}

@media (max-width: 600px) {
    .blogview_content figure[data-ke-type=opengraph] div.og-image {
        width: 90px
    }
}

.blogview_content figure[data-ke-type=opengraph] div.og-text {
    padding-top: 14px;
    padding-left: 18px;
    border-left: 1px solid #ddd
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-title {
    display: block;
    display: -webkit-box;
    padding: 0;
    overflow: hidden;
    max-width: 481px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #222;
    font-family: AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, 돋움, "sans-serif";
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-desc {
    padding: 0;
    color: #222;
    font-family: AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, 돋움, "sans-serif"
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-host {
    margin: 0;
    padding: 0;
    bottom: 10px;
    font-family: Pretendard-Regular, "sans-serif";
    font-weight: 400;
    font-size: 11px;
    color: #888
}

.blogview_content figure.fileblock {
    border: none;
    box-sizing: border-box
}

.blogview_content figure.fileblock a {
    border: 1px solid #e9e9e9
}

.blogview_content figure.fileblock a:after {
    right: 36px
}

.blogview_content figure.fileblock .name {
    font-size: 15px;
    line-height: 23px;
    color: #222
}

.blogview_content figure.fileblock .size {
    margin: 4px 0 0;
/*
Theme Name: 이영훈 테마
Description: 티스토리 스타일을 워드프레스에 적용한 테마입니다.
Version: 1.0
Author: 이영훈
*/
@charset "UTF-8";

h1,
h1[data-ke-size] {
    font-size: 2em
}

h2,
h2[data-ke-size] {
    font-size: 1.62em
}

h3,
h3[data-ke-size] {
    font-size: 1.44em
}

h4,
h4[data-ke-size] {
    font-size: 1.25em
}

#tt-body-page p[data-ke-size=size18],
p[data-ke-size=size18] {
    font-size: 1.12em
}

#tt-body-page p[data-ke-size=size14],
p[data-ke-size=size14] {
    font-size: .87em
}

.blogview_content p,
.blogview_content span[style="font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"] {
    font-family: Pretendard-Regular !important
}

.blogview_content b>span[style="font-family: AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, 돋움, sans-serif;"] {
    font-family: Pretendard-Bold !important;
    font-weight: 400
}

.blogview_content p>b {
    font-family: Pretendard-Bold;
    font-weight: 400
}

#tt-body-page h2[data-ke-size],
#tt-body-page h3[data-ke-size],
#tt-body-page h4[data-ke-size] {
    font-weight: 400
}

figure {
    margin: 0 0 20px;
    max-width: 100%;
    clear: both
}

figure figcaption {
    font-size: 13px;
    word-break: break-word;
    padding-top: 10px;
    min-height: 20px;
    caption-side: bottom;
    text-align: center
}

#tt-body-page iframe,
figure img,
figure iframe {
    max-width: 100%
}

figure img:not([width]),
figure iframe:not([width]) {
    width: 100%
}

#tt-body-page figure img,
figure img {
    display: inline-block
}

figure.imageblock,
#tt-body-page figure.imageblock {
    display: table;
    position: relative
}

figure.imageblock.alignLeft {
    text-align: left
}

figure.imageblock.alignCenter {
    margin: 0 auto 20px;
    text-align: center
}

figure.imageblock.alignRight {
    text-align: right;
    margin-left: auto
}

figure.imageblock.floatLeft {
    float: left;
    margin-right: 20px
}

figure.imageblock.floatRight {
    float: right;
    margin-left: 20px
}

figure.imageblock.widthContent,
#tt-body-page figure.imageblock.widthContent {
    display: block
}

figure.imageblock.widthContent img {
    width: 100%
}

figure.imageblock.floatLeft figcaption,
figure.imageblock.floatRight figcaption {
    text-align: left
}

#tt-body-page figure.imageblock img,
figure.imageblock img {
    display: inline-block;
    max-width: 100% !important;
    margin: 0;
    height: auto
}

figure.imagegridblock,
#tt-body-page figure.imagegridblock {
    position: relative;
    margin: 20px 0;
    background-color: transparent
}

figure.imagegridblock .image-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap
}

figure.imagegridblock .image-container>span {
    margin-right: 0 !important;
    margin-top: 2px !important
}

figure.imagegridblock img {
    margin: 0;
    height: inherit
}

figure.imagegridblock span img {
    width: 100%
}

figure.fileblock,
#tt-body-page figure.fileblock {
    margin-top: 28px;
    margin-bottom: 20px;
    width: 470px;
    height: 71px;
    border: 1px solid #e9e9e9;
    position: relative;
    border-radius: 1px
}

figure.fileblock.censorship {
    opacity: 56%
}

figure.fileblock a,
#tt-body-page figure.fileblock a {
    display: block;
    height: 71px
}

figure.fileblock a:after,
#tt-body-page figure.fileblock a:after {
    content: "";
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    background-position: -40px 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 24px;
    top: 19px
}

figure.fileblock a.censoring:after,
#tt-body-page figure.fileblock a.censoring:after {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/images/file-censoring-v1.gif);
    background-size: 30px;
    background-position-x: 2px
}

figure.fileblock .image,
#tt-body-page figure.fileblock .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    background-position: 0 0;
    margin: 21px 17px 20px 22px
}

figure.fileblock .image.censoring,
#tt-body-page figure.fileblock .image.censoring {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/images/file-censoring-v1.gif);
    background-position: 0 0;
    margin: 21px 17px 20px 22px
}

figure.fileblock .desc,
#tt-body-page figure.fileblock .desc {
    position: absolute;
    left: 70px;
    right: 60px;
    top: 0;
    bottom: 0
}

figure.fileblock .censorship-guide,
#tt-body-page figure.fileblock .censorship-guide {
    color: #333;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    line-height: 19px;
    word-wrap: break-word
}

figure.fileblock .filename,
#tt-body-page figure.fileblock .filename {
    color: #333;
    font-size: 14px;
    text-overflow: ellipsis;
    height: 20px;
    margin: 17px 0 0
}

figure.fileblock .name,
#tt-body-page figure.fileblock .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 272px;
    height: 20px;
    display: block
}

figure.fileblock .type,
#tt-body-page figure.fileblock .type {
    height: 20px;
    display: block;
    float: left
}

figure.fileblock .size,
#tt-body-page figure.fileblock .size {
    font-family: Pretendard-Regular, sans-serif;
    font-size: 12px;
    color: #777;
    height: 16px;
    margin: 2px 0 0
}

figure[data-ke-align=alignCenter].fileblock {
    margin-left: auto;
    margin-right: auto
}

figure[data-ke-align=alignRight].fileblock {
    margin-left: auto
}

figure.imageslideblock,
#tt-body-page figure.imageslideblock {
    clear: both;
    position: relative;
    font-size: 0;
    outline: 0 none !important
}

figure.imageslideblock .btn {
    display: none;
    outline: none
}

figure.imageslideblock.ready .btn {
    display: inline-block
}

figure.imageslideblock.ready .mark {
    opacity: 1
}

figure.imageslideblock div.image-container {
    position: relative;
    min-width: 480px;
    max-width: 100%;
    min-height: 300px;
    max-height: 860px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 auto
}

figure.imageslideblock div.image-container span.image-wrap {
    display: none
}

figure.imageslideblock div.image-container span.image-wrap.selected {
    display: inline
}

figure.imageslideblock div.image-container img {
    max-width: 100%;
    max-height: 100%
}

figure.imageslideblock div.image-container .btn {
    position: absolute;
    border: 0;
    background: transparent;
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -20px
}

figure.imageslideblock div.image-container .btn-prev {
    left: 0
}

figure.imageslideblock div.image-container .btn-next {
    right: 0
}

figure.imageslideblock div.image-container:hover .btn span {
    opacity: .3
}

figure.imageslideblock div.image-container .btn span {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_content.svg);
    text-indent: -10000px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: opacity ease-in-out .2s;
    display: inline-block
}

figure.imageslideblock div.image-container .btn:hover span {
    opacity: 1
}

figure.imageslideblock div.image-container .btn .ico-prev {
    background-position: -220px 0
}

figure.imageslideblock div.image-container .btn .ico-next {
    background-position: -260px 0
}

figure.imageslideblock div.mark {
    display: block;
    height: 44px;
    text-align: center;
    opacity: 0;
    transition: opacity ease-in-out .2s
}

figure.imageslideblock div.mark span {
    width: 30px;
    height: 4px;
    display: inline-block;
    margin: 20px 1px;
    background-color: #d6d6d6;
    text-indent: -10000px;
    overflow: hidden;
    cursor: pointer
}

figure.imageslideblock div.mark span:first-child {
    background-color: #000;
    margin-left: 0
}

figure.imageslideblock div.mark span:last-child {
    margin-right: 0
}

figure.imageslideblock figcaption {
    text-align: center;
    color: #666;
    font-size: 14px
}

figure.imageslideblock.alignLeft {
    text-align: left
}

figure.imageslideblock.alignCenter {
    margin: 0 auto 20px;
    text-align: center
}

figure.imageslideblock.alignRight {
    text-align: right;
    margin-left: auto
}

@media (max-width: 1110px) {
    figure.imageslideblock div.image-container {
        min-width: 100%;
        width: 100%;
        max-height: 100%
    }

    figure.imageslideblock div.image-container .btn span {
        opacity: .3
    }
}

hr[data-ke-style],
#tt-body-page hr[data-ke-style] {
    border: none;
    font-size: 0;
    line-height: 0;
    height: 20px;
    margin: 20px auto;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.0/image/divider-line.svg);
    background-size: 200px 200px;
    cursor: pointer !important
}

hr[data-ke-style=style1],
#tt-body-page hr[data-ke-style=style1] {
    background-position: 0 0;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style2],
#tt-body-page hr[data-ke-style=style2] {
    background-position: 0 -20px;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style3],
#tt-body-page hr[data-ke-style=style3] {
    background-position: 0 -40px;
    width: 64px;
    background-repeat: no-repeat
}

hr[data-ke-style=style4],
#tt-body-page hr[data-ke-style=style4] {
    background-position: 0 -60px;
    width: 2px;
    height: 60px;
    background-repeat: no-repeat
}

hr[data-ke-style=style4]+hr[data-ke-style=style4],
#tt-body-page hr[data-ke-style=style4]+hr[data-ke-style=style4] {
    margin-top: 0
}

hr[data-ke-style=style5],
#tt-body-page hr[data-ke-style=style5] {
    background-position: 0 -120px
}

hr[data-ke-style=style6],
#tt-body-page hr[data-ke-style=style6] {
    background-position: 0 -140px
}

hr[data-ke-style=style7],
#tt-body-page hr[data-ke-style=style7] {
    background-position: 0 -160px;
    background-repeat: no-repeat;
    width: 200px
}

hr[data-ke-style=style8],
#tt-body-page hr[data-ke-style=style8] {
    background-position: 0 -180px;
    background-repeat: no-repeat;
    width: 200px
}

.contents_style table td {
    word-break: break-word
}

table[data-ke-style],
#tt-body-page table[data-ke-style] {
    margin-bottom: 20px
}

table[data-ke-style] th,
table[data-ke-style] td,
#tt-body-page table[data-ke-style] th,
#tt-body-page table[data-ke-style] td {
    padding: 8px
}

table[data-ke-style=style1] tr:first-child td {
    border-bottom: 1px solid #6ed3d8
}

table[data-ke-style=style2] tr:first-child td {
    border-bottom: 1px solid #008300
}

table[data-ke-style=style3] tr:first-child td {
    border-bottom: 1px solid #006dbe
}

table[data-ke-style=style4] tr:nth-child(2n) td {
    background-color: #f7f7f7
}

table[data-ke-style=style5] tr:nth-child(2n) td {
    background-color: #eff6f6
}

table[data-ke-style=style6] tr:nth-child(2n) td {
    background-color: #e6f0e6
}

table[data-ke-style=style7] tr:nth-child(2n) td {
    background-color: #f0f4f7
}

table[data-ke-style=style8] tr:first-child td {
    border-bottom: 2px solid #797979
}

table[data-ke-style=style8] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style8] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style9] tr:first-child td {
    border-bottom: 2px solid #6ed3d8
}

table[data-ke-style=style9] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style9] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style10] tr:first-child td {
    border-bottom: 2px solid #008300
}

table[data-ke-style=style10] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style10] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style11] tr:first-child td {
    border-bottom: 2px solid #2780d4
}

table[data-ke-style=style11] {
    border-left: 0 none;
    border-right: 0 none
}

table[data-ke-style=style11] td {
    border-right-color: transparent;
    border-left-color: transparent
}

table[data-ke-style=style12] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style12] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style12] tr:first-child td {
    background-color: #9b9b9b;
    border: 1px solid #9b9b9b;
    color: #fff
}

table[data-ke-style=style13] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style13] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style13] tr:first-child td {
    background-color: #6ed3d8;
    border: 1px solid #6ed3d8;
    color: #fff
}

table[data-ke-style=style14] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style14] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style14] tr:first-child td {
    background-color: #008300;
    border: 1px solid #008300;
    color: #fff
}

table[data-ke-style=style15] tr:nth-child(odd) td {
    background-color: #f0f0f0
}

table[data-ke-style=style15] tr td:first-child {
    background-color: #dcdddd
}

table[data-ke-style=style15] tr:first-child td {
    background-color: #2780d4;
    border: 1px solid #2780d4;
    color: #fff
}

figure[data-ke-type=opengraph],
#tt-body-page figure[data-ke-type=opengraph] {
    margin-top: 30px;
    margin-bottom: 30px
}

figure[data-ke-type=opengraph] a,
#tt-body-page figure[data-ke-type=opengraph] a {
    position: relative;
    box-sizing: border-box;
    display: block;
    height: 200px;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    color: #000;
    z-index: 1
}

figure[data-ke-type=opengraph] a:hover,
#tt-body-page figure[data-ke-type=opengraph] a:hover {
    opacity: 1
}

figure[data-ke-type=opengraph] div {
    position: relative
}

figure[data-ke-type=opengraph] a:before,
#tt-body-page figure[data-ke-type=opengraph] a:before,
#tt-body-page .blogview_content figure[data-ke-type=opengraph] a:before {
    background: none
}

figure[data-ke-type=opengraph] a div.og-image:before,
#tt-body-page figure[data-ke-type=opengraph] a div.og-image:before,
#tt-body-page .blogview_content figure[data-ke-type=opengraph] div.og-image:before {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/thumb-tistory.png);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    background-position: 0 0;
    content: "";
    background-repeat: no-repeat;
    z-index: -1
}

figure[data-ke-type=opengraph] div.og-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    border-right: 1px solid #d9d9d9;
    background-size: cover;
    background-position: center
}

figure[data-ke-type=opengraph] div.og-text {
    position: absolute;
    left: 201px;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 33px 46px 0 39px
}

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 {
    color: #000;
    font-size: 22px;
    line-height: 28px;
    max-width: 467px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 0 10px !important;
    overflow: hidden;
    font-family: Pretendard-Regular, sans-serif
}

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 {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #909090;
    max-height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

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 {
    position: absolute;
    bottom: 24px;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 14px;
    color: #909090;
    margin: 0
}

@media (max-width: 600px) {

    figure[data-ke-type=opengraph] a,
    #tt-body-page figure[data-ke-type=opengraph] a {
        height: 90px
    }

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

    figure[data-ke-type=opengraph] div.og-image {
        width: 88px
    }

    figure[data-ke-type=opengraph] div.og-text,
    #tt-body-page figure[data-ke-type=opengraph] div.og-text {
        left: 89px;
        padding: 13px 12px 0 20px
    }

    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-size: 16px;
        -webkit-line-clamp: 1
    }

    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 {
        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 {
        bottom: 10px
    }
}

figure[data-ke-type=video] {
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    color: #bdbdbd;
    letter-spacing: -.7px;
    font-size: 16px;
    line-height: 30px
}

figure[data-ke-type=video][data-ke-style=alignLeft] {
    text-align: left
}

figure[data-ke-type=video]>div.video-wrap {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%
}

figure[data-ke-type=video]>div.video-wrap>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

figure[data-ke-type=video][data-ke-style=alignCenter] {
    margin: 0 auto 20px;
    text-align: center
}

figure[data-ke-type=video][data-ke-style=alignRight] {
    text-align: right;
    margin-left: auto
}

figure[data-ke-type=video] img {
    display: block;
    max-width: 100%
}

figure[data-ke-type=video] figcaption {
    text-align: center;
    color: #666;
    font-size: 14px
}

figure[data-ke-type=video][data-video-host=vimeo] span {
    display: none
}

figure[data-ke-type=video][data-video-host] iframe {
    margin: 0
}

figure[data-ke-type=video]>iframe[width="0"][height="0"] {
    width: 860px;
    height: 484px;
    max-width: 100%
}

blockquote,
blockquote p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    letter-spacing: 0px
}

#tt-body-page blockquote {
    margin: 20px auto 0
}

#tt-body-page blockquote[data-ke-style=style1] {
    text-align: center;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0;
    padding: 34px 0 0;
    font-size: 15pt;
    color: #333;
    line-height: 23pt;
    border: 0 none
}

blockquote[data-ke-style=box],
#tt-body-page blockquote[data-ke-style=box],
blockquote[data-ke-style=style3],
#tt-body-page blockquote[data-ke-style=style3] {
    border: 1px solid #dddddd;
    background: #fcfcfc;
    text-align: left;
    padding: 21px 25px 20px;
    color: #666;
    line-height: 1.75
}

pre {
    overflow: auto
}

div[data-ke-type=moreLess] {
    margin: 20px 0;
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

div[data-ke-type=moreLess] .moreless-content,
#tt-body-page div[data-ke-type=moreLess] .moreless-content {
    display: none;
    margin-top: 16px
}

div[data-ke-type=moreLess].open .moreless-content,
#tt-body-page div[data-ke-type=moreLess].open .moreless-content {
    display: block
}

div[data-ke-type=moreLess] .btn-toggle-moreless,
#tt-body-page div[data-ke-type=moreLess] .btn-toggle-moreless {
    color: #909090;
    font-size: 16px;
    line-height: 26px;
    font-family: Pretendard-Regular, sans-serif;
    cursor: pointer;
    text-decoration: none
}

figure[data-ke-type=map],
iframe[data-ke-type=map] {
    display: block;
    margin: 0 auto
}

ul[data-ke-list-type=disc],
ul[data-ke-list-type=disc] li,
#tt-body-page ul[data-ke-list-type=disc],
#tt-body-page ul[data-ke-list-type=disc] li {
    list-style-type: disc
}

ul[data-ke-list-type=square],
ul[data-ke-list-type=square] li,
#tt-body-page ul[data-ke-list-type=square],
#tt-body-page ul[data-ke-list-type=square] li {
    list-style-type: square
}

.btn_moreLess {
    border: 0;
    background: transparent;
    display: block;
    height: 21px;
    font-size: 14px;
    line-height: 14px;
    color: #888;
    position: relative;
    text-align: left
}

.btn_moreLess:before {
    content: "···";
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    letter-spacing: -4px;
    vertical-align: top
}

figure[data-ke-type=emoticon][data-ke-align=alignCenter] {
    text-align: center
}

figure[data-ke-type=emoticon][data-ke-align=alignLeft] {
    text-align: left
}

figure[data-ke-type=emoticon][data-ke-align=alignRight] {
    text-align: right
}

.box-timeline-content {
    word-break: break-all
}

.restrict-confirm-wrap {
    padding: 30px 10px;
    margin: 20px 20px 0;
    text-align: center;
    border: solid 1px #cccccc;
    line-height: 1.75em
}

.restrict-confirm-wrap .underline {
    text-decoration: underline
}

figure[data-ke-type=contentSearch][data-ke-align=alignLeft] {
    text-align: left
}

figure[data-ke-type=contentSearch][data-ke-align=alignCenter] {
    margin: 20px auto 0;
    text-align: center
}

figure[data-ke-type=contentSearch][data-ke-align=alignRight] {
    text-align: right;
    margin-left: auto
}

figure[data-ke-type=contentSearch] {
    display: flex;
    width: 560px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    border: solid 1px rgba(0, 0, 0, .1);
    background-color: var(--10-ffffff)
}

figure[data-ke-type=contentSearch] a {
    text-align: left;
    display: flex;
    text-decoration: none
}

figure[data-ke-type=contentSearch] div.cs-image {
    flex: none;
    width: 172px;
    min-height: 172px;
    border-right: solid 1px rgba(0, 0, 0, .1);
    display: block;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-image,
figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-image,
figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-image {
    height: 250px
}

figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-image {
    width: 204px;
    height: 250px
}

figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-image {
    background-size: contain
}

figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-info-wrap {
    padding: 34px 30px 32px 40px
}

figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-info-wrap,
figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
    padding: 38px 30px 32px 40px
}

figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
    width: 354px
}

figure[data-ke-type=contentSearch] div.cs-info-wrap {
    position: relative;
    padding: 40px 40px 32px;
    width: 388px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

figure[data-ke-type=contentSearch] .cs-title {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -1px;
    color: #000;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

figure[data-ke-type=contentSearch] .cs-desc {
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #909090;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

figure[data-ke-type=contentSearch] .cs-props {
    margin-top: auto
}

figure[data-ke-type=contentSearch] .cs-info {
    display: block;
    overflow: hidden;
    position: relative;
    margin-block: 0
}

figure[data-ke-type=contentSearch] .cs-info:nth-child(n+2) {
    margin-top: 12px
}

figure[data-ke-type=contentSearch] .cs-info>dt {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #909090
}

figure[data-ke-type=contentSearch] .cs-info>dd {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal
}

figure[data-ke-type=contentSearch] .cs-info object {
    display: inline-flex;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #2b7cf9
}

figure[data-ke-type=contentSearch] .cs-info>dd {
    margin-left: 35px
}

figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-info>dd {
    margin-left: 57px
}

figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-info>dd,
figure[data-ke-type=contentSearch][data-cs-kind=book] .cs-info>dd {
    margin-left: 46px
}

figure[data-ke-type=contentSearch] div {
    position: relative
}

figure[data-ke-type=contentSearch] div.cs-image button {
    display: none
}

.ico-star {
    background: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/star-icon.svg);
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -1px;
    width: 12px;
    height: 12px
}

@media (max-width: 600px) {
    figure[data-ke-type=contentSearch] div.cs-image {
        width: 90px;
        min-height: 0
    }

    figure[data-ke-type=contentSearch]>a {
        overflow: hidden
    }

    figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-image {
        height: 90px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-image,
    figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-image {
        height: 130px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-image {
        width: 107px;
        height: 130px
    }

    figure[data-ke-type=contentSearch] div.cs-info-wrap {
        width: calc(100% - 90px)
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
        width: calc(100% - 107px)
    }

    figure[data-ke-type=contentSearch][data-cs-kind=movie] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=book] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=tv] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=play] div.cs-info-wrap {
        padding: 22px 10px 20px 20px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=person] div.cs-info-wrap,
    figure[data-ke-type=contentSearch][data-cs-kind=music] div.cs-info-wrap {
        padding: 14px 30px 13px 20px
    }

    figure[data-ke-type=contentSearch] .cs-title {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0
    }

    figure[data-ke-type=contentSearch] .cs-info+.cs-info {
        margin-top: 7px
    }

    figure[data-ke-type=contentSearch] .cs-props {
        margin-top: 14px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=play] .cs-props,
    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-props,
    figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-props {
        margin-top: 10px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] .cs-props {
        margin-top: 5px
    }

    figure[data-ke-type=contentSearch] .cs-info>dd,
    figure[data-ke-type=contentSearch] .cs-info>dt {
        font-size: 12px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-info>dd {
        margin-left: 29px
    }

    figure[data-ke-type=contentSearch][data-cs-kind=book] .cs-info>dd {
        margin-left: 39px
    }

    figure[data-ke-type=contentSearch] .cs-desc,
    figure[data-ke-type=contentSearch][data-cs-kind=music] .cs-props .cs-info:last-child,
    figure[data-ke-type=contentSearch][data-cs-kind=person] .cs-props .cs-info:last-child,
    figure[data-ke-type=contentSearch][data-cs-kind=exhibition] .cs-props .cs-info:first-child,
    figure[data-ke-type=contentSearch][data-cs-kind=play] .cs-props .cs-info:first-child {
        display: none
    }
}

.phocus-viewport-aligner {
    top: env(safe-area-inset-top, 0) !important
}

.container_postbtn div,
.container_postbtn dl,
.container_postbtn dt,
.container_postbtn dd,
.container_postbtn ul,
.container_postbtn ol,
.container_postbtn li,
.container_postbtn fieldset,
.container_postbtn legend,
.container_postbtn textarea,
.container_postbtn p,
.container_postbtn blockquote,
.container_postbtn th,
.container_postbtn td,
.container_postbtn input,
.container_postbtn select,
.container_postbtn button,
.layer_post button,
.layer_tooltip button,
.layer_tooltip p,
.layer_tooltip div {
    margin: 0;
    padding: 0
}

.container_postbtn fieldset,
.container_postbtn img {
    border: 0 none
}

.container_postbtn dl,
.container_postbtn ul,
.container_postbtn ol,
.container_postbtn menu,
.container_postbtn li {
    list-style: none
}

.container_postbtn blockquote,
.container_postbtn q {
    quotes: none
}

.container_postbtn blockquote:before,
.container_postbtn blockquote:after,
.container_postbtn q:before,
.container_postbtn q:after {
    content: "";
    content: none
}

.container_postbtn input,
.container_postbtn select,
.container_postbtn textarea,
.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    vertical-align: middle
}

.container_postbtn input::-ms-clear {
    display: none
}

.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    outline: none
}

.container_postbtn th,
.container_postbtn td,
.container_postbtn input,
.container_postbtn select,
.container_postbtn textarea,
.container_postbtn button,
.layer_post button,
.layer_tooltip button {
    font-size: 13px;
    line-height: 1.5;
    font-family: Pretendard-Regular, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif !important;
    -webkit-font-smoothing: antialiased
}

.container_postbtn a {
    color: #333;
    text-decoration: none
}

.container_postbtn a:active,
.container_postbtn a:hover {
    text-decoration: underline
}

.container_postbtn a:active {
    background-color: transparent
}

.container_postbtn address,
.container_postbtn caption,
.container_postbtn cite,
.container_postbtn code,
.container_postbtn dfn,
.container_postbtn em,
.container_postbtn var {
    font-style: normal;
    font-weight: 400
}

.container_postbtn *,
.layer_post *,
.layer_tooltip * {
    letter-spacing: normal
}

.no_scroll,
.no_scroll body {
    height: 100%;
    overflow: hidden
}

.screen_out {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.container_postbtn {
    min-width: 310px;
    padding: 35px 0;
    position: relative;
    clear: both
}

.container_postbtn:after {
    content: "";
    display: block;
    clear: both
}

.ico_postbtn,
.container_postbtn .ico_postbtn,
.container_postbtn .btn_menu_toolbar .img_common_tistory,
.bundle_ccl .ico_postbtn {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/ico_postbtn_190118.png) no-repeat;
    vertical-align: top;
    text-indent: -9999px
}

.bundle_ccl .ico_postbtn:first-child {
    margin-left: 0
}

.container_postbtn .btn_post {
    height: 30px;
    padding: 0 6px;
    font-size: 0 !important;
    line-height: 0 !important;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    color: inherit !important
}

.container_postbtn .btn_post .txt_like {
    display: inline-block;
    margin: -1px 0 0;
    font-size: 13px !important;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    line-height: 19px !important;
    color: inherit !important;
    vertical-align: top
}

.container_postbtn .btn_post .ico_postbtn {
    width: 14px;
    height: 14px;
    max-width: 15px
}

.container_postbtn.follwing .ico_check {
    display: inline-block
}

.container_postbtn .btn_post .empathy_up_without_ani .ico_like {
    background-position: -120px -20px
}

.container_postbtn .txt_tool_id {
    display: none
}

.container_postbtn .btn_post .ico_like {
    width: 15px;
    margin: 3px 4px 0 0;
    background-position: -100px -20px
}

.container_postbtn .btn_post .ico_sns {
    background-position: -40px 0
}

.container_postbtn .btn_post .ico_report {
    background-position: -60px 0;
    line-height: 30px
}

.container_postbtn .btn_post .ico_statistics {
    width: 13px;
    height: 15px;
    margin: -1px 0 0;
    background-position: -80px -40px
}

.container_postbtn .btn_post .ico_share {
    width: 13px;
    height: 15px;
    margin: -1px 0 0;
    background-position: -100px 0
}

.container_postbtn .btn_post .ico_etc {
    height: 4px;
    margin-left: -1px;
    background-position: -120px 0
}

.container_postbtn .btn_menu_toolbar {
    width: 80px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(185, 185, 185, .5);
    border-radius: 16px;
    font-size: 0 !important;
    line-height: 30px;
    color: inherit;
    box-sizing: border-box;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif
}

.container_postbtn .btn_menu_toolbar .txt_state {
    margin: 0 0 0 -1px;
    font-size: 13px !important;
    line-height: inherit !important
}

.container_postbtn .btn_menu_toolbar .ico_check_type1 {
    display: none;
    width: 9px;
    height: 7px;
    margin: 12px 0 0 3px;
    background-position: -120px -10px
}

.container_postbtn .btn_menu_toolbar.following .ico_check_type1 {
    display: inline-block
}

.container_postbtn .postbtn_like {
    float: left;
    padding: 0 9px;
    border-radius: 16px;
    border: 1px solid #959595;
    border-color: rgba(185, 185, 185, .5);
    font-size: 0 !important
}

.container_postbtn .postbtn_like .wrap_btn {
    float: left;
    position: relative
}

.container_postbtn .postbtn_like+.btn_menu_toolbar {
    margin: 0 0 0 6px
}

.layer_post {
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 9px 0;
    border-radius: 1px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
    white-space: nowrap;
    -webkit-font-smoothing: antialiased
}

.layer_post .btn_mark {
    display: block;
    width: 100%;
    padding: 7px 18px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    font-size: 13px;
    line-height: 16px;
    color: #333;
    text-align: left;
    box-sizing: border-box;
    text-decoration: none
}

.layer_post .btn_mark:hover {
    background-color: #f5f5f5
}

.layer_post .ico_arrt {
    position: absolute;
    top: -8px;
    left: 8px;
    width: 14px;
    height: 8px;
    background-position: -160px 0
}

.layer_post .ico_arrbt {
    position: absolute;
    bottom: -10px;
    left: 4px;
    width: 20px;
    height: 10px;
    background-position: -140px 0
}

.container_postbtn .postbtn_ccl {
    position: absolute;
    top: 0;
    right: 0
}

.container_postbtn .link_ccl {
    display: block;
    height: 16px;
    font-size: 0 !important
}

.container_postbtn .bundle_ccl {
    display: block
}

.bundle_ccl .ico_postbtn {
    width: 16px;
    height: 16px
}

.bundle_ccl .ico_ccl1 {
    background-position: 0 -40px
}

.bundle_ccl .ico_ccl2 {
    background-position: -20px -40px
}

.bundle_ccl .ico_ccl3 {
    background-position: -40px -40px
}

.bundle_ccl .ico_ccl4 {
    background-position: -60px -40px
}

.layer_ccl {
    display: none;
    position: absolute;
    padding: 8px 20px 16px 17px;
    border-radius: 1px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px rgba(0, 0, 0, .1);
    white-space: nowrap
}

.layer_ccl .txt_mark {
    display: block;
    padding-top: 8px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    font-size: 13px !important;
    line-height: 16px;
    color: #333
}

.layer_ccl .ico_postbtn {
    margin: 0 5px 0 0
}

.layer_ccl .ico_arrbt {
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 20px;
    height: 10px;
    background-position: -140px 0
}

.ico_sns,
.bundle_ccl .ico_sns {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/ico_sns_type1.png) no-repeat;
    font-size: 0 !important;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: top
}

.layer_post .ico_sns {
    margin: 2px 10px 0 0
}

.layer_post .ico_ks {
    margin: 0 11px 0 2px
}

.layer_post .ico_kt {
    margin-right: 9px
}

.layer_post .ico_tw {
    margin-right: 7px
}

.layer_post .ico_url {
    margin-right: 9px
}

.ico_fb {
    width: 12px;
    height: 12px;
    background-position: 0 0
}

.ico_kt {
    width: 12px;
    height: 11px;
    background-position: -20px 0
}

.ico_ks {
    width: 8px;
    height: 14px;
    background-position: -20px -20px
}

.ico_tw {
    width: 14px;
    height: 11px;
    background-position: 0 -20px
}

.ico_url {
    width: 12px;
    height: 12px;
    background-position: -30px -20px
}

.layer_tooltip {
    overflow: hidden;
    position: fixed;
    bottom: 20px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7);
    display: none;
    left: 50%;
    transform: translate(-50%);
    z-index: 10000
}

.layer_tooltip .inner_layer_tooltip {
    padding: 12px 0 14px
}

.layer_tooltip .inner_layer_tooltip .desc_g {
    padding: 0 24px;
    font-size: 14px !important;
    line-height: 14px;
    font-family: Pretendard-Regular, AppleSDGothicNeo, Malgun Gothic, 맑은 고딕, 돋움, dotum, sans-serif !important;
    color: #fff
}

.layer_tooltip .inner_layer_tooltip .btn_close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 20px;
    padding: 5px;
    box-sizing: border-box
}

.layer_tooltip .inner_layer_tooltip .ico_close {
    width: 10px;
    height: 10px;
    background-position: -100px -40px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
not all,
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {

    .container_postbtn .ico_postbtn,
    .container_postbtn .btn_menu_toolbar .img_common_tistory,
    .bundle_ccl .ico_postbtn {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/r2/ico_postbtn_190118.png);
        background-size: 180px 60px
    }

    .ico_sns,
    .container_postbtn .ico_sns,
    .bundle_ccl .ico_sns {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/admin/editor/r2/ico_sns_type1.png);
        background-size: 50px 40px
    }
}

.jukebox_wrapper {
    width: 280px;
    margin: 40px auto
}

.jukebox_wrapper ol.jukebox_list {
    padding: 0;
    margin: 0;
    list-style: decimal-leading-zero inside;
    color: #ccc;
    width: 280px;
    border-top: 1px solid #ccc;
    font-size: .9em
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item {
    position: relative;
    margin: 0;
    padding: 9px 2px 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    list-style-position: inside;
    list-style: none
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item a {
    display: block;
    text-decoration: none
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item:before {
    content: "";
    padding: 0
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing {
    color: #aaa;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3)
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing a {
    color: #000
}

.jukebox_wrapper ol.jukebox_list li.jukebox_item.playing:before {
    content: "♬";
    font-size: 1em;
    margin: 0;
    position: absolute;
    left: -24px;
    top: 9px;
    color: #000;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.audiojs {
    width: 280px !important
}

.audiojs .scrubber {
    width: 120px !important
}

.audiojs .time {
    width: 100px;
    text-align: center;
    padding: 0;
    margin: 0 1px 0 0
}

.audiojs .play {
    background: url(//t1.daumcdn.net/tistory_admin/lib/audiojs/player-graphics.gif) -2px -1px no-repeat !important
}

.story_banner {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%);
    width: 273px;
    height: 75px;
    border-radius: 20px;
    box-shadow: 2px 2px 14px rgba(0, 0, 0, .26);
    background-color: #f5f5f5;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    font-family: KakaoBigOTFRegular, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    z-index: 2147483647
}

.story_banner:after {
    content: "";
    clear: both;
    display: block;
    width: 0;
    height: 0
}

.story_banner .cont_left {
    display: block;
    padding: 17px 0 17px 22px
}

.story_banner .cont_mov {
    display: block;
    overflow: hidden;
    flex: 0 0 105px;
    width: 105px;
    height: 35px;
    margin: 21px 16px 17px 0
}

.story_banner .desc_g {
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 17px;
    color: #000;
    letter-spacing: -.5px
}

.story_banner .tit_bnr_story {
    display: block;
    text-align: left
}

.story_banner .tit_bnr_svg_story {
    display: inline-block;
    width: 41px;
    height: 17px;
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 3px
}

.story_banner .tit_bnr_svg_story svg {
    display: block;
    width: 100%;
    height: 100%
}

.story_banner .tit_bnr_story .txt_bnr {
    display: inline;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    vertical-align: top;
    letter-spacing: -.5px
}

.story_banner .bnr_close {
    position: absolute;
    top: -14px;
    right: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background-color: #fff
}

.story_banner .bnr_close svg {
    width: 11.5px;
    height: 11.5px
}

.blogview_challenge {
    padding: 15px 20px 0
}

.blogview_challenge .link_event {
    display: flex;
    align-items: center;
    padding: 0 8px 0 16px;
    height: 32px;
    background-color: #eedcd2;
    border-radius: 100px
}

.blogview_challenge .link_event .tit_event {
    overflow: hidden;
    display: inline-block;
    font-family: Pretendard-Bold, sans-serif;
    padding-right: 10px;
    font-size: 14px;
    line-height: 32px;
    color: #222;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.blogview_challenge .link_event .txt_event {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    font-family: Pretendard-Regular, sans-serif;
    font-size: 13px;
    line-height: 32px;
    color: #222;
    vertical-align: top;
    flex-shrink: 0
}

.blogview_challenge .link_event .ico_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://t1.daumcdn.net/tistory_admin/assets/challenge/ico_arrow_v1.svg) no-repeat 0 0;
    vertical-align: top
}

.business_license_ico_comm {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/mobile/m320/ico_comm_160809.png) no-repeat 0 0;
    text-indent: -9999px;
    vertical-align: top
}

.business_license_layer {
    padding-top: 25px;
    margin-bottom: -8px
}

.business_license_layer .link_info {
    padding: 5px 0;
    font-size: 13px;
    line-height: 31px;
    color: #666;
    text-decoration: none
}

.business_license_layer .ico_fold {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 6px 0 0;
    background-position: -280px -90px;
    vertical-align: top
}

.business_license_layer .license_info {
    display: none;
    padding: 16px 20px;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 21px;
    color: #888
}

.business_license_layer .link_shoppolicy {
    color: #888
}

.unfold_license .license_info {
    display: block
}

.mobile-article .info_license {
    padding: 20px;
    max-width: 736px;
    margin: 0 auto;
    box-sizing: border-box
}

.info_license {
    padding-top: 25px;
    margin-bottom: -8px
}

.info_license .link_info {
    padding: 5px 0;
    font-size: 13px;
    line-height: 31px;
    color: #666
}

.info_license .ico_fold {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 8px 6px 0 0;
    background-position: -280px -90px;
    vertical-align: top
}

.info_license .box_license {
    display: none;
    padding: 16px 20px;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    line-height: 21px;
    color: #888
}

.info_license .link_shoppolicy {
    color: #888
}

.unfold_license {
    margin-bottom: 0
}

.unfold_license .ico_fold {
    background-position: -300px -90px
}

.unfold_license .box_license {
    display: block
}

.worth_story {
    position: relative;
    padding-top: 28px;
    background-color: #fff
}

.worth_story:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.worth_story .tit_section {
    position: relative;
    display: block;
    padding: 0 20px;
    max-width: 736px;
    margin: auto;
    box-sizing: border-box
}

.worth_story .wrap_tit {
    display: flex;
    max-width: 736px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

.worth_story .wrap_tit .tit_section {
    padding-left: 0
}

.worth_story .wrap_tit .link_service {
    display: flex;
    align-items: center;
    position: relative;
    top: auto;
    right: auto;
    margin-left: auto
}

.worth_story .tit_section .txt_g {
    font-size: 16px;
    line-height: 23px;
    color: #000;
    letter-spacing: -.3px;
    font-weight: 400;
    font-family: Pretendard-SemiBold
}

.worth_story .icon_story {
    display: block;
    float: left;
    width: 23px;
    height: 23px;
    margin-right: 5px
}

.worth_story .icon_story svg {
    width: 23px;
    height: 23px
}

.worth_story .list_worth {
    max-width: 736px;
    margin: 0 auto;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.worth_story .list_worth li {
    display: block;
    padding: 24px 0;
    border-top: 1px solid #f5f5f5
}

.worth_story .list_worth li:first-child {
    margin-top: 1px;
    border-top: none
}

.worth_story .worth_thumb {
    display: block;
    float: right;
    width: 88px;
    height: 88px;
    margin-left: 25px
}

.worth_story .worth_thumb .thumb_g {
    display: block;
    width: 88px;
    height: 88px
}

.worth_story .worth_cont {
    overflow: hidden
}

.worth_story .worth_cont .tit_g {
    display: -webkit-box;
    overflow: hidden;
    max-height: 46px;
    font-size: 18px;
    line-height: 24px;
    color: #222;
    font-weight: 400;
    font-family: Pretendard-Regular;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.worth_story .worth_cont .desc_g {
    display: -webkit-box;
    overflow: hidden;
    max-height: 38px;
    padding-top: 7px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 19px;
    color: #666;
    font-weight: 400;
    font-family: Pretendard-Light
}

.worth_story .worth_cont .wrap_info {
    display: flex;
    padding: 16px 0 0;
    align-items: center
}

.worth_story .worth_service {
    display: block;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    font-size: 1px;
    line-height: 0;
    color: transparent
}

.worth_story .worth_service svg {
    width: 21px;
    height: 21px
}

.worth_story .tistory_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/tistory_rect.png);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .kakaostory_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/kakaostory_rect.svg);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .brunch_svg {
    width: 21px;
    height: 21px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/brunch_rect.png);
    background-repeat: no-repeat;
    background-size: 21px 21px
}

.worth_story .worth_user {
    font-size: 13px;
    line-height: 18px;
    color: #222;
    white-space: nowrap
}

.worth_story .link_worth {
    display: block;
    overflow: hidden
}

.worth_story .link_service {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    padding-right: 11px;
    font-size: 12px;
    line-height: 19px;
    color: #949494;
    letter-spacing: -.3px;
    font-weight: 500
}

.worth_story .link_service:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 5px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    border-right: .7px solid #949494;
    border-bottom: .7px solid #949494;
    transform: translateY(-50%) rotate(-45deg)
}

.worth_story .btn_more {
    display: block;
    width: calc(100% - 40px);
    max-width: 696px;
    height: 44px;
    margin: 5px auto 0;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 42px;
    color: #222
}

.wrap_bnr_story {
    display: flex;
    height: 75px;
    margin-top: 24px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center
}

.wrap_bnr_story img {
    display: block;
    width: 360px;
    height: 75px;
    object-fit: cover
}

.blogview_content .link_footnote {
    display: inline-block;
    font-family: Pretendard-Regular, sans-serif;
    font-size: .7em;
    line-height: .7em;
    font-weight: 700;
    color: #f54;
    text-decoration: none;
    vertical-align: top;
    padding-left: 2px;
    padding-top: 3px
}

.blogview_content .footnote_tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 111;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    transform: scale(0)
}

.blogview_content .footnote_tooltip.open {
    transform: scale(1);
    animation: ease-in fade-in .3s
}

.blogview_content .footnote_tooltip .inner_tooltip {
    box-sizing: border-box;
    position: absolute;
    z-index: 333;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 200px;
    background: #fff;
    overflow: auto;
    padding: 17px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transform: scale(0)
}

.blogview_content .footnote_tooltip .inner_tooltip .txt_footnote {
    display: none;
    font-size: 14px;
    text-align: initial
}

.blogview_content .footnote_tooltip .inner_tooltip .txt_footnote .note_num {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.blogview_content .footnote_tooltip.open .inner_tooltip {
    transform: scale(1);
    animation: cubic-bezier(.165, .74, .44, 1) down-up .3s
}

.blogview_content .footnote_tooltip .btn_close {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 333
}

.blogview_content .footnote_tooltip .btn_close .ico_close {
    background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/ico_comm3.png);
    background-size: 600px 600px;
    background-position: -134px 0px;
    width: 18px;
    height: 18px
}

@keyframes down-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.blogview_content {
    font-size: 16px;
    line-height: 1.5;
    font-family: Pretendard-Regular, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    color: #000
}

.blogview_content.editor-daum h1:not([data-ke-size]) {
    padding: 14px 0 13px;
    font-size: 20px;
    line-height: 48px;
    font-weight: 700
}

.blogview_content h2:not([data-ke-size]) {
    padding: 15px 0 14px;
    font-size: 20px;
    line-height: 39px;
    font-weight: 700
}

.blogview_content h3:not([data-ke-size]) {
    padding: 15px 0;
    font-size: 18px;
    line-height: 31px;
    font-weight: 700
}

.blogview_content h4:not([data-ke-size]) {
    padding: 16px 0 15px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.blogview_content .legacy_moreLess {
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

.blogview_content [style*=font-size] {
    line-height: 1.5em !important
}

.blogview_content [style*=font-size][style*="7pt"],
.blogview_content [style*=font-size][style*="8pt"] {
    font-size: 15px !important
}

.blogview_content [style*=font-size][style*="9pt"],
.blogview_content [style*=font-size][style*="10pt"],
.blogview_content [style*=font-size][style*="11pt"],
.blogview_content [style*=font-size][style*="12pt"],
.blogview_content [style*=font-size][style*="13pt"],
.blogview_content [style*=font-size][style*="14pt"] {
    font-size: 16px !important
}

.blogview_content [style*=font-size][style*="18pt"],
.blogview_content [style*=font-size][style*="19pt"],
.blogview_content [style*=font-size][style*="20pt"],
.blogview_content [style*=font-size][style*="21pt"],
.blogview_content [style*=font-size][style*="22pt"],
.blogview_content [style*=font-size][style*="23pt"],
.blogview_content [style*=font-size][style*="24pt"] {
    font-size: 21px !important
}

.blogview_content [style*=font-size][style*="36pt"] {
    font-size: 26px !important
}

.blogview_content p:not([data-ke-size]) {
    margin-bottom: 27px
}

.blogview_content ul:not([data-ke-list-type]) li,
.blogview_content ol:not([data-ke-list-type]) li {
    position: relative;
    padding: 0 0 0 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.6em !important;
    color: #303030;
    list-style: none !important
}

.blogview_content .map_attach ul:not([data-ke-list-type]) li {
    padding: 0 10px !important
}

.blogview_content .map_attach li:before {
    background-color: transparent !important;
    margin: 0;
    padding: 0
}

.blogview_content ul:not([data-ke-list-type]) li:before {
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #3c4249;
    content: ""
}

.blogview_content ol:not([data-ke-list-type]) {
    margin-top: 0
}

.blogview_content ol:not([data-ke-list-type]) li:before {
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    font-size: .9em;
    color: #303030;
    content: counter(ol-counter) ".";
    counter-increment: ol-counter
}

.blogview_content>ul:not([data-ke-list-type]),
.blogview_content>ol:not([data-ke-list-type]) {
    margin-top: 1em;
    margin-bottom: 1em
}

.blogview_content hr:not([data-ke-style]) {
    margin: 12px 0
}

.blogview_content .video-wrap:not([data-ke-type] .video-wrap) {
    position: relative;
    height: 0;
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25% !important
}

.blogview_content .video-wrap:not([data-ke-type] .video-wrap) iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: 0 !important
}

.blogview_content .box_fold .txt_fold {
    position: static;
    left: auto;
    top: auto
}

.blogview_content .box_fold .txt_fold:before {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    border: none
}

.blogview_content .table_wrap {
    overflow: auto;
    max-width: 100%
}

.blogview_content .table_wrap .txc-table {
    width: max-content
}

.blogview_content .lagacy_moreLess {
    margin: 1em 0;
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

.blogview_content .lagacy_moreLess .btn_moreLess {
    margin-top: 0;
    margin-bottom: 0
}

.blogview_content .btn_less {
    margin-top: 7px;
    color: #888
}

.blogview_content .txc-file .tx-unresizable {
    vertical-align: middle
}

.blogview_content.useless_p_margin h1,
.blogview_content.useless_p_margin h2,
.blogview_content.useless_p_margin h3,
.blogview_content.useless_p_margin h4,
.blogview_content.useless_p_margin h5,
.blogview_content.useless_p_margin h6 {
    padding-top: .3em;
    padding-bottom: .3em
}

.blogview_content.useless_p_margin h2 {
    padding: 8px 0 7px
}

.blogview_content.useless_p_margin h3 {
    padding: 7px 0 6px
}

.blogview_content.useless_p_margin h4 {
    padding: 6px 0 5px
}

.blogview_content.useless_p_margin h5 {
    padding: 3px 0
}

.blogview_content.useless_p_margin h6 {
    padding: 2px 0
}

.blogview_content.useless_p_margin p {
    margin: .25em 0
}

.blogview_content.useless_p_margin img {
    margin: 0 auto
}

.blogview_content.useless_p_margin hr {
    margin-bottom: 11px
}

.blogview_content {
    max-width: 736px;
    margin: 0 auto;
    font-size: 16px;
    padding: 30px 20px;
    line-height: 1.75;
    color: #222;
    word-break: break-all;
    box-sizing: border-box
}

.blogview_content>*:first-child {
    margin-top: 0
}

.blogview_content h1 {
    font-size: 1.8em
}

.blogview_content h1,
.blogview_content h2,
.blogview_content h3,
.blogview_content h4 {
    padding: 1em 0 .35em;
    line-height: 1.5em;
    font-weight: 400;
    word-break: break-word
}

.blogview_content h1+h1,
.blogview_content h2+h2,
.blogview_content h3+h3,
.blogview_content h4+h4 {
    padding-top: 0
}

.blogview_content>p {
    margin-top: 1em;
    margin-bottom: .5em
}

.blogview_content p+p {
    margin-top: 0;
    margin-bottom: .5em
}

.blogview_content.useless_p_margin p+p {
    margin-bottom: 0
}

.blogview_content a {
    color: #006dd7;
    text-decoration: underline
}

.blogview_content img {
    display: inline;
    max-width: 100%;
    height: auto
}

.blogview_content .imageblock img {
    height: auto !important
}

.blogview_content blockquote {
    display: block;
    position: relative;
    margin: 20px 0;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #222;
    font-family: AppleSDGothicNeo-Light, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif
}

.blogview_content blockquote:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    background-color: #bbb
}

.blogview_content blockquote.tx-quote-tistory div {
    margin-left: 2px;
    margin-right: 2px
}

.blogview_content blockquote[data-ke-style=comma],
.blogview_content blockquote[data-ke-style=style1],
.blogview_content blockquote.tx-quote-tistory {
    padding: 30px 20px 0 !important;
    font-size: 18px;
    line-height: 32px;
    color: #555;
    text-align: center;
    background-size: 23px 18px;
    background: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/blockquote-style1.svg) no-repeat 50% 0 !important
}

.blogview_content blockquote[data-ke-style=comma]:after,
.blogview_content blockquote[data-ke-style=style1]:after,
.blogview_content blockquote.tx-quote-tistory:after {
    content: none
}

.blogview_content blockquote[data-ke-style=normal],
.blogview_content blockquote[data-ke-style=style2],
.blogview_content blockquote .tx-quote-tistory {
    padding: 4px 0 4px 19px;
    font-weight: lighter
}

.blogview_content blockquote[data-ke-style=normal]:after,
.blogview_content blockquote[data-ke-style=style2]:after,
.blogview_content blockquote .tx-quote-tistory:after {
    content: ""
}

.blogview_content blockquote[data-ke-style=box],
.blogview_content blockquote[data-ke-style=style3] {
    padding: 16px 20px 15px;
    background-color: #fcfcfc;
    font-size: 16px;
    line-height: 28px;
    color: #222;
    text-align: left;
    font-weight: lighter
}

.blogview_content blockquote[data-ke-style=box]:after,
.blogview_content blockquote[data-ke-style=style3]:after {
    content: none
}

.blogview_content hr[data-ke-style] {
    margin-bottom: 27px;
    height: 20px
}

.blogview_content hr[data-ke-style][data-ke-style=style1] {
    width: 67px;
    background-position: 0 7px
}

.blogview_content hr[data-ke-style].tx-hr-border-2,
.blogview_content hr[data-ke-style][data-ke-style=style2] {
    width: 67px;
    background-position: 0 -11px
}

.blogview_content hr[data-ke-style].tx-hr-border-3,
.blogview_content hr[data-ke-style][data-ke-style=style3] {
    width: 67px;
    background-position: 0 -31px
}

.blogview_content hr[data-ke-style].tx-hr-image-1,
.blogview_content hr[data-ke-style][data-ke-style=style4] {
    width: 2px;
    height: 60px;
    background-position: 0 -51px
}

.blogview_content hr[data-ke-style].tx-hr-image-2,
.blogview_content hr[data-ke-style][data-ke-style=style5] {
    width: 100%;
    background-position: 0 -120px;
    background-repeat: initial
}

.blogview_content hr[data-ke-style].tx-hr-image-3,
.blogview_content hr[data-ke-style][data-ke-style=style6] {
    width: 100%;
    background-position: 0 -140px;
    background-repeat: initial
}

.blogview_content hr[data-ke-style].tx-hr-image-4,
.blogview_content hr[data-ke-style][data-ke-style=style7] {
    width: 200px;
    background-position: 0 -160px
}

.blogview_content hr[data-ke-style][data-ke-style=style8] {
    background-position: 0 -180px
}

.blogview_content ul li {
    position: relative;
    margin-left: 22px;
    margin-bottom: 7px;
    line-height: 24px;
    font-size: 16px;
    color: #555
}

.blogview_content ol li p,
.blogview_content ol li div,
.blogview_content ul li p,
.blogview_content ul li div {
    display: inline
}

.blogview_content>ul[data-ke-list-type],
.blogview_content ol[data-ke-list-type] {
    padding: .5em 0
}

.blogview_content ul[data-ke-list-type],
.blogview_content ul[data-ke-list-type]>li {
    text-indent: 0
}

.blogview_content div[data-ke-type=moreLess] ul[data-ke-list-type] li:before {
    top: 6px
}

.blogview_content div[data-ke-type=moreLess] ul[data-ke-list-type=circle] li:before {
    top: 9px
}

.blogview_content ul li div[data-ke-type=moreLess] {
    display: block
}

.blogview_content ul ul,
.blogview_content ul ol,
.blogview_content ol ol {
    padding-left: 15px
}

.blogview_content ol>li:before {
    position: relative;
    top: -2px;
    height: 20px;
    padding-right: 5px;
    font-size: 14px;
    color: #555;
    font-family: Pretendard-Regular;
    line-height: 22px;
    text-align: right;
    content: counter(ol-counter) ".";
    counter-increment: ol-counter
}

.blogview_content ol {
    margin: 10px 0 0;
    counter-reset: ol-counter
}

.blogview_content ol li {
    position: relative;
    margin-top: 7px;
    line-height: 24px;
    font-size: 16px;
    color: #555
}

.blogview_content ol[data-ke-list-type=decimal],
.blogview_content ol[style*="list-style-type: decimal"] {
    padding: 0 0 0 20px;
    text-indent: -30px
}

.blogview_content ol[data-ke-list-type=decimal] li:before {
    display: inline-block;
    width: 25px
}

.blogview_content table {
    margin: 10px 0
}

.blogview_content table td {
    border: 1px solid #d0d0d0;
    padding: 7px;
    color: #222
}

.blogview_content embed {
    max-width: 100%;
    height: auto
}

.blogview_content iframe:not([data-ke-type=map]) {
    width: 100%
}

.blogview_content iframe {
    max-width: 100%
}

.blogview_content figure.imageblock {
    display: table;
    position: relative;
    margin: 20px auto
}

.blogview_content figure.imageblock.widthContent {
    display: block
}

.blogview_content figure.imageblock.floatLeft,
.blogview_content figure.imageblock.floatRight {
    float: initial
}

.blogview_content figure.imageblock figcaption {
    padding-top: 0;
    text-align: center
}

.blogview_content figure.imageblock.alignLeft {
    margin-left: 0;
    margin-right: auto
}

.blogview_content figure.imageblock.alignRight {
    margin-left: auto;
    margin-right: 0
}

.blogview_content figure.imageblock figcaption {
    color: #888
}

.blogview_content figure.imagegridblock figcaption {
    color: #888
}

.blogview_content figure[data-ke-type=video],
.blogview_content figure.imageslideblock,
.blogview_content figure.imagegridblock,
.blogview_content figure.imageblock.widthContent {
    margin-left: -20px;
    width: calc(100% + 40px);
    max-width: calc(100% + 40px)
}

@media (min-width: 736px) {

    .blogview_content figure[data-ke-type=video],
    .blogview_content figure.imageslideblock,
    .blogview_content figure.imagegridblock,
    .blogview_content figure.imageblock.widthContent {
        margin-left: 0;
        width: 100%;
        max-width: 100%
    }
}

.blogview_content figure[data-ke-type=opengraph] {
    margin: 10px 0
}

.blogview_content figure[data-ke-type=opengraph] a {
    border-color: #ddd
}

.blogview_content figure[data-ke-type=opengraph] div.og-image {
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 200px;
    border: 1px solid #ddd;
    border-right: none
}

@media (max-width: 600px) {
    .blogview_content figure[data-ke-type=opengraph] div.og-image {
        width: 90px
    }
}

.blogview_content figure[data-ke-type=opengraph] div.og-text {
    padding-top: 14px;
    padding-left: 18px;
    border-left: 1px solid #ddd
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-title {
    display: block;
    display: -webkit-box;
    padding: 0;
    overflow: hidden;
    max-width: 481px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #222;
    font-family: AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, 돋움, "sans-serif";
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-desc {
    padding: 0;
    color: #222;
    font-family: AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, 돋움, "sans-serif"
}

.blogview_content figure[data-ke-type=opengraph] div.og-text p.og-host {
    margin: 0;
    padding: 0;
    bottom: 10px;
    font-family: Pretendard-Regular, "sans-serif";
    font-weight: 400;
    font-size: 11px;
    color: #888
}

.blogview_content figure.fileblock {
    border: none;
    box-sizing: border-box
}

.blogview_content figure.fileblock a {
    border: 1px solid #e9e9e9
}

.blogview_content figure.fileblock a:after {
    right: 36px
}

.blogview_content figure.fileblock .desc {
    max-width: 232px;
    left: 40px
}

.blogview_content figure.fileblock .name {
    font-size: 15px;
    line-height: 23px;
    color: #222
}

.blogview_content figure.fileblock .size {
    margin: 4px 0 0;
    font-family: Pretendard-Regular, sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #888
}

.blogview_content pre:not(:has(code.hljs)) {
    background-color: #f0f0f0
}

.blogview_content pre {
    overflow: auto;
    margin: 10px -20px;
    padding: 16px 20px;
    font-size: 14px;
    line-height: 27px
}

.blogview_content pre[data-ke-type=codeblock] {
    padding: 0
}

.blogview_content pre[data-ke-type=codeblock] code {
    border-radius: 0;
    padding: 15px 20px
}

.blogview_content pre[data-ke-type=codeblock] code:not(.hljs) {
    display: block;
    color: #253;
    line-height: 20px
}

.blogview_content pre code:not(.hljs) {
    font-size: 14px;
    line-height: 27px
}

.blogview_content .txc-textbox {
    padding: 16px 15px;
    margin: 10px 0;
    background-color: #f5f5f5
}

.blogview_content .txc-textbox p {
    margin: 0
}

.blogview_content .btn_more {
    display: block;
    height: 21px;
    margin: 7px 0 5px;
    font-size: 14px;
    line-height: 14px;
    color: #888
}

.blogview_content .btn_more .ico_more {
    display: none;
    width: 21px;
    height: 21px;
    margin-right: 7px;
    background-position: -136px 0
}

.blogview_content div[data-ke-type=moreLess] {
    margin: 20px 0;
    caret-color: auto;
    background-color: #fafafa;
    padding: 20px;
    border: 1px dashed #dddddd;
    color: #333
}

.blogview_content div[data-ke-type=moreLess] .moreless-content {
    margin-top: 16px
}

.blogview_content div[data-ke-type=moreLess] .btn-toggle-moreless {
    font-size: 14px
}

.blogview_content div[data-ke-type=moreLess] .btn-toggle-moreless:before {
    display: inline-block;
    content: "···";
    color: #909090;
    font-size: 1.1em;
    padding-right: 4px;
    letter-spacing: -4px
}

.blogview_content div[data-ke-type=moreLess].open {
    height: auto
}

#__phocus__ {
    --pcs-z-root: 2147483647
}

body {
    font-feature-settings: "ss01" 1
}

@font-face {
    font-family: KakaoBigOTFRegular;
    font-weight: 400;
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoOTF-bRg.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoOTF-bRg.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoOTF-bRg.eot) format("eot"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoOTF-bRg.otf) format("opentype")
}

@font-face {
    font-family: KakaoBig;
    font-weight: 400;
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoBig.ttf) format("truetype"), url(//t1.daumcdn.net/tistory_admin/www/resource/font/KakaoBig.otf) format("opentype")
}

@font-face {
    font-family: Pretendard-Light;
    font-weight: 300;
    src: local(Pretendard-Light);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-Regular;
    font-weight: 400;
    src: local(Pretendard-Regular);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-Medium;
    font-weight: 500;
    src: local(Pretendard-Medium);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-SemiBold;
    font-weight: 600;
    src: local(Pretendard-SemiBold);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-Bold;
    font-weight: 700;
    src: local(Pretendard-Bold);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-ExtraBold;
    font-weight: 800;
    src: local(Pretendard-ExtraBold);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Pretendard-Black;
    font-weight: 900;
    src: local(Pretendard-Black);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Variable.woff2) format("woff2")
}

@font-face {
    font-family: Noto Sans Light;
    font-weight: 400;
    src: local(NotoSansCJKkr-Light);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans DemiLight;
    font-weight: 400;
    src: local(NotoSansCJKkr-DemiLight);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans Regular;
    font-weight: 400;
    src: local(NotoSansCJKkr-Regular);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.otf) format("opentype")
}

@font-face {
    font-family: Noto Sans Medium;
    font-weight: 400;
    src: local(NotoSansCJKkr-Medium);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.otf) format("opentype")
}

@font-face {
    font-family: "Noto Serif KR";
    font-weight: 400;
    src: local(noto-serif-kr-regular);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/font/noto-serif-kr/noto-serif-kr-regular.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/static/font/noto-serif-kr/noto-serif-kr-regular.woff) format("woff")
}

@font-face {
    font-family: Nanum Gothic;
    font-weight: 400;
    src: local(NanumGothic);
    src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/font/NanumGothic.woff2) format("woff2"), url(//t1.daumcdn.net/tistory_admin/static/font/NanumGothic.woff) format("woff"), url(//t1.daumcdn.net/tistory_admin/static/font/NanumGothic.otf) format("opentype")
}

.revenue_unit_wrap {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.mobile-article .revenue_unit_wrap,
[data-react-app=Home] .revenue_unit_wrap {
    max-width: 696px
}

.revenue_unit_wrap:has(ins[data-ad-status=unfilled]) {
    display: none
}

.revenue_unit_item {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%
}

.revenue_unit_item:not(.responsive) {
    display: inline-block
}

.revenue_unit_item:not(.revenue_preview) .revenue_unit_info {
    display: none
}

.revenue_unit_item.revenue_preview {
    border: 1px solid #ebebeb
}

.revenue_unit_item .revenue_unit_info {
    position: absolute;
    top: -1px;
    left: -1px;
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 25px;
    color: #929292;
    font-family: Pretendard-Regular;
    border: 1px solid #ebebeb
}

.revenue_unit_item.adfit:not(.revenue_preview) {
    min-width: 160px;
    min-height: 90px
}

.revenue_unit_item.adsense.revenue_preview {
    min-height: 100px
}

.google-auto-placed ins iframe,
.revenue_unit_item.adsense ins iframe {
    margin: 0 auto
}

.revenue_unit_item.adsense {
    background-image: url(//t1.daumcdn.net/tistory_admin/static/revenue/adsense.svg)
}

.revenue_unit_item.adfit {
    width: 100%;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/revenue/adfit.svg)
}

.revenue_unit_item.tenping {
    width: 100%;
    min-width: 100px;
    min-height: 50px;
    background-size: 100px 25px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/revenue/tenping.png)
}

.revenue_unit_item.dable {
    min-width: 100px;
    min-height: 50px;
    background-size: 98px 27px;
    background-image: url(//t1.daumcdn.net/tistory_admin/static/revenue/dable.png)
}

.revenue_unit_item.revenue_preview.tenping,
.revenue_unit_item.revenue_preview.dable {
    width: 100%;
    min-height: 100px
}

ins.adsbygoogle[data-ad-status=unfilled] {
    display: none !important
}

.revenue_preview ins.adsbygoogle[data-ad-status=unfilled] {
    display: inline-block !important
}

.ico_comm_v1,
.tit_logo,
.ico_search,
.ico_like1,
.ico_like2,
.ico_comment1,
.ico_comment2,
.ico_share1,
.ico_etc1,
.ico_ccl1_1,
.ico_ccl2_1,
.ico_ccl3_1,
.ico_ccl4_1,
.ico_lock,
.ico_lock1,
.ico_heart,
.ico_close,
.ico_category,
.ico_state,
.ico_prev,
.ico_delete,
.ico_link,
.ico_delete1,
.ico_option,
.item_choice input[type=radio]:checked+.lab_choice .ico_rdo,
.cmt_lock .ico_rdo,
.loading_tistory,
.cmt_lock .txt_choice,
.ico_guestbook,
.ico_pin {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0 none
}

dl,
ul,
ol,
menu,
li {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

input,
select,
textarea,
button {
    vertical-align: middle;
    font-size: 100%
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    -webkit-text-size-adjust: none;
    width: 100%;
    overflow-x: hidden
}

input:checked[type=checkbox] {
    background-color: #666;
    -webkit-appearance: checkbox
}

input[type=text],
input[type=password],
input[type=submit],
input[type=search],
input[type=tel],
input[type=email],
html input[type=button],
input[type=reset] {
    -webkit-appearance: none;
    border-radius: 0
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

body {
    background: #fff
}

body,
th,
td,
input,
select,
textarea,
button {
    font-size: 14px;
    line-height: 1.5;
    font-family: Pretendard-Regular, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333
}

a {
    color: #333;
    text-decoration: none
}

a:active,
a:hover {
    text-decoration: none
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: 400
}

.ico_comm_v1,
.ico_search,
.ico_like1,
.ico_like2,
.ico_comment1,
.ico_comment2,
.ico_share1,
.ico_etc1,
.ico_ccl1_1,
.ico_ccl2_1,
.ico_ccl3_1,
.ico_ccl4_1,
.ico_lock,
.ico_lock1,
.ico_reserved,
.ico_private,
.ico_entry,
.ico_heart,
.ico_close,
.ico_category,
.ico_state,
.ico_prev,
.ico_link,
.ico_delete,
.ico_delete1,
.ico_option,
.item_choice input[type=radio]:checked+.lab_choice .ico_rdo,
.cmt_lock .ico_rdo,
.ico_pin {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/ico_comm_v4_2307.svg);
    background-size: 200px 120px
}

.loading_tistory {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/loading.svg);
    background-size: 66px 60px;
    background-repeat: no-repeat;
    opacity: .3
}

.direct-link {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1000;
    height: 1px
}

.direct-link a {
    position: absolute;
    top: -999px;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background: #333;
    text-decoration: none;
    white-space: nowrap
}

.direct-link a:focus {
    top: 0
}

.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 1px;
    line-height: 0;
    color: transparent
}

.ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%
}

.ir_caption {
    overflow: hidden;
    width: 1px;
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px
}

.screen_out {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    font-size: 1px
}

.show {
    display: block
}

.hide {
    display: none
}

html,
body {
    height: 100vh;
    height: calc(var(--1dvh, 1vh) * 100);
    height: 100dvh;
    box-sizing: border-box;
    padding: 0 !important
}

.scroll_hidden {
    overflow: hidden
}

.doc-header {
    display: flex;
    position: relative;
    z-index: 200;
    width: 100%;
    min-width: 280px;
    height: 56px;
    background-color: #fff
}

.doc-header .sch_inner {
    position: relative;
    max-width: 736px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: auto
}

.blog_search .doc-header {
    position: fixed;
    top: 0;
    left: 0
}

.b_scroll_retern .doc-header.comment-top {
    border-bottom: none
}

.b_scroll_retern .doc-header.comment-top .tit_blog {
    display: none
}

.doc-header.bottom-line {
    border-bottom: 1px solid #eee
}

.doc-header .doc-title {
    display: inline-block;
    height: 56px;
    font-size: 1px;
    vertical-align: top;
    margin-left: env(safe-area-inset-left)
}

.doc-header .link_logo {
    display: inline-flex;
    height: 53px;
    margin-left: 20px;
    align-items: center;
    vertical-align: top
}

.doc-header .tit_blog {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(50% - 105px);
    padding: 0;
    margin: 0 105px;
    width: calc(100% - 210px);
    transform: translate(-50%);
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    font-size: 17px;
    line-height: 56px;
    font-weight: 400;
    color: #222;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    text-align: center
}

.doc-header .header_right {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
    margin-right: env(safe-area-inset-right)
}

.doc-header .header_left {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0
}

.doc-header.searching .header_left {
    left: 0
}

.doc-header.searched .blog_sch {
    padding: 8px env(safe-area-inset-right) 0 calc(30px + env(safe-area-inset-left))
}

.doc-header.searched .header_left {
    left: env(safe-area-inset-left)
}

.doc-header .link_blog {
    display: inline-block;
    position: relative;
    margin-top: 12px;
    margin-right: 16px;
    width: 32px;
    height: 32px
}

.doc-header .link_blog .thumb_profile {
    width: 32px;
    height: 32px
}

.doc-header .link_blog:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    box-sizing: border-box
}

.doc-header .link_search {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 16px;
    margin-right: 17px;
    vertical-align: top;
    text-align: center
}

.doc-header .link_prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 13px;
    margin-left: 11px;
    vertical-align: top;
    text-align: center
}


.container-doc.blog_view,
.container-doc.blog_notice,
.container-doc.blog_main {
    height: auto !important;
    min-height: 100%
}

#entry-view.container-doc.blog_view {
    height: 100% !important
}

.container-doc.b_scroll .header_type1 .tit_logo {
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/logo/bi-tistory.svg)
}

.header_type1 .ico_search {
    background-position: -24px -65px
}

.header_type2 {
    border-bottom: 1px solid #ddd
}

.header_type2 .tit_blog {
    display: block
}

.wrap_blogview {
    background-color: #f1f4f8
}

.doc-footer {
    height: 150px;
    background-color: #f7f7f7
}

.doc-footer .desc_g {
    padding: 30px 0 0;
    font-size: 12px;
    line-height: 1.3;
    color: #777;
    text-align: center;
    letter-spacing: -.2px
}

.doc-footer .desc_g .ico_heart {
    vertical-align: top;
    margin-top: 2px
}

.doc-footer small {
    display: block;
    padding: 12px 0 0;
    text-align: center
}

.doc-footer .link_corp {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -.2px;
    color: #888
}

.wrap_etc {
    padding: 30px 0 0
}

.wrap_etc .list_etcinfo {
    text-align: center;
    font-size: 0;
    line-height: 0
}

.wrap_etc .list_etcinfo li {
    display: inline-block;
    position: relative
}

.wrap_etc .list_etcinfo li a {
    font-size: 13px;
    line-height: 24px;
    color: #222;
    letter-spacing: -.2px
}

.wrap_etc .list_etcinfo li+li {
    padding-left: 31px
}

.wrap_etc .list_etcinfo li+li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 1px;
    height: 11px;
    margin-top: -5px;
    background-color: #e0e0e0
}

.main-content {
    background-color: #f7f7f7
}

.content-wrap.content-support {
    max-width: 736px;
    box-sizing: border-box;
    margin: auto
}

.content-article+.cont_post {
    margin-top: 10px;
    padding-top: 10px
}

.content-article.notice-article {
    margin-bottom: 30px
}

.notice-article .blogview_content {
    min-height: 374px
}

.wrap_title {
    padding: 10px 20px 14px
}

.comment-wrap .wrap_title {
    max-width: 736px;
    margin: auto;
    box-sizing: border-box
}

.wrap_title.notice_title {
    padding-bottom: 20px
}

.view_bottom1 {
    width: 100%;
    padding: 20px 20px 0;
    box-sizing: border-box;
    text-align: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 736px
}

.view_bottom1 img {
    height: 30px;
    padding-bottom: 20px;
    vertical-align: top
}

.view_bottom1 .box_cmt_input {
    padding: 0 0 20px
}

.wrap_emoji1 {
    text-align: right
}

.wrap_emoji2 {
    text-align: left
}

.cont_type1 {
    width: 100%;
    height: 100%
}

.cont_type1 .doc-main {
    width: 100%;
    height: calc(100% - 56px)
}

.cont_type1 .doc-main .inner-main,
.cont_type1 .doc-main .inner-main .main-content {
    height: 100%
}

.cont_type1 .doc-main .content-article {
    position: relative;
    height: 100%
}

.cont_type1 .wrap_title {
    padding: 16px 20px 0
}

.cont_type1 .wrap_title .tit_blog2 {
    font-size: 32px;
    line-height: 39px;
    color: #222;
    font-weight: 400
}

.cont_type1 .wrap_title .desc_guide {
    padding-top: 19px
}

.tit_logo {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/logo/bi-tistory.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 2px
}

.ico_search {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -25px 0;
    vertical-align: top
}

.ico_like1 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -75px 0;
    vertical-align: top
}

.ico_like2 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: 0 -45px;
    vertical-align: top
}

.ico_comment1 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -125px 0;
    vertical-align: top
}

.ico_comment2 {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -15px -45px;
    vertical-align: top
}

.ico_share1 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -150px 0;
    vertical-align: top
}

.ico_etc1 {
    display: inline-block;
    width: 3px;
    height: 18px;
    background-position: -175px 0;
    vertical-align: top
}

.ico_ccl1_1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: 0 -25px;
    vertical-align: top
}

.ico_ccl2_1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: -20px -25px;
    vertical-align: top
}

.ico_ccl3_1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: -40px -25px;
    vertical-align: top
}

.ico_ccl4_1 {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: -60px -25px;
    vertical-align: top
}

.ico_lock {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -30px -45px;
    vertical-align: top
}

.ico_reserved {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -55px -90px;
    vertical-align: top
}

.ico_entry[data-visibility] {
    margin-left: 2px;
    display: inline-block;
    height: 18px;
    width: 18px;
    vertical-align: top
}

.ico_entry[data-visibility=PUBLIC] {
    visibility: hidden
}

.ico_entry[data-visibility=PROTECTED] {
    background-position: -30px -45px
}

.ico_entry[data-visibility=PRIVATE] {
    background-position: -75px -90px
}

.ico_entry[data-visibility=RESERVED_PUBLIC],
.ico_entry[data-visibility=RESERVED_PROTECTED] {
    background-position: -55px -90px
}

.ico_entry[data-visibility=RESERVED_PROTECTED]:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-left: 20px;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/ico_comm_v4_2303.svg);
    background-size: 200px 120px;
    background-position: -30px -45px
}

.ico_private {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -75px -90px;
    vertical-align: top
}

.data_info .ico_reserved,
.data_info .ico_private {
    margin-left: 2px
}

.ico_lock1 {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -180px 0;
    vertical-align: top
}

.ico_heart {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -50px -45px
}

.ico_close {
    width: 24px;
    height: 24px;
    background-position: -135px -25px
}

.ico_category {
    width: 24px;
    height: 24px;
    background-position: -50px -65px
}

.ico_state {
    display: inline-block;
    width: 13px;
    height: 12px;
    background-position: -95px -25px;
    vertical-align: top
}

.ico_prev {
    display: inline-block;
    width: 11px;
    height: 24px;
    margin: 3px 9px;
    background-position: -160px -25px;
    vertical-align: top
}

.ico_delete {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -185px -25px;
    vertical-align: top
}

.ico_link {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -185px -40px;
    vertical-align: top
}

.ico_delete1 {
    width: 14px;
    height: 14px;
    background-position: -185px -55px;
    vertical-align: top
}

.ico_option {
    width: 12px;
    height: 4px;
    background-position: -50px -60px;
    vertical-align: top
}

.item_choice {
    position: relative;
    height: 44px;
    vertical-align: top;
    box-sizing: border-box
}

.item_choice .inp_comm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    opacity: .01
}

.item_choice input[type=radio]:checked+.lab_choice .ico_rdo {
    background-position: -111px -25px;
    border: 1px solid #222
}

.item_choice .lab_choice {
    display: block;
    position: relative;
    padding-left: 30px
}

.item_choice .txt_choice {
    display: block;
    height: 24px;
    color: #222;
    font-weight: 400
}

.item_choice .ico_rdo {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 50%
}

.item_form {
    position: relative;
    font-size: 0;
    line-height: 0
}

.blog_sch .item_form {
    display: flex
}

.btn_all_search {
    flex-grow: 0;
    flex-shrink: 0;
    width: 75px;
    height: 40px;
    margin: 0 0 0 10px;
    padding: 10px 2.5px 12px;
    border-radius: 20px;
    border: solid 1px #ededed;
    font-size: 14px;
    line-height: 16px;
    color: #222;
    box-sizing: border-box;
    text-align: center
}

.item_form .lab_tf {
    display: block;
    font-size: 14px;
    line-height: 20px
}

.item_form .box_tf {
    position: relative;
    flex-grow: 1
}

.item_form .box_tf .txt_byte {
    position: absolute;
    top: 14px;
    right: 10px
}

.item_form .box_tf .txt_byte .num_byte,
.item_form .box_tf .txt_byte .txt_bar {
    font-size: 13px;
    line-height: 14px;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    color: #888
}

.item_form .box_tf .ico_lock1 {
    position: absolute;
    bottom: 8px;
    left: 0
}

.item_form .tf_guide {
    display: block;
    padding-top: 12px;
    font-size: 13px;
    line-height: 19px;
    color: #888;
    letter-spacing: -.2px
}

.item_form .tf_error {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 40px;
    font-size: 13px;
    line-height: 13px;
    color: #f54;
    letter-spacing: -.2px
}

.item_form .tf_comm {
    display: inline-block;
    width: 100%;
    padding: 7px 15px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 15px;
    line-height: 1.3;
    outline: 0;
    resize: none;
    color: #222;
    -webkit-appearance: none
}

.item_form .tf_comm::data-placeholder {
    color: #b1b1b1
}

.tistory_layer .item_form .tf_comm {
    padding-right: 78px
}

.item_form .tf_type1 {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 22px 2px;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    border-radius: 0
}

.item_form .tf_type1:focus {
    border-color: #222
}

.item_form .tf_cmt {
    display: block;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
    resize: none;
    outline: 0
}

.item_form.item_error .tf_type1 {
    border-bottom: 1px solid #ff5544
}

.item_form.item_error .tf_error {
    display: block
}

.item_form.write_on .tf_comm {
    padding-right: 78px
}

.item_form.write_on .tf_type1 {
    padding-right: 0;
    border-color: #222
}

.tit_blog2 {
    font-size: 30px;
    line-height: 44px;
    color: #222;
    font-weight: 400;
    font-family: Pretendard-SemiBold
}

.wrap_title .tit_blog2 {
    display: inline-block
}

.wrap_title .num_tit {
    display: inline-block;
    padding-top: 8px;
    padding-left: 4px;
    font-size: 12px;
    line-height: 1.3;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    color: #888;
    vertical-align: top
}

.wrap_title .desc_guide {
    padding-top: 22px;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 20px;
    color: #888
}

.wrap_title .desc_guide a {
    color: #555;
    text-decoration: underline
}

.tit_nickname {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 20px;
    color: #222;
    letter-spacing: -.1px;
    font-weight: 400;
    font-family: Pretendard-SemiBold, AppleSDGothicNeo-Regular, "sans-serif"
}

.btn_like {
    display: inline-block;
    height: 30px;
    font-size: 0;
    line-height: 0;
    vertical-align: top
}

.btn_like .txt_btn {
    display: inline-block;
    padding-left: 3px;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    letter-spacing: -.2px
}

.btn_like.on .ico_like1 {
    background-position: -100px 0
}

.link_comment {
    display: inline-block;
    height: 30px;
    font-size: 0;
    line-height: 0;
    vertical-align: top
}

.link_comment .txt_btn {
    display: inline-block;
    padding-left: 3px;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    letter-spacing: -.2px
}

.btn_share,
.btn_etc3 {
    display: inline-block;
    width: 30px;
    height: 30px
}

.btn_category {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 736px;
    height: 24px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left
}

.btn_category .ico_category {
    margin-right: 8px
}

.btn_category .txt_category {
    display: inline-block;
    font-size: 17px;
    color: #222;
    letter-spacing: -.5px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.link_subscrite {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 23px;
    color: #222;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    white-space: nowrap
}

.link_subscrite:hover {
    background-color: rgba(255, 255, 255, .9)
}

.link_subscrite .ico_state {
    display: inline-block;
    vertical-align: top;
    margin-top: 11px
}

.link_subscrite1 {
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
    background-color: transparent
}

.link_subscrite1:hover {
    background-color: rgba(255, 255, 255, .15)
}

.link_subscrite1 .ico_state {
    width: 13px;
    height: 12px;
    background-position: -80px -25px
}

.btn_comm1 {
    width: 60px;
    height: 32px;
    border-radius: 18px;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    color: #9d9d9d
}

.btn_submit {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.btn_submit:disabled {
    color: #9d9d9d;
    background-color: #fff;
    border-color: #d0d0d0
}

.btn_cancel {
    color: #222
}

.list_tab {
    display: flex
}

.list_tab .link_tab {
    flex-grow: 1;
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    color: #888
}

.list_tab .link_tab[aria-selected=true] {
    border-color: #222;
    color: #222;
    font-weight: 700
}

.thumb_frame {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.thumb_frame .thumb_g {
    display: block;
    width: 100%;
    height: 100%
}

.box_msg {
    padding: 0 20px 20px
}

.box_msg .desc_msg {
    overflow: hidden;
    padding: 14px 15px;
    border: 1px solid #ddd;
    color: #949494;
    font-size: 15px;
    line-height: 21px;
    box-sizing: border-box
}

.tistory_layer {
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    box-sizing: border-box;
    z-index: 9999;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--1dvh, 1vh) * 100);
    min-height: 100dvh;
    min-width: 280px;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    -webkit-font-smoothing: initial
}

.tistory_layer .inner_layer {
    position: relative;
    height: 100%;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #fff;
    margin: auto;
    max-width: 736px
}

.tistory_layer .inner_layer.inner_report {
    position: relative
}

@media (min-width: 736px) {
    .tistory_layer .inner_layer:not(.inner_category) {
        max-width: 360px;
        height: fit-content;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px
    }
}

.tistory_layer .tit_layer {
    display: block;
    padding-top: 17px;
    font-family: Pretendard-SemiBold, AppleSDGothicNeo-Medium, Malgun Gothic, 맑은 고딕, sans-serif;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: -1px;
    font-weight: 400
}

.tistory_layer .item_form {
    padding: 10px 20px 24px
}

.tistory_layer .list_choice {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 12px
}

.tistory_layer .list_choice .item_choice {
    width: calc(50% - 16px)
}

.tistory_layer .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px
}

.tistory_layer .btn_close .ico_close {
    margin: 3px auto 0
}

.tistory_layer .layer_head {
    padding: 20px 20px 12px
}

.tistory_layer .layer_head:focus-visible {
    outline: none
}

.tistory_layer .layer_foot {
    left: 0;
    width: 100%;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    padding: 0 20px 30px;
    box-sizing: border-box;
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-right: calc(20px + env(safe-area-inset-right))
}

.tistory_layer .btn_comm {
    width: 100%;
    height: 44px;
    font-size: 15px;
    line-height: 44px;
    letter-spacing: -.2px;
    color: #fff;
    text-align: center;
    background-color: #222;
    border-radius: 1090px
}

.box_scroll_layer {
    overflow-y: auto;
    position: relative;
    height: calc(100% - 140px)
}

.tistory_alert {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    min-width: 280px;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    box-sizing: border-box
}

.tistory_alert .inner_alert {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 24px;
    background-color: #fff;
    max-width: 696px
}

@media (min-width: 768px) {
    .tistory_alert .inner_alert {
        max-width: 360px
    }
}

.tistory_alert .tit_alert {
    display: block;
    padding-top: 35px;
    font-size: 17px;
    line-height: 24px;
    color: #222;
    letter-spacing: -.5px;
    font-weight: 400;
    text-align: center
}

.tistory_alert .tit_alert+.txt_alert {
    padding-top: 10px;
    color: #888
}

.tistory_alert .txt_alert {
    display: block;
    padding: 27px 20px 0;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    font-weight: 400;
    text-align: center
}

.tistory_alert .item_form {
    padding: 0 40px
}

.tistory_alert .item_form .box_tf {
    padding-top: 19px;
    margin-bottom: 10px
}

.tistory_alert .lab_tf {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    text-align: center
}

.tistory_alert .layer_foot {
    display: flex;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #ddd
}

.tistory_alert .layer_foot button+button {
    border-left: 1px solid #ddd
}

.tistory_alert .btn_alert {
    flex: 1;
    height: 51px;
    font-size: 16px;
    line-height: 1.3;
    color: #222;
    text-align: center
}

.tistory_alert .btn_alert1 {
    font-weight: 700;
    color: #f54;
    border-bottom-right-radius: 24px
}

.tistory_alert .btn_alert1.txt_dark {
    color: #222
}

.tistory_alert .btn_alert1:active {
    background-color: #f5f5f5
}

.toast_layer {
    display: block;
    position: fixed;
    bottom: 82px;
    left: 0;
    z-index: 1000;
    width: 100%;
    -webkit-animation: toast_on .3s linear forwards;
    -moz-animation: toast_on .3s linear forwards;
    animation: toast_on .3s linear forwards;
    text-align: center;
    table-layout: fixed
}

.toast_layer.off {
    -webkit-animation: toast_off .3s linear forwards;
    -moz-animation: toast_off .3s linear forwards;
    animation: toast_off .3s linear forwards
}

.toast_layer .inner_toast {
    display: inline-block;
    background-color: rgba(0, 0, 0, .8);
    padding: 0 20px;
    min-height: 36px;
    border-radius: 8px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    box-sizing: border-box
}

@-webkit-keyframes toast_on {
    0% {
        bottom: -70px
    }

    to {
        bottom: 82px
    }
}

@-moz-keyframes toast_on {
    0% {
        bottom: -70px
    }

    to {
        bottom: 82px
    }
}

@keyframes toast_on {
    0% {
        bottom: -70px
    }

    to {
        bottom: 82px
    }
}

@-webkit-keyframes toast_off {
    0% {
        bottom: 82px;
        opacity: 1
    }

    to {
        bottom: 82px;
        opacity: 0
    }
}

@-moz-keyframes toast_off {
    0% {
        bottom: 82px;
        opacity: 1
    }

    to {
        bottom: 82px;
        opacity: 0
    }
}

@keyframes toast_off {
    0% {
        bottom: 82px;
        opacity: 1
    }

    to {
        bottom: 82px;
        opacity: 0
    }
}

.blog_view {
    display: flex;
    flex-direction: column;
    height: 100%
}

.blog_view .content-article {
    background-color: #fff
}

.content-article.search-content {
    position: relative
}

.blog_view .doc-footer {
    margin-top: auto;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 24px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 24px)
}

.blog_view .list_post li:first-child {
    border-top: none
}

.blogview_tit {
    max-width: 736px;
    padding: 20px 20px 0;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box
}

.blogview_tit .txt_category {
    display: inline-block;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blogview_tit .txt_category .inner_g {
    position: relative;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 18em;
    display: inline-block
}

.blogview_tit .txt_category:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #eee
}

.blogview_tit .tit_blogview {
    padding-top: 11px;
    padding-bottom: 3px;
    font-family: Pretendard-Medium, AppleSDGothicNeo-Medium, Malgun Gothic, 맑은 고딕, sans-serif;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -.4px;
    color: #222;
    font-weight: 400;
    word-break: break-all
}

.blogview_info {
    display: flex;
    max-width: 736px;
    padding: 13px 20px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    box-sizing: border-box
}

.blogview_info .by_blog {
    display: block;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: calc(100% - 152px)
}

.blogview_info .txt_date {
    display: inline-block;
    font-size: 13px;
    line-height: 1.3;
    color: #888;
    vertical-align: top;
    position: relative;
    padding-left: 14px
}

.blogview_info .txt_date:before {
    content: "";
    display: block;
    position: absolute;
    top: 60%;
    left: 6px;
    width: 2px;
    height: 2px;
    margin-top: -2px;
    border-radius: 50%;
    background-color: #ddd
}

.blog_main .doc-header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent
}

.blog_main .doc-main {
    padding-top: 0
}

.blog_main .list_post {
    border-bottom: 1px solid #eee
}

.blog_main .wrap_list_post {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.blog_main .cont_popular .wrap_list_post {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}

.blog_main .cont_post {
    margin-top: 0;
    padding-top: 0
}

.blog_main .cont_post:before {
    display: none
}

.blog_main .cont_post+.cont_post {
    margin-top: 0;
    padding-top: 22px
}

.blog_main .cont_popular .tit_post {
    padding-bottom: 0
}

.blog_main .cont_popular .wrap_list_post {
    max-width: 735px;
    margin: 0 auto
}

.blog_main .cont_popular .list_post {
    margin: 0 20px;
    padding: 0
}

.blog_main .cont_popular .list_post .tit_blog {
    padding-right: 16px;
    padding-top: 0;
    -webkit-line-clamp: 1;
    line-height: 22px
}

.blog_main .cont_popular .list_post .thumb_img {
    width: 72px;
    height: 48px;
    margin: 15px 0;
    border-radius: 8px
}

.blog_main .cont_popular .list_post .data_info {
    padding-top: 7px;
    padding-bottom: 14px
}

.blog_main .cont_popular .list_post a {
    min-height: 0;
    padding: 0 20px
}

.blog_main .cont_popular .list_post .desc_post {
    padding-top: 16px
}

.blogtop_tit {
    position: relative;
    background-position: 50% 50%;
    background-size: cover
}

.blogtop_tit .tit_blogtop {
    display: -webkit-box;
    overflow: hidden;
    padding-right: 44px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    font-size: 30px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    text-overflow: ellipsis;
    word-break: break-all;
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif
}

.blogtop_tit .report_blog {
    position: relative;
    margin-left: auto
}

.blogtop_tit .report_blog .btn_report {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .4)
}

.blogtop_tit .report_blog .btn_report:hover {
    background-color: rgba(255, 255, 255, .15)
}

.blogtop_tit .report_blog .btn_report .ico_dot {
    display: block;
    position: relative;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
    font-size: 1px;
    line-height: 0;
    color: transparent
}

.blogtop_tit .report_blog .btn_report .ico_dot:before {
    position: absolute;
    top: 0;
    left: -6px;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
    content: ""
}

.blogtop_tit .report_blog .btn_report .ico_dot:after {
    position: absolute;
    top: 0;
    left: 6px;
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
    content: ""
}

.blogtop_tit .report_blog .btn_report.on {
    background-color: rgba(255, 255, 255, .15)
}

.blogtop_tit .report_blog .btn_report.on+.layer_report {
    display: block
}

.blogtop_tit .report_blog .layer_report {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 10;
    min-width: 80px;
    height: 34px;
    border: .5px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .16);
    box-sizing: border-box
}

.blogtop_tit .report_blog .layer_report .link_report {
    display: flex;
    height: 34px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #222;
    align-items: center;
    justify-content: center
}

.blogtop_tit .info_blogtop {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 736px;
    height: 100%;
    margin: 0 auto;
    padding: 66px 20px 30px;
    box-sizing: border-box
}

.blogtop_tit .blogtop_dim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, .3)
}

.blogtop_top .info_creator {
    padding-top: 10px
}

.blogtop_tit .link_creator {
    display: flex;
    align-items: center
}

.blogtop_tit .link_creator .txt_creator {
    display: inline-block;
    margin: 0 0 0 4px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -.04px;
    color: #fff
}

.blogtop_tit .link_creator .ico_creator {
    width: 14px;
    height: 14px;
    background-position: -185px -70px
}

.blogtop_tit .link_creator .ico_arrow {
    width: 5px;
    height: 10px;
    margin-left: 4px;
    background-position: -125px -80px
}

.blogtop_tit .link_creator+.txt_url {
    margin-bottom: -20px
}

.blogtop_tit .txt_url {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    text-overflow: ellipsis;
    overflow-x: hidden;
    max-width: calc(100% - 48px)
}

.blog_introduce {
    position: relative;
    padding-top: 4px
}

.blog_introduce .ico_state {
    display: none
}

.blog_introduce .desc_g {
    overflow: hidden;
    display: -webkit-box;
    padding-top: 16px;
    padding-right: 42px;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: -.2px;
    color: rgba(255, 255, 255, .8);
    word-break: break-all
}

.blog_introduce.more_view .desc_g {
    overflow: hidden
}

.blog_introduce.more_view .btn_more {
    display: block
}

.blog_introduce+.blog_notice {
    border-top: 1px solid #eee
}

.blog_notice {
    max-width: 736px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px
}

.blog_notice .notice_inner {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 40px;
    width: 100%;
    box-sizing: border-box
}

.blog_notice .notice_inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #f0f0f0
}

.container-doc.blog_notice {
    flex-direction: column;
    padding: 0
}

.blog_notice .txt_tag {
    display: inline-block;
    width: 32px;
    height: 20px;
    align-self: center;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    font-size: 11px;
    color: #888;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;
    margin-top: 1px
}

.blog_notice .link_notice {
    display: block;
    overflow: hidden;
    padding-left: 6px;
    max-width: calc(100% - 103px);
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 52px
}

.blog_notice .link_more {
    display: block;
    margin-left: auto;
    padding: 5px 0 5px 5px;
    font-size: 14px;
    color: #888
}

.postbtn_ccl {
    max-width: 736px;
    padding: 40px 20px 30px;
    margin: 0 auto;
    box-sizing: border-box
}

.view_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 52px;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    border-top: 1px solid #ddd;
    background-color: #fff;
    z-index: 10
}

.box_btn {
    position: relative;
    height: 52px;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 20px);
    padding-bottom: calc(env(safe-area-inset-bottom) + 20px)
}

.box_btn .btn_like {
    height: 100%;
    margin-left: 17px;
    box-sizing: border-box
}

.box_btn .link_comment {
    height: 100%;
    margin-left: 21px;
    box-sizing: border-box
}

.box_btn .link_comment .ico_comment1 {
    margin-top: 14px
}

.box_btn .link_comment .txt_btn {
    padding-top: 14px
}

.box_btn .box_btn_right {
    position: absolute;
    top: 0;
    right: 0
}

.box_btn .box_btn_right .btn_etc3 {
    margin: 11px 17px 0 11px;
    vertical-align: top
}

.box_btn .box_btn_right .btn_share {
    margin: 11px 0 0;
    vertical-align: top
}

.box_btn .box_btn_right.more_view .box_btn_etc {
    display: block
}

.box_btn .box_btn_etc {
    display: none;
    position: absolute;
    bottom: calc(100% + 15px);
    right: 15px
}

.box_btn .box_btn_etc .btn_comm {
    width: 82px;
    height: 34px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.cont_tag {
    background-color: #fff;
    border-top: 1px solid #eee
}

.cont_tag .tag-inner {
    max-width: 736px;
    margin: 0 auto;
    padding: 24px 16px 54px;
    box-sizing: border-box
}

.list_tag {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    line-height: 0
}

.list_tag a {
    max-width: 19.5em;
    display: inline-block;
    padding: 0 4px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.75;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_tag a:before {
    content: "#"
}

.cont_blog_info {
    min-height: 190px;
    background-color: #f7f7f7
}

.cont_blog_info+.cont_post {
    padding-top: 10px
}

.box_blog_info {
    overflow: hidden;
    position: relative;
    max-width: 736px;
    min-height: 180px;
    margin: 0 auto;
    padding: 0 20px 32px;
    box-sizing: border-box
}

.box_blog_info .tit_blog {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 48px;
    width: calc(100% - 76px);
    padding: 32px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #222;
    font-weight: 400
}

.box_blog_info .tit_blog a {
    color: #222;
    font-size: 18px;
    line-height: 24px;
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.box_blog_info .link_creator {
    display: inline-block;
    align-items: center;
    padding: 6px 0 13px;
    vertical-align: top
}

.box_blog_info .link_creator .txt_creator {
    display: inline-block;
    margin: 0 0 0 2px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -.04px;
    vertical-align: top
}

.box_blog_info .link_creator .ico_creator {
    width: 14px;
    height: 14px;
    background-position: -185px -70px
}

.box_blog_info .link_creator .ico_arrow {
    width: 5px;
    height: 10px;
    margin-top: 3px;
    background-position: -125px -70px
}

.box_blog_info .link_creator+.desc_blog {
    padding-top: 6px
}

.box_blog_info .tit_blog+.link_subscrite {
    margin-top: 20px
}

.box_blog_info .desc_blog {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    max-height: 57px;
    display: -webkit-box;
    width: calc(100% - 76px);
    margin-top: 6px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 19px;
    color: #888;
    box-sizing: border-box
}

.box_blog_info .desc_blog a {
    color: #888
}

.box_blog_info .thumb_g {
    position: absolute;
    top: 32px;
    right: 20px;
    border-radius: 8px
}

.box_blog_info .thumb_g img {
    display: block;
    border-radius: 9px
}

.box_blog_info .link_subscrite {
    display: inline-flex;
    position: relative;
    height: 36px;
    padding: 0 12px 0 16px;
    border: 1px solid #555;
    color: #222;
    font-size: 14px;
    background-color: transparent;
    box-sizing: border-box
}

.box_blog_info .link_subscrite .ico_state {
    margin-left: 2px;
    margin-top: 0
}

.box_blog_info .link_subscrite1 {
    border-color: #ddd
}

.cont_post {
    position: relative;
    background-color: #fff
}

.cont_post .tit_post {
    position: relative;
    display: block;
    max-width: 736px;
    margin: 0 auto;
    padding: 22px 20px 0;
    font-size: 17px;
    line-height: 1.2;
    color: #222;
    letter-spacing: -.25px;
    font-family: Pretendard-SemiBold;
    font-weight: 400;
    box-sizing: border-box
}

.cont_post .tit_post h3 {
    font-size: 17px
}

.cont_post .wrap_tit {
    display: flex;
    max-width: 736px;
    padding-top: 22px;
    margin: 0 auto;
    box-sizing: border-box;
    align-items: center
}

.cont_post .wrap_tit .tit_post {
    display: flex;
    overflow: hidden;
    align-items: center;
    padding-top: 0;
    white-space: nowrap;
    width: 100%
}

.cont_post .wrap_tit .tit_post span {
    flex-shrink: 0
}

.cont_post .wrap_tit .link_more {
    margin-right: 20px;
    flex-shrink: 0
}

.cont_post .tit_post em {
    display: inline-block;
    overflow: hidden;
    color: #f54;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
    word-break: break-all;
    max-width: 130px
}

.cont_post .tit_post span {
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden
}

.cont_post .blog_notice .link_more {
    position: relative;
    top: 0;
    right: 0
}

.cont_post .link_more {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    line-height: 1.2;
    color: #888;
    font-family: Pretendard-Regular
}

.cont_post+.cont_post {
    padding-top: 10px
}

.cont_post+.cont_post:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.list_post {
    width: 100%;
    max-width: 736px;
    margin: 0 auto;
    padding: 0 20px 20px;
    box-sizing: border-box
}

.list_post li:not(.wrap_btn_more):not(:first-child) {
    border-top: 1px solid #eee
}

.list_notice li:first-child {
    border-top: none
}

.list_post a {
    display: block;
    overflow: hidden;
    min-height: 117px;
    font-size: 0;
    line-height: 0
}

.list_post .thumb_img {
    display: block;
    overflow: hidden;
    position: relative;
    float: right;
    width: 100px;
    height: 66px;
    margin: 20px 0 0;
    border-radius: 8px
}

.list_post .thumb_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box
}

.list_post .thumb_img img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-sizing: border-box
}

.list_post .desc_post {
    display: block;
    overflow: visible;
    padding-top: 20px;
    box-sizing: border-box
}

.list_post .data_info {
    display: flex;
    padding-top: 18px;
    padding-bottom: 21px;
    white-space: nowrap
}

.list_post .tit_blog {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 48px;
    padding-top: 1px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 23px;
    color: #222;
    font-weight: 400;
    word-break: break-all;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

body[data-role=member] .list_post .tit_blog[data-restrict-type=del],
body[data-role=member] .list_post .tit_blog[data-restrict-type=tmp] {
    color: #f54
}

body[data-agent-type=app_android] .doc-header,
body[data-agent-type=app_android] .bottomBar,
body[data-agent-type=app_android] .doc-footer .wrap_etc,
body[data-agent-type=app_ios] .doc-header,
body[data-agent-type=app_ios] .bottomBar,
body[data-agent-type=app_ios] .doc-footer .wrap_etc {
    display: none
}

body[data-agent-type=app_android] .doc-footer,
body[data-agent-type=app_ios] .doc-footer {
    padding-top: 25px
}

body[data-agent-type=app_android] .doc-main {
    padding-top: 56px
}

body[data-agent-type=app_ios] .doc-main {
    padding-top: 0
}

.list_post .txt_post {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 38px;
    padding-right: 24px;
    padding-top: 6px;
    font-size: 13px;
    line-height: 20px;
    color: #888;
    word-break: break-all
}

.list_post .btn_like {
    height: 18px
}

.list_post .btn_like .txt_btn {
    font-size: 12px;
    line-height: 18px;
    color: #888
}

.list_post .btn_like+.link_comment {
    position: relative;
    padding-left: 10px
}

.list_post .link_comment {
    height: 18px
}

.cont_popular .btn_like .ico_like2,
.cont_popular .link_comment .ico_comment2 {
    margin-top: 2px
}

.list_post .link_comment .txt_btn {
    font-size: 12px;
    line-height: 18px;
    color: #888
}

.list_post .link_comment+.txt_date {
    position: relative;
    padding-left: 10px
}

.list_post .txt_date {
    display: inline-block;
    padding-top: 0;
    font-size: 12px;
    line-height: 18px;
    color: #888;
    vertical-align: top
}

.list_post .ico_lock {
    margin-left: 2px
}

.list_post .data_info+.blog_name {
    margin-top: -21px
}

.list_post .blog_name {
    display: block;
    padding-top: 16px;
    padding-bottom: 25px
}

.list_post .blog_name .thumb_img {
    float: none;
    display: inline-block;
    margin: 0;
    width: 21px;
    height: 21px;
    border-radius: 2px;
    vertical-align: top
}

.list_post .blog_name strong {
    display: inline-block;
    padding-left: 6px;
    font-size: 12px;
    line-height: 21px;
    color: #222;
    font-weight: 400;
    vertical-align: top
}

.list_not {
    padding: 24px 0 180px
}

.list_not .desc_g {
    font-size: 14px;
    line-height: 1.3;
    color: #9d9d9d
}

.list_thumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px 25px;
    font-size: 0;
    line-height: 0;
    max-width: 1024px;
    margin: 0 auto
}

.list_thumb li {
    display: inline-block;
    width: 50%
}

.cont_popular {
    padding-top: 10px
}

.cont_popular:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.cont_popular .tit_post {
    padding-bottom: 20px
}

.cont_popular .list_thumb {
    max-width: 736px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px
}

.cont_popular .list_thumb li a {
    padding: 0 7px
}

.cont_popular .list_thumb .thumb_img:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .04)
}

.cont_popular .list_thumb .desc_post {
    height: 74px;
    max-height: none;
    box-sizing: border-box;
    word-break: break-all
}

.cont_popular .list_thumb .desc_post .tit_blog {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 44px;
    font-size: 15px;
    line-height: 22px;
    color: #222;
    font-weight: 400;
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.cont_popular {
    padding-bottom: 18px
}

.cont_popular .list_post {
    box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
    border-bottom: none;
    border-radius: 12px;
    margin: 12px auto 0
}

.cont_popular .list_post li:first-child {
    border-top: none
}

@media (min-width: 768px) {
    .list_thumb li {
        width: 25%
    }
}

.list_thumb li a {
    display: block;
    padding: 15px 5px 10px
}

.list_thumb .thumb_img {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 66%
}

.list_thumb .thumb_img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .04);
    box-sizing: border-box
}

.list_thumb .thumb_img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    border-radius: 8px
}

.list_thumb .desc_post {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    max-height: 42px;
    padding-top: 8px;
    font-size: 15px;
    line-height: 21px;
    color: #222;
    font-weight: 400
}

.box_category {
    overflow-y: scroll;
    height: 300000px
}

.list_category .link_category .txt_category.txt_red,
.list_category .link_category .num_g.txt_red {
    color: #f54
}

.list_category li {
    padding: 4px 0
}

.list_category li+li {
    border-top: 1px solid #eee
}

.list_category .link_category {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box
}

.list_category .lnb_category .link_category {
    position: relative;
    padding-left: 40px
}

.list_category .lnb_category .link_category:before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 24px;
    width: 8px;
    height: 8px;
    font-size: 0;
    line-height: 0;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/ico_comm_v4_2303.svg);
    background-size: 200px 120px;
    background-position: -65px -45px
}

.list_category .lnb_category .txt_category {
    font-size: 15px;
    line-height: 39px;
    color: #555
}

.list_category .lnb_category .num_g {
    font-size: 13px;
    line-height: 39px;
    color: #555
}

.list_category .txt_category {
    font-size: 17px;
    line-height: 46px;
    color: #222
}

.list_category .txt_category .inner_g {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 46px;
    max-width: 16em
}

.list_category .num_g {
    font-size: 15px;
    line-height: 52px;
    max-height: 46px;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif
}

.blog_main.b_scroll.fixed .doc-header {
    border-bottom: 1px solid #fff
}

.blog_main.b_scroll.fixed .content-article {
    margin-top: 40px
}

.blog_main.b_scroll.fixed .btn_category {
    position: fixed;
    left: 0;
    left: env(safe-area-inset-left);
    top: 56px;
    width: 100%;
    height: auto;
    padding: 5px 20px 10px;
    max-width: none;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    z-index: 10;
    box-sizing: border-box
}

.search-layer {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    height: calc(100% - 56px);
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom)
}

.search-layer.border-top {
    border-top: 1px solid #efefef
}

.search-layer__inner {
    height: 100%;
    overflow-y: scroll
}

.blog_search.b_scroll .doc-main {
    padding-top: 56px
}

.b_scroll .doc-header .tit_blog {
    display: block
}

.b_scroll .doc-header .tit_blog .num_tit {
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif
}

.b_scroll .doc-header.header_type1 {
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.b_scroll .doc-header.header_type1 .tit_logo {
    background-position: 0 0
}

.b_scroll .doc-header.header_type1 .logo_daum {
    background-position: 0 -90px
}

.b_scroll .doc-header.header_type1 .ico_search {
    background-position: -25px 0
}

.tab_basic .section_tab {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    max-width: 696px;
    margin: 0 auto;
    box-sizing: border-box
}

.b_scroll .tab_cont {
    padding-top: 45px
}

.tab_basic {
    position: fixed;
    top: 56px;
    z-index: 201;
    width: 100%;
    height: 45px;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    box-sizing: border-box
}

.b_scroll_retern .doc-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #eee
}

.b_scroll_retern .doc-header .tit_blog {
    display: block
}

.b_scroll_retern .doc-header .tit_blog .num_tit {
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif
}

.b_scroll_retern .doc-header.header_type1 {
    background-color: #fff
}

.b_scroll_retern .doc-header.header_type1 .tit_logo {
    background-position: 0 0
}

.b_scroll_retern .doc-header.header_type1 .ico_search {
    background-position: -25px 0
}

.b_scroll_retern .doc-main {
    padding-top: 56px
}

@keyframes slidedown {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.searching .blog_sch,
.blog_sch {
    padding: 8px 0 0 30px
}

.blog_sch .tf_comm {
    display: block;
    position: relative;
    z-index: 1;
    flex-grow: 1;
    flex-shrink: 1;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    color: #101010;
    background: transparent;
    outline: 0;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0
}

.blog_sch .box_tf {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 17px 0 20px;
    background-color: #f4f4f4;
    border-radius: 20px;
    height: 40px
}

.blog_sch .btn_search {
    width: 30px;
    height: 30px;
    margin-left: 4px;
    flex: 0 0 30px
}

.blog_sch .ico_search {
    background-position: -50px 0
}

.blog_sch .btn_search .ico_search.ico_active {
    background-position: -25px 0
}

.blog_sch .btn_delete {
    width: 30px;
    height: 30px;
    margin-left: auto;
    flex: 0 0 30px
}

.blog_sch .btn_delete .ico_delete1 {
    display: inline-block;
    margin-top: 3px
}

.blog_sch .item_form.write_on .tf_comm {
    padding-right: 73px
}

.blog_sch .item_form.write_on .btn_delete {
    display: block
}

.blog_search .content-article {
    background-color: #fff;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.blog_search .content-article .doc-header,
.blog_search.b_scroll_retern .doc-header {
    border-bottom-color: transparent
}

.keyword-wrap .desc_guide {
    padding: 0
}

.desc_guide {
    font-size: 14px;
    line-height: 64px;
    color: #9d9d9d;
    max-width: 736px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px
}

.desc_guide.no_result {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    background: #fff;
    z-index: 10
}

.tit_word {
    display: block;
    font-size: 16px;
    line-height: 56px;
    color: #222;
    font-weight: 400;
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.list_word li {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 47px;
    color: #222
}

.list_word li .link_word {
    display: flex;
    padding-right: 34px;
    justify-content: space-between
}

.list_word li .txt_g {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 47px;
    display: inline-block;
    font-size: 16px;
    line-height: 47px;
    letter-spacing: -.2px;
    color: #222;
    white-space: nowrap;
    padding-right: 10px
}

.list_word li .txt_g em {
    color: #000;
    font-weight: 700
}

.list_word li .num_date {
    display: inline-block;
    padding-top: 16px;
    font-size: 12px;
    line-height: 1.3;
    color: #909090;
    font-family: Pretendard-Regular, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, sans-serif;
    vertical-align: top
}

.list_word li .btn_delete,
.ico_cont {
    position: absolute;
    top: 0;
    right: -4px;
    width: 30px;
    height: 47px;
    text-align: center
}

.list_word li .btn_delete .ico_delete {
    margin-top: 5px
}

.list_word li .ico_cont .ico_link {
    margin-bottom: 8px;
    vertical-align: middle
}

.list_word+.box_word_btn {
    margin-top: 5px;
    border-top: 1px solid #eee
}

.box_word_btn {
    display: flex;
    align-items: center;
    height: 60px;
    border-top: 1px solid #eee
}

.box_word_btn .btn_g {
    position: relative;
    font-size: 14px;
    color: #888;
    padding: 5px 0
}

.box_word_btn .btn_g+.btn_g {
    margin-left: 25px
}

.box_word_btn .btn_g+.btn_g:before {
    content: "";
    position: absolute;
    top: 5px;
    left: -12px;
    width: 1px;
    height: 13px;
    background-color: #ececec
}

.summry_result {
    display: flex;
    padding: 0 20px;
    line-height: 56px;
    font-size: 15px;
    color: #222;
    max-width: 736px;
    margin: 0 auto;
    box-sizing: border-box
}

.summry_result .inner_g {
    display: block;
    white-space: nowrap
}

.summry_result .search_word {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 75px;
    max-width: 70%;
    word-break: break-all
}

.summry_result .num_g {
    display: inline-block;
    padding-left: 6px
}

.summry_result+.section_list .list_post li:first-child {
    margin-top: -23px
}

.comment-wrap {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 56px);
    height: calc(var(--1dvh, 1vh) * 100 - 56px);
    height: calc(100dvh - 56px)
}

.comment-wrap .box_cmt_txtarea {
    margin-top: auto;
    width: 100%;
    max-width: 736px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative
}

@media (min-width: 768px) {
    .comment-wrap .box_cmt_txtarea {
        width: 696px;
        padding-left: 0;
        padding-right: 0;
        margin: auto auto 0
    }
}

.comment-wrap .item_form .tf_comm {
    padding: 9px 15px;
    font-size: 14px;
    line-height: 1.7
}

.comment-wrap .tt_txt_mention {
    display: inline;
    padding: 0 2px;
    margin-right: 2px;
    background-color: #eee;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    vertical-align: text-top;
    color: #222;
    user-select: none
}

.tt_fixed_page .wrap_title {
    padding: 0
}

.tt_fixed_page .list_cmt .tt_cmt_fixed {
    border-bottom: 0 none
}

.tt_fixed_page .list_cmt .tt_cmt_fixed .tt_btn_reply,
.tt_fixed_page .list_cmt .tt_cmt_fixed .cmt_option {
    display: block
}

.list_cmt.reverse_list {
    display: flex;
    flex-direction: column-reverse
}

.list_cmt li {
    position: relative
}

.list_cmt li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
    max-width: 696px;
    margin: 0 auto
}

.list_cmt .cmt_more .btn_more {
    background-color: #fff;
    display: inline-block;
    height: 20px
}

.list_cmt .cmt_more .btn_more:before {
    content: ""
}

.list_cmt .cmt_more .desc_cmt {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 14;
    text-overflow: ellipsis;
    max-height: 336px
}

.list_cmt .tt_cmt_fixed {
    border-bottom: 9px solid #f5f5f5
}

.list_cmt .tt_cmt_duplicate {
    display: none
}

.list_cmt .ico_pin {
    width: 11px;
    height: 11px;
    background-position: -105px -50px
}

.list_cmt .tt_area_notify {
    display: flex;
    align-items: center;
    padding: 19px 20px 3px;
    font-size: 12px;
    line-height: 1.5;
    color: #777;
    max-width: 736px;
    margin: auto;
    box-sizing: border-box
}

.list_cmt .tt_area_notify .ico_pin {
    margin-right: 4px
}

.list_cmt .wrap_info .ico_pin {
    margin-left: 4px
}

.list_cmt .wrap_info .ico_pin {
    display: inline-block
}

.list_cmt .tt_cmt_fixed .wrap_info .ico_pin {
    display: none
}

.tt_fixed_top .tt_cmt_duplicate {
    position: fixed;
    top: 57px;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    min-height: auto;
    background-color: #f5f5f5
}

.tt_fixed_top .tt_cmt_duplicate .tt_area_notify,
.tt_fixed_top .tt_cmt_duplicate .tt_box_date,
.tt_fixed_top .tt_cmt_duplicate .cmt_option {
    display: none
}

.tt_fixed_top .tt_cmt_duplicate .tt_link_page {
    display: block
}

.tt_fixed_top .tt_cmt_duplicate .thumb_frame {
    margin-top: 16px
}

.tt_fixed_top .tt_cmt_duplicate .wrap_info {
    padding-top: 14px;
    padding-bottom: 14px
}

.tt_fixed_top .tt_cmt_duplicate .desc_cmt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tt_fixed_middle {
    padding-top: 72px
}

.tt_fixed_middle .tt_cmt_fixed {
    display: none
}

.list_cmt .cmt_type1 .box_comment .tit_nickname {
    max-width: 100%;
    color: #888
}

.list_cmt .cmt_type1 .box_comment .cmt_option,
.list_cmt .cmt_type1 .box_comment .cmt_main {
    display: none
}

.list_cmt .cmt_type2 .desc_cmt {
    color: #888
}

.list_cmt .tt_item_loading {
    padding: 10px 0
}

.list_cmt .tt_item_loading .loading_tistory {
    opacity: 1;
    background-size: 60px 60px
}

.list_cmt .list_cmt_re li:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: none;
    box-sizing: border-box;
    max-width: 696px;
    margin: 0 auto
}

.list_cmt .list_cmt_re .more-reply .show-more-btn {
    width: 100%;
    padding: 10px 0;
    font-family: Pretendard-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    text-align: center
}

.list_cmt .list_cmt_re>li {
    position: relative
}

.list_cmt .list_cmt_re .tt_line_recmt {
    position: absolute;
    top: 34px;
    left: 20px;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #e2e2e2;
    border-width: 0 0 1px 1px;
    box-sizing: border-box
}

.list_cmt .list_cmt_re .cmt_top,
.list_cmt .list_cmt_re .box_cmt_txtarea {
    padding-left: 40px
}

.list_cmt .box_cmt_txtarea {
    padding-bottom: 20px
}

.page_loading {
    height: 100vh;
    height: calc(var(--1dvh, 1vh) * 100);
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center
}

.box_comment {
    position: relative;
    min-height: 90px
}

.box_comment .inner_cmt {
    position: relative;
    max-width: 736px;
    margin: auto
}

.box_comment .cmt_top {
    overflow: hidden;
    padding: 0 20px
}

.box_comment .cmt_main {
    overflow: hidden
}

.box_comment .thumb_frame {
    float: left;
    margin-top: 22px
}

.box_comment .wrap_info {
    overflow: hidden;
    padding: 22px 0 22px 12px
}

.box_comment .wrap_info .inner_g {
    overflow: hidden;
    line-height: 20px
}

.box_comment .wrap_info .tit_nickname {
    float: left
}

.box_comment .wrap_info .ico_lock {
    margin-top: 0;
    margin-left: 1px
}

.box_comment .tit_nickname {
    max-width: calc(100% - 60px)
}

.box_comment .tt_box_date {
    display: flex;
    align-items: center;
    padding-top: 5px;
    margin-bottom: -5px;
    font-size: 13px;
    line-height: 1.6
}

.box_comment .num_date {
    color: #888;
    line-height: 30px
}

.box_comment .tt_btn_reply {
    height: 30px;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
    color: #777;
    vertical-align: middle
}

.box_comment .num_date+.tt_btn_reply {
    position: relative;
    margin-left: 10px;
    padding: 0 4px
}

.box_comment .num_date+.tt_btn_reply:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #d8d8d8;
    border-radius: 50%;
    vertical-align: middle;
    content: ""
}

.box_comment .desc_cmt {
    font-size: 14px;
    line-height: 24px;
    color: #222;
    word-break: break-all
}

.box_comment .desc_cmt.desc_dark {
    color: #222
}

.box_comment .desc_cmt.desc_gray {
    color: #888
}

.box_comment .desc_cmt.desc_red {
    color: #f54
}

.box_comment .btn_more {
    display: none;
    height: 24px;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    color: inherit
}

.box_comment .cmt_option {
    position: absolute;
    top: 17px;
    right: 15px
}

.box_comment .cmt_option .btn_option {
    display: inline-block;
    width: 30px;
    height: 30px
}

.box_comment .cmt_option .btn_option .ico_option {
    position: relative;
    margin: 0 auto
}

.box_comment .cmt_option .list_option {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 29px;
    right: 1px;
    width: 90px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .3);
    border-radius: 8px
}

.box_comment .cmt_option .list_option li {
    display: block;
    height: 34px;
    border: 0 none
}

.box_comment .cmt_option .list_option .link_opt {
    display: block;
    height: 32px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 32px;
    color: #222;
    text-align: left;
    white-space: nowrap
}

.box_comment .cmt_option .list_option .link_opt:hover,
.box_comment .cmt_option .list_option li.on {
    background-color: #f5f5f5
}

.box_comment .txt_confirm {
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    color: #f54
}

.box_comment .btn_confirm {
    position: absolute;
    top: 19px;
    right: 48px;
    width: 60px;
    height: 32px;
    font-size: 14px;
    color: #222;
    border: 1px solid #d0d0d0;
    border-radius: 18px
}

.box_comment .cmt_option.open_opt .list_option {
    display: block;
    z-index: 1
}

.box_comment .cmt_option.open_opt .btn_option:before {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 24px;
    height: 24px;
    background-color: #f5f5f5;
    border-radius: 50%;
    content: ""
}

.box_cmt_input {
    padding: 20px;
    margin-top: auto;
    max-width: 736px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

.box_cmt_input .item_form .tf_comm {
    height: 44px
}

.box_cmt_input .item_form .tf_comm:data-placeholder {
    color: #b1b1b1
}

.box_cmt_txtarea {
    padding: 20px
}

.box_cmt_txtarea .cmt_info {
    display: flex
}

.box_cmt_txtarea .cmt_info .wrap_info {
    display: table;
    height: 40px;
    padding-left: 10px
}

.box_cmt_txtarea .cmt_info .wrap_info .inner_g {
    display: table-cell;
    vertical-align: middle
}

.box_cmt_txtarea .cmt_info1 {
    justify-content: space-between
}

.box_cmt_txtarea .cmt_info1 .item_form {
    padding-top: 0;
    width: calc(50% - 6px)
}

.box_cmt_txtarea .cmt_info1 .item_form.modify_form {
    width: 100%
}

.box_cmt_txtarea .cmt_info1 .box_tf {
    height: auto;
    border: none
}

.box_cmt_txtarea .cmt_info1 .tf_comm {
    height: 44px
}

.box_cmt_txtarea .cmt_info1+.item_form {
    padding-top: 10px
}

.box_cmt_txtarea .cmt_form {
    position: relative
}

.box_cmt_txtarea .cmt_info:not(.cmt_info1) {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 15px
}

.box_cmt_txtarea .cmt_info:not(.cmt_info1) .wrap_info {
    height: auto;
    padding: 0
}

.box_cmt_txtarea .cmt_info:not(.cmt_info1)+.item_form .box_tf {
    padding-top: 31px;
    box-sizing: border-box
}

.box_cmt_txtarea .cmt_info:not(.cmt_info1)+.item_form .tf_cmt {
    padding-top: 0;
    cursor: text
}

.box_cmt_txtarea .tit_nickname {
    width: 188px
}

.box_cmt_txtarea .box_tf {
    position: relative;
    border: 1px solid #ddd;
    height: 120px;
    border-radius: 2px
}

.box_cmt_txtarea .box_tf .lab_g {
    position: absolute;
    top: 14px;
    left: 15px
}

.box_cmt_txtarea .box_tf .tf_cmt {
    padding: 9px 15px 13px;
    font-size: 14px;
    line-height: 24px;
    color: #222;
    letter-spacing: -.2px;
    white-space: pre-wrap;
    word-break: break-all
}

.box_cmt_txtarea .box_tf .tf_cmt[contenteditable=true]:empty:before {
    content: attr(data-placeholder);
    display: block;
    color: #b1b1b1
}

.box_cmt_txtarea .box_tf .tf_cmt::data-placeholder {
    color: #b1b1b1
}

.cmt_lock .ico_rdo {
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -75px -65px;
    vertical-align: top
}

.cmt_lock .item_choice input[type=checkbox]:checked+.lab_choice .ico_rdo {
    background-position: -100px -65px
}

.cmt_tool {
    display: flex;
    position: relative;
    padding-top: 12px;
    justify-content: flex-end;
    align-items: center
}

.cmt_tool .btn_comm1 {
    margin-left: 10px
}

.cmt_tool .cmt_lock {
    margin-bottom: -6px
}

.cmt_tool .cmt_lock .item_choice {
    width: 30px;
    height: 30px
}

.cmt_tool .txt_tool {
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 15px;
    line-height: 1;
    color: #949494
}

.cmt_tool .txt_tool a {
    text-decoration: underline;
    color: #949494
}

.area_post_header {
    text-align: center;
    margin: 10px 0 32px
}

.ico_comm {
    display: inline-block;
    overflow: hidden;
    background: url(//t1.daumcdn.net/tistory_admin/static/mobile/m320/ico_comm3.png) no-repeat 0 0;
    text-indent: -9999px;
    vertical-align: top
}

.img_comm,
.list_cmt .thumb_img {
    background: url(//t1.daumcdn.net/tistory_admin/static/mobile/m320/ico_comm3.png) no-repeat 0 0;
    vertical-align: top
}

.ico_error {
    background: url(//t1.daumcdn.net/tistory_admin/static/mobile/m320/ico_error_160926.png) 0 0 no-repeat;
    text-indent: -9999px
}

@media screen and (max-width: 800px) {
    .list_relation {
        margin: 12px 20px 0 12px
    }
}

@media screen and (min-width: 500px) {
    .list_relation li {
        width: 33.33%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
not all,
only screen and (min-resolution: 1.5dppx) {

    .ico_comm,
    .img_comm,
    .list_cmt .thumb_img {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/ico_comm3.png);
        -webkit-background-size: 400px 400px;
        background-size: 400px 400px
    }

    .blogview_content blockquote[data-ke-style=comma] {
        background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/m640/ico_quote.svg);
        -webkit-background-size: 23px 18px;
        background-size: 23px 18px
    }

    .ico_error {
        background-image: url(//t1.daumcdn.net/tistory_admin/static/mobile/m640/ico_error_160926.png);
        -webkit-background-size: 300px 400px;
        background-size: 300px 400px
    }
}

.keyword-wrap {
    position: relative;
    max-width: 736px;
    margin: 0 auto;
    padding: 0 20px;
    height: auto;
    box-sizing: border-box
}

.search-wrap {
    position: absolute;
    top: 101px;
    left: 0;
    width: 100%;
    height: calc(100% - 101px)
}

.search-wrap.loading-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.blog_search .doc-header.searching {
    position: relative;
    display: block
}

.btn_home {
    display: inline-block;
    width: 25.5px;
    height: 50px;
    align-items: center;
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 5px;
    margin-left: -3px;
    -webkit-transform: translate3d(0, 0, 0)
}

.btn_home .ico-dropdown {
    -webkit-transform: translate3d(0, 0, 0)
}

.layer_story {
    width: 203px;
    height: 145px;
    padding: 11px 20px;
    border-radius: 8px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .13);
    background-color: #fff;
    box-sizing: border-box;
    display: none
}

.doc-header .doc-relate li {
    display: block
}

.doc-header .link_relate {
    display: flex;
    align-items: center;
    padding: 9px 0
}

.doc-header .link_relate .ico_svg_type2 {
    display: block;
    width: 23px;
    height: 23px
}

.doc-header .link_relate .ico_svg_type2 svg {
    width: 23px;
    height: 23px
}

.doc-header .link_relate .txt_g {
    display: inline-block;
    padding-left: 7px;
    font-size: 13px;
    line-height: 19px;
    color: #444;
    font-family: KakaoBig, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.doc-header .link_relate .chip_direct {
    display: block;
    width: 42px;
    height: 18px;
    margin-left: auto
}

.doc-header .link_relate .chip_direct svg {
    width: 42px;
    height: 18px
}

.doc-header .layer_story {
    position: absolute;
    top: 50px;
    left: 20px;
    left: calc(20px + env(safe-area-inset-left));
    font-weight: 400
}

.btn_home .txt_g {
    font-size: 0;
    line-height: 0;
    color: transparent
}

.img_tistory {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background-image: url(//t1.daumcdn.net/tistory_admin/top_v2/img_tistory.svg);
    background-size: 180px 110px;
    background-repeat: no-repeat;
    vertical-align: top
}

.btn_home .ico_arrow {
    width: 19px;
    height: 25px;
    background-position: -60px -37px
}

.b_scroll .btn_home .ico_arrow,
.blog_notice .btn_home .ico_arrow,
.blog_view .btn_home .ico_arrow {
    background-position: -55px 0px
}

.doc-header.open_relate .layer_story {
    display: block
}

.bg-white {
    background-color: #fff
}

.tistory_profile {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 0;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 99
}

.tistory_profile .content-snb {
    padding-top: 50px
}

.tistory_profile .link_logout .ico_logout {
    margin-right: 5px;
    margin-top: 2px
}

.ico_logout {
    width: 18px;
    height: 18px;
    background-position: -40px -25px
}

.tistory_profile .link_logout .txt_g {
    font-size: 13px;
    line-height: 19px;
    color: #949494
}

.tistory_profile .link_logout {
    display: block;
    margin: auto auto 60px;
    text-align: center
}

.tistory_profile .btn_profile_close {
    position: fixed;
    top: 8px;
    right: 18px;
    -webkit-transform: translate3d(0, 0, 0)
}

.btn_profile_close {
    width: 34px;
    height: 34px;
    border: solid 1px #ededed;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 50%
}

.ico_close_type2 {
    width: 12px;
    height: 12px;
    background-position: -165px 0
}

.tistory_profile .ico_close_type2 {
    position: absolute;
    left: 10px;
    top: 10px
}

.tistory_profile .link_profile {
    display: block;
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin: 0 auto
}

.tistory_profile .link_profile img {
    display: block;
    width: 100%;
    filter: drop-shadow(0 1px 8px rgba(0, 0, 0, .1))
}

.tistory_profile .content-snb .tit_username {
    padding-top: 15px;
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

.tistory_profile .wrap_link_blog {
    position: relative;
    margin: 25px auto 0;
    padding: 28px 20px 25px;
    max-width: 320px
}

.tistory_profile .wrap_link_blog .link_blog {
    display: block;
    overflow: hidden;
    height: 93px;
    margin-bottom: 17px;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .06);
    border: solid 1px #ddd;
    background-color: #fff;
    box-sizing: border-box
}

.tistory_profile .wrap_link_blog .link_blog.link_selected {
    background-color: #222
}

.tistory_profile .wrap_link_blog .wrap_thumb {
    overflow: hidden;
    position: relative;
    float: left;
    width: 48px;
    height: 48px;
    margin: 20px 17.5px 20px 20px
}

.tistory_profile .wrap_link_blog .wrap_cont {
    display: block;
    overflow: hidden;
    padding-right: 20px
}

.tistory_profile .wrap_link_blog .wrap_thumb .thumb_g {
    display: block;
    width: 100%
}

.tistory_profile .wrap_link_blog .link_blog.link_selected .wrap_thumb .badge_g {
    color: #ddd;
    background: url(https://t1.daumcdn.net/tistory_admin/frontend/images/bg_badge_profile1.svg) no-repeat
}

.tistory_profile .wrap_link_blog .wrap_thumb .badge_g {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    background: url(https://t1.daumcdn.net/tistory_admin/frontend/images/bg_badge_profile.svg) no-repeat;
    background-size: 48px 48px;
    justify-content: flex-end;
    font-size: 11px;
    line-height: 22px;
    color: #777;
    text-align: center
}

.tistory_profile .wrap_link_blog:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 19px;
    height: 1px;
    opacity: .3;
    background-color: #484848;
    transform: translate(-50%)
}

.tistory_profile .wrap_link_blog .wrap_cont .tit_g {
    display: block;
    overflow: hidden;
    padding-top: 27px;
    font-size: 14px;
    line-height: 20.5px;
    font-weight: 400;
    color: #222;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tistory_profile .wrap_link_blog .wrap_cont .txt_g {
    display: block;
    overflow: hidden;
    padding-top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: #949494;
    font-family: Pretendard-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tistory_profile .wrap_link_blog .link_blog.link_selected .txt_g {
    color: #7d7d7d
}

.tistory_profile .wrap_link_blog .link_blog.link_blog_g {
    border: dashed 1px #ddd;
    background-color: #f5f5f5;
    box-shadow: none
}

.tistory_profile .wrap_link_blog .link_blog.link_blog_g .tit_g {
    padding-top: 35px;
    font-size: 12px;
    line-height: 18px;
    color: #555
}

.tistory_profile .wrap_link_blog .desc_g {
    padding-top: 4px;
    font-size: 13px;
    line-height: 19px;
    color: #9d9d9d;
    text-align: center
}

.ios-safe-area-h,
.container-doc.blog_notice.ios-safe-area-h {
    box-sizing: border-box;
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right)
}

.b_scroll_retern .doc-header .doc-title,
#blog-home .doc-header .doc-title {
    left: calc(17px + env(safe-area-inset-left))
}

.b_scroll_retern .doc-header .btn_home,
#blog-home .doc-header .btn_home {
    left: calc(45px + env(safe-area-inset-left))
}

.b_scroll_retern .doc-header .header_right,
#blog-home .doc-header .header_right {
    right: env(safe-area-inset-right)
}

.wrap_btn_more {
    position: relative;
    margin-top: -1px;
    padding-bottom: 30px;
    background-color: #fff
}

.btn_more_post {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #ededed;
    background-color: #fff;
    text-align: center;
    font-size: 0
}

.btn_more_post .txt_g {
    font-size: 14px;
    line-height: 42px;
    color: #222;
    font-family: Pretendard-Regular, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    vertical-align: middle
}

.btn_more_post .ico_arrow1 {
    margin-left: 3px;
    margin-top: 1px;
    vertical-align: middle
}

.ico_arrow1 {
    width: 10px;
    height: 10px;
    background-position: -60px -25px
}

.ico-dropdown {
    stroke: #fff
}

.b_scroll .ico-dropdown,
.b_scroll_retern .ico-dropdown {
    stroke: #979797
}

@media (orientation: landscape) {
    .inner_layer.inner_report {
        overflow: auto
    }
}

.tt_area_empty {
    padding: 17px 20px
}

.tt_area_empty .tt_desc_empty {
    font-size: 14px;
    line-height: 20px;
    color: #949494
}

.h-full {
    height: 100%
}

.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px
}

@media only screen and (max-width: 359px) {
    .list_post .txt_date {
        display: none
    }
}

.cont_item {
    margin: 16px 0 21px
}

.cont_item .wrap_item {
    display: flex;
    min-height: initial
}

.cont_item .item_cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto
}

.cont_item .tit_cont {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    color: #222;
    font-family: Pretendard-Bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.cont_item .desc_cont {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 4px;
    font-size: 13px;
    line-height: 20px;
    color: gray;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.cont_item .item_info {
    display: flex;
    align-items: center;
    margin-top: 14px
}

.cont_item .ico_like2,
.cont_item .ico_comment2 {
    margin-right: 3px
}

.cont_item .ico_time,
.cont_item .ico_lock,
.cont_item .ico_eye,
.cont_item .ico_private {
    margin-left: 3px
}

.cont_item .num_g {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    color: #888
}

.cont_item .btn_like {
    display: flex;
    align-items: center
}

.cont_item .link_cmt {
    display: flex;
    align-items: center;
    padding-left: 10px
}

.cont_item .link_cmt+.num_data,
.cont_item .btn_like+.num_data {
    padding-left: 10px
}

.cont_item .wrap_thumb {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    padding-left: 24px;
    flex: 0 0 auto
}

.cont_item .thumb_g {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100px;
    height: 66px;
    min-height: 0;
    margin-bottom: auto;
    border-radius: 8px
}

.cont_item .thumb_g:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, .0784313725);
    z-index: 1;
    box-sizing: border-box
}

.cont_item .img_g {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img_reply {
    display: block;
    overflow: hidden;
    color: transparent;
    font-size: 1px;
    line-height: 0;
    background-image: url(https://t1.daumcdn.net/tistory_admin/static/mobile/rw_ico_reply.svg);
    background-repeat: no-repeat;
    background-size: 120px
}

.ico_question {
    width: 24px;
    height: 24px;
    background-position: 0 0
}

.ico_arrow2 {
    width: 20px;
    height: 20px;
    background-position: 0 -24px
}

.ico_cheers_guide1 {
    width: 24px;
    height: 24px;
    background-position: -24px 0
}

.ico_cheers_guide2 {
    width: 24px;
    height: 24px;
    background-position: -48px 0
}

.ico_cheers_guide3 {
    width: 24px;
    height: 24px;
    background-position: -72px 0
}

.ico_cheers_guide4 {
    width: 24px;
    height: 24px;
    background-position: -96px 0
}

.tit_blog3 {
    font-size: 32px;
    line-height: 47px;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    color: #222;
    font-weight: 400
}

.tit_cheers {
    display: block;
    padding: 20px 20px 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.tit_cheers .btn_tit_cheers {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.tit_cheers1 {
    display: flex;
    flex-direction: column;
    width: 72px;
    height: 64px;
    margin: 0 4px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    border: 1px solid #eee;
    border-radius: 6px;
    box-sizing: border-box
}

.tit_cheers1 .ico_cheers {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 6px
}

.tit_cheers1 .ico_cheers svg {
    width: 100%;
    height: 100%
}

.tit_cheers1 .ico_cheers svg path {
    stroke: #222
}

.link_guide_cheers {
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center
}

.header_right .link_guide_cheers {
    margin-right: 4px
}

.cont_blog_cheers {
    padding: 40px 0;
    background-color: #fff;
    border-top: 1px solid #eee
}

.desc_cheers {
    padding-bottom: 4px;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -.03px;
    font-family: Pretendard-SemiBold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    text-align: center
}

.desc_cheers .inner_desc_cheers {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

.desc_cheers .ico_cheers1 {
    display: inline-block;
    width: 17px;
    height: 10px;
    margin-left: 5px;
    line-height: 29px;
    vertical-align: middle
}

.desc_cheers .ico_cheers1 svg {
    display: block
}

.desc_cheers .bg_cheers {
    position: relative;
    padding-left: 3px
}

.desc_cheers .bg_cheers:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% + 6px);
    transform: translate(-50%, -50%);
    width: 55px;
    height: 40px;
    background: url(//t1-sandbox.kakaocdn.net/dkt_assets/service/tistory/tistory-ui/images/bg_emph_cheers_250307.svg) no-repeat;
    background-size: cover
}

.btn_cheers {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    margin: 32px auto 0;
    padding: 0 18px;
    border-radius: 56px;
    background-color: #222
}

.btn_cheers .txt_cheers {
    font-size: 15px;
    line-height: 24px;
    color: #fff
}

.btn_cheers .ico_cheers {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.box_list_cheers {
    overflow: hidden;
    transform: translateZ(0);
    position: relative;
    padding: 12px 0 0
}

.wrap_list_cheers {
    width: max-content;
    padding: 0 16px;
    margin: 0 auto
}

.list_cheers {
    display: flex;
    overflow: visible;
    width: max-content;
    justify-content: center;
    align-items: center
}

.wrap_cheers {
    display: block
}

.list_cheers_select {
    display: flex;
    flex-wrap: wrap;
    margin: 2px 16.5px 14px
}

.wrap_cheers_lab {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33%;
    width: 33.33%
}

.cheers_lab {
    display: flex;
    position: relative;
    height: 40px;
    padding: 6px 3.5px;
    cursor: pointer
}

.cheers_lab input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border: 0;
    background: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    opacity: .01;
    cursor: pointer
}

.cheers_lab .card_cheers {
    flex-grow: 1;
    height: 40px;
    justify-content: center;
    color: #888;
    background-color: #eee
}

.cheers_lab .card_cheers .txt_won {
    font-size: 14px;
    font-family: Roboto, Pretendard-Regular, sans-serif
}

.card_cheers {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 14px;
    color: #80702a;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #f5f1e4
}

.card_cheers .thumb_frame {
    width: 28px;
    height: 28px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 28px
}

.card_cheers .box_content {
    padding-left: 10px
}

.card_cheers .link_user {
    display: block;
    font-size: 12px;
    line-height: 18px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.card_cheers .cheers_amount {
    display: flex;
    align-items: center
}

.card_cheers .txt_unit {
    font-size: 10px;
    line-height: 12px;
    font-family: BlinkMacSystemFont, Roboto, Pretendard-Regular, sans-serif
}

.card_cheers .txt_won {
    font-size: 16px;
    line-height: 1;
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif
}

.cmt_cheers_msg {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    margin-top: 6px;
    border-radius: 6px;
    font-size: 14px;
    color: #80702a;
    background-color: #f5f1e4
}

.cmt_cheers_msg .ico_cheers {
    width: 17px;
    height: 17px;
    margin-right: 7px;
    margin-top: 2px
}

.cmt_cheers_msg .ico_cheers svg {
    width: 100%;
    height: 100%
}

.cmt_cheers_msg path {
    stroke: #80702a
}

.cmt_cheers_msg .txt_won {
    font-family: Pretendard-Bold, -apple-system, BlinkMacSystemFont, Helvetica Neue, Apple SD Gothic Neo, Arial, sans-serif;
    margin-top: 2px
}

.cheers_lab input:checked+.card_cheers {
    color: #80702a;
    background-color: #f5f1e4
}

.card_cheers_level2,
.cheers_lab input:checked+.card_cheers_level2 {
    color: #377856;
    background-color: #e1f0ec
}

.card_cheers_level2 path {
    stroke: #377856
}

.card_cheers_level3,
.cheers_lab input:checked+.card_cheers_level3 {
    color: #3968ad;
    background-color: #e1edf5
}

.card_cheers_level3 path {
    stroke: #3968ad
}

.card_cheers_level4,
.cheers_lab input:checked+.card_cheers_level4 {
    color: #6255ad;
    background-color: #e3e5f7
}

.card_cheers_level4 path {
    stroke: #6255ad
}

.card_cheers_level5,
.cheers_lab input:checked+.card_cheers_level5 {
    color: #944756;
    background-color: #f5dfe0
}

.card_cheers_level5 path {
    stroke: #944756
}

.cheers_tf .box_cmt_txtarea {
    padding-top: 8px;
    padding-bottom: 14px
}

.cheers_tf .box_cmt_txtarea .box_tf {
    box-sizing: border-box;
    border-radius: 6px
}

.cheers_tf .box_cmt_txtarea .box_tf .tf_cmt {
    font-size: 15px;
    line-height: 22px
}

.cheers_tf .cmt_tool {
    height: 24px;
    padding-top: 8px;
    justify-content: flex-start
}

.cheers_tf .cmt_tool .cmt_lock .item_choice {
    width: auto;
    height: 24px
}

.cheers_tf .item_choice .txt_choice {
    font-size: 13px;
    line-height: 24px;
    text-indent: 0;
    color: #888
}

.box_cheers_info {
    display: none;
    margin: 0 20px;
    padding: 20px 16px;
    border: .5px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    line-height: 18px;
    color: #888
}

.box_cheers_info ul li+li {
    padding-top: 18px
}

.cheers_info {
    padding-bottom: 20px
}

.cheers_info .tit_cheers {
    border-bottom: .5px solid #ddd
}

.box_cheers_open .tit_cheers {
    border-bottom: none
}

.box_cheers_open .ico_arrow2 {
    transform: rotate(180deg)
}

.box_cheers_open .box_cheers_info {
    display: block
}

.cheers_wrap_btn {
    display: flex;
    padding: 0 20px
}

.cheers_wrap_btn .btn_cheers {
    height: 44px;
    margin: 20px 0;
    flex-grow: 1
}

.tistory_alert .inner_cheers {
    border-radius: 12px
}

.inner_cheers .box_guide {
    position: relative;
    margin-top: 32px;
    padding-left: 64px;
    padding-right: 24px
}

.inner_cheers .box_guide .img_reply {
    position: absolute;
    top: 0;
    left: 24px
}

.inner_cheers .box_guide .tit_guide {
    font-size: 15px;
    line-height: 20px;
    font-family: fontNM;
    color: #222
}

.inner_cheers .box_guide .desc_guide {
    height: 60px;
    padding: 2px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #888;
    letter-spacing: -.1px
}

.inner_cheers .layer_foot {
    border-top-width: .5px
}

.inner_cheers .btn_alert {
    height: 49px
}

.inner_cheers .box_guide+.box_guide {
    margin-top: 16px
}

.cont_cheers .comment-top+.doc-main .cheers_cmt {
    position: relative;
    top: auto
}

.cont_cheers .cheers_cmt {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    border-bottom: 1px solid #eee
}

.cont_cheers .cheers_cmt .box_list_cheers {
    padding: 0 0 13px;
    margin: 0 auto;
    max-width: 736px
}

.cont_cheers .wrap_list_cheers {
    margin: 0
}

.cont_cheers .tt_fixed_top .tt_cmt_duplicate {
    top: 133px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08)
}

.cont_cheers .list_cmt .tt_fixed_top .tt_cmt_duplicate {
    top: 56px
}

.cont_cheers .cheers_cmt+.list_cmt .tt_fixed_top .tt_cmt_duplicate {
    top: 133px
}

.without-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.without-scrollbar::-webkit-scrollbar {
    display: none
}

.tistory_ad {
    max-width: 698px;
    margin: 0 auto;
    padding: 20px
}

.tistory_ad .inner_tistory_ad {
    padding: 0 15px;
    border: 1px solid #eee;
    border-radius: 8px
}

.tistory_ad .box_tistory_ad {
    padding: 16px 0 18px
}

.tistory_ad .box_tistory_ad+.box_tistory_ad {
    border-top: 1px solid #eee
}

.tistory_ad .tistory_ad_top {
    display: flex;
    height: 24px;
    padding-bottom: 6px;
    align-items: center
}

.tistory_ad .tistory_ad_body {
    display: flex
}

.tistory_ad .cont_ad {
    min-width: 188px;
    max-width: 544px;
    padding-right: 20px
}

.tistory_ad .cont_ad_type1 .tit_tistory_ad {
    -webkit-line-clamp: 1
}

.tistory_ad .cont_ad_type1 .desc_tistory_ad {
    -webkit-line-clamp: 2
}

.tistory_ad .txt_url {
    font-size: 14px;
    line-height: 17px;
    color: #999;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all
}

.tistory_ad .asset_ad {
    flex-shrink: 0;
    display: flex;
    height: 18px;
    padding: 0 5px 0 6px;
    margin-left: 4px;
    border-radius: 17px;
    border: 1px solid #ddd;
    font-size: 11px;
    line-height: 1;
    color: #666;
    font-weight: 500;
    font-family: Pretendard-Medium, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    align-items: center
}

.tistory_ad .tit_tistory_ad {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.tistory_ad .tit_tistory_ad a {
    font-size: 18px;
    line-height: 24px;
    color: #016dd7
}

.tistory_ad .desc_tistory_ad {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-top: 4px
}

.tistory_ad .desc_tistory_ad a {
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.tistory_ad .emph_g {
    font-weight: 700;
    font-family: Pretendard-Bold, AppleSDGothicNeo-Regular, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif
}

.tistory_ad .img_ad {
    display: block;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin-left: auto;
    flex-basis: 80;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 8px
}

@font-face {
    font-family: SF Pro;
    src: url(https://t1.kakaocdn.net/phocus/assets/fonts/SF_Pro.woff2) format("woff2"), url(https://t1.kakaocdn.net/phocus/assets/fonts/SF_Pro.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.__phocus__ {
    --pcs-z-root: 940109;
    --pcs-font-family: SF Pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --pcs-h-ctrl-top: 80px;
    --pcs-h-ctrl-bottom: 80px;
    --pcs-h-m-ctrl-top: 50px;
    --pcs-h-m-ctrl-bottom: 78px;
    --pcs-h-handlebar: 4px;
    --pcs-w-handlebar: 40px;
    --pcs-round-handlebar: 100px;
    --pcs-round-grid-layer: 20px 20px 0 0;
    --pcs-round-grid-item: 4px;
    --pcs-round-tag: 8px;
    --pcs-round-button: 8px;
    --pcs-round-layout: 10px;
    --pcs-p-layout: 50px 80px;
    --pcs-p-m-layout: 0;
    --pcs-p-ctrl-top: 0 24px 0 32px;
    --pcs-p-w-image-item: 104px
}

[data-phocus-theme=light] {
    --pcs-bg-image-viewer: #ffffff;
    --pcs-bg-controller: #fffffff5;
    --pcs-bg-grid: #ffffff;
    --pcs-bg-handlebar: #dddddd;
    --pcs-bg-grid-backdrop: rgba(32, 32, 32, .8);
    --pcs-bg-backdrop: #00000099;
    --pcs-bg-button: #ffffff;
    --pcs-bg-image-skeleton: #f5f5f5;
    --pcs-bg-image-selected: rgba(0, 0, 0, .3);
    --pcs-bg-sidebar: #ffffff;
    --pcs-bg-m-backdrop: #ffffff;
    --pcs-bg-image-slider: #ffffff;
    --pcs-bg-tag-primary: #222222;
    --pcs-bg-tag-secondary: #ffffff;
    --pcs-text-indicator-primary: #000000;
    --pcs-text-indicator-secondary: #555555;
    --pcs-text-description-primary: #000000;
    --pcs-text-description-secondary: #767676;
    --pcs-text-error-message: #767676;
    --pcs-text-tag-primary: #ffffff;
    --pcs-text-tag-secondary: #555555;
    --pcs-shadow-grid: 0px 0px 14px 0px rgba(0, 0, 0, .12);
    --pcs-shadow-button: 0px 2px 6px 0px #0000001a;
    --pcs-shadow-sidebar: 0px 0px 10px 0px #00000014;
    --pcs-border-button: #00000008;
    --pcs-border-sidebar: #ededed;
    --pcs-border-tag-primary: #555555;
    --pcs-border-tag-secondary: #ededed;
    --pcs-border-scroll: #00000014
}

[data-phocus-theme=dark] {
    --pcs-bg-image-viewer: #222222;
    --pcs-bg-controller: #222222cc;
    --pcs-bg-grid: #333333;
    --pcs-bg-handlebar: #777777;
    --pcs-bg-grid-backdrop: rgba(0, 0, 0, .8);
    --pcs-bg-backdrop: #00000099;
    --pcs-bg-button: #222222;
    --pcs-bg-image-skeleton: rgba(68, 68, 68, .3);
    --pcs-bg-image-selected: rgba(0, 0, 0, .3);
    --pcs-bg-sidebar: #222222;
    --pcs-bg-m-backdrop: #222222;
    --pcs-bg-image-slider: #222222;
    --pcs-bg-tag-primary: #eaeaea;
    --pcs-bg-tag-secondary: #222222;
    --pcs-text-indicator-primary: #f1f1f1;
    --pcs-text-indicator-secondary: #cbcbcb;
    --pcs-text-description-primary: #f1f1f1;
    --pcs-text-description-secondary: #767676;
    --pcs-text-error-message: #767676;
    --pcs-text-tag-primary: #222222;
    --pcs-text-tag-secondary: #bcbcbc;
    --pcs-shadow-grid: 0px 0px 14px 0px rgba(0, 0, 0, .12);
    --pcs-shadow-button: 0px 2px 6px 0px #0000001a;
    --pcs-shadow-sidebar: -5px 0px 10px -5px #00000014;
    --pcs-border-button: #cccccc08;
    --pcs-border-sidebar: #2c2c2c;
    --pcs-border-tag-primary: #eaeaea;
    --pcs-border-tag-secondary: #2c2c2c;
    --pcs-border-scroll: #dadada14
}

.__phocus__ {
    line-height: 1.5
}

.__phocus__ *,
.__phocus__ :before,
.__phocus__ :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

.__phocus__ h1,
.__phocus__ h2,
.__phocus__ h3,
.__phocus__ h4,
.__phocus__ h5,
.__phocus__ h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

.__phocus__ p,
.__phocus__ figure {
    margin: 0
}

.__phocus__ a {
    color: inherit;
    text-decoration: inherit
}

.__phocus__ img {
    max-width: 100%;
    height: auto
}

.__phocus__ img,
.__phocus__ svg {
    display: block
}

.__phocus__ button,
.__phocus__ [role=button] {
    cursor: pointer
}

.__phocus__ button,
.__phocus__ [type=button],
.__phocus__ [type=reset],
.__phocus__ [type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    background-color: transparent;
    background-image: none
}

.__phocus__ ol,
.__phocus__ ul,
.__phocus__ menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.__phocus__ button {
    text-transform: none
}

.__phocus__ button,
.__phocus__ input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

body.with-phocus {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

body.phocus-body-lock {
    overflow: hidden;
    position: fixed;
    width: 100%
}

[data-phocus-index] {
    cursor: pointer
}

.phocus-hidden {
    display: none
}

.phocus-wrap-info-area.svelte-1li6wp5.svelte-1li6wp5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    height: auto;
    font-family: var(--pcs-font-family)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-inner-info-area.svelte-1li6wp5 {
    position: relative;
    width: 100%;
    height: var(--pcs-h-m-ctrl-bottom);
    background-color: var(--pcs-bg-controller)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-wrap-info-primary.svelte-1li6wp5 {
    position: relative;
    padding: 16px 20px 0;
    text-align: left
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-wrap-info-secondary.svelte-1li6wp5 {
    position: relative;
    padding: 3px 20px 0;
    text-align: left
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-info-primary.svelte-1li6wp5 {
    font-size: 16px;
    color: var(--pcs-text-description-primary)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-info-secondary.svelte-1li6wp5 {
    font-size: 12px;
    color: var(--pcs-text-description-secondary)
}

.phocus-wrap-info-area.svelte-1li6wp5 .phocus-line-clamp-1.svelte-1li6wp5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    -webkit-line-clamp: 1
}

.phocus-wrap-error-img.svelte-e6by1o {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-wrap-error-img>svg {
    z-index: 1
}

.phocus-skeleton.svelte-18m58mv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pcs-bg-image-skeleton);
    animation: svelte-18m58mv-skeleton-animation 1.5s ease-in-out .5s infinite
}

@keyframes svelte-18m58mv-skeleton-animation {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .4
    }
}

.phocus-item-grid.svelte-uqcbk.svelte-uqcbk {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--pcs-round-grid-item);
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk.svelte-uqcbk {
    max-height: 200px
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-skeleton,
.phocus-item-grid.phocus-item-square.svelte-uqcbk .phocus-img-error {
    aspect-ratio: 1/1;
    max-height: 200px
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk.svelte-uqcbk {
    height: auto
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    height: auto;
    max-height: 200px;
    min-height: 44px
}

.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-skeleton,
.phocus-item-grid.phocus-item-rect.svelte-uqcbk .phocus-img-error {
    position: relative;
    height: 126px
}

.phocus-item-grid.svelte-uqcbk .phocus-img-grid.svelte-uqcbk {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.svelte-uqcbk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline-offset: -3px
}

.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.svelte-uqcbk:hover:before,
.phocus-item-grid.svelte-uqcbk .phocus-btn-grid.phocus-btn-selected.svelte-uqcbk:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-item-grid.svelte-uqcbk .phocus-wrap-select-icon.svelte-uqcbk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-handlebar.svelte-12zz3u9.svelte-12zz3u9 {
    margin: 0 18px;
    border-bottom: 1px solid var(--pcs-border-scroll)
}

.phocus-wrap-handlebar.phocus-scroll-top.svelte-12zz3u9.svelte-12zz3u9 {
    border-bottom: none
}

.phocus-inner-handlebar.svelte-12zz3u9.svelte-12zz3u9 {
    margin: 10px 0 20px
}

.phocus-inner-handlebar.svelte-12zz3u9 .phocus-handlebar.svelte-12zz3u9 {
    margin: auto;
    width: var(--pcs-w-handlebar);
    height: var(--pcs-h-handlebar);
    cursor: grab;
    border-radius: var(--pcs-round-handlebar);
    background-color: var(--pcs-bg-handlebar)
}

.phocus-image-grid-layer.svelte-147wttq {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    display: flex;
    flex-direction: column;
    border-radius: var(--pcs-round-grid-layer);
    background-color: var(--pcs-bg-grid);
    box-shadow: var(--pcs-shadow-grid);
    will-change: transform
}

.phocus-image-grid-scroll.svelte-147wttq {
    height: 100%
}

.phocus-image-grid.svelte-147wttq {
    display: grid;
    height: auto;
    grid-auto-rows: max-content;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 0 18px 16px
}

@media (min-width: 414px) {
    .phocus-image-grid.svelte-147wttq {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .phocus-image-grid.svelte-147wttq {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.phocus-wrap-list-item.svelte-1lmugt3.svelte-1lmugt3 {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: var(--pcs-round-grid-item);
    vertical-align: top;
    margin: 0 3px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.svelte-1lmugt3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    outline-offset: -3px
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.svelte-1lmugt3:hover:before,
.phocus-wrap-list-item.svelte-1lmugt3 .phocus-btn-list-item.phocus-btn-selected.svelte-1lmugt3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--pcs-bg-image-selected)
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-img-item.svelte-1lmugt3 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.phocus-wrap-list-item.svelte-1lmugt3 .phocus-wrap-select-icon.svelte-1lmugt3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.phocus-wrap-image-list.svelte-4529u9.svelte-4529u9 {
    position: fixed;
    left: 44px;
    right: 44px;
    z-index: 10;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--pcs-bg-grid);
    padding-top: 24px;
    box-shadow: var(--pcs-shadow-grid);
    overflow-x: auto;
    overflow-y: hidden
}

.phocus-wrap-image-list.svelte-4529u9 .phocus-list-image.svelte-4529u9 {
    list-style-type: none;
    white-space: nowrap;
    padding: 0 15px 18px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.phocus-cont-error-img.svelte-a16m3n.svelte-a16m3n {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.phocus-cont-error-img.svelte-a16m3n .phocus-caption-error-img.svelte-a16m3n {
    margin-top: 14px;
    line-height: 13px;
    font-size: 13px;
    color: var(--pcs-text-error-message);
    font-family: var(--pcs-font-family)
}

.phocus-wrap-feature-img.svelte-1s6dual.svelte-1s6dual {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.phocus-wrap-feature-img.svelte-1s6dual .phocus-feature-img.svelte-1s6dual {
    max-width: unset;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform
}

.phocus-ios-prevent-flicker.svelte-1s6dual.svelte-1s6dual {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.phocus-slide.svelte-1mo2ucq {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0
}

.phocus-slider-viewport.svelte-qrohd9 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.phocus-slider.svelte-qrohd9 {
    display: flex;
    width: 100%;
    height: 100%;
    touch-action: pan-y;
    backface-visibility: hidden
}

.phocus-zoomable-viewer.svelte-j4pxd5 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.phocus-zoomable.svelte-j4pxd5 {
    position: relative;
    width: 100%;
    height: 100%
}

.phocus-cont-image-slider.svelte-166tsq {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    will-change: transform
}

.phocus-sr-only.svelte-farspb {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.phocus-viewport-aligner.svelte-1yqspx6 {
    position: fixed;
    top: 0;
    top: env(safe-area-inset-top, 0);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50
}

.phocus-zoom-animation-frame.svelte-1xvxtus {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform
}

.phocus-backdrop.svelte-9yqxwl {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--pcs-bg-m-backdrop)
}

.phocus-btn-wrap.svelte-14ygiw1.svelte-14ygiw1 {
    position: relative;
    border-radius: var(--pcs-round-button);
    -webkit-border-radius: var(--pcs-round-button);
    -moz-border-radius: var(--pcs-round-button);
    z-index: 1
}

/* 댓글 섹션 스타일 */
.content-aside.cont_comment {
    margin-top: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
}

.tit_comment {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ff4757;
}

.txt_num {
    color: #ff4757;
    font-weight: normal;
}

/* 댓글 목록 스타일 */
.comment_list {
    margin-bottom: 30px;
}

.comment_item {
    background: white;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.comment_info {
    margin-bottom: 10px;
}

.comment_profile {
    display: flex;
    align-items: center;
}

.comment_profile .thumb_profile {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
}

.comment_meta .txt_name {
    font-weight: bold;
    color: #333;
    font-style: normal;
    margin-right: 10px;
}

.comment_meta .txt_date {
    color: #999;
    font-size: 12px;
}

.comment_content {
    margin-left: 42px;
}

.comment_text {
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}

.comment_moderation {
    color: #f39c12;
    font-style: italic;
    margin-bottom: 10px;
}

.comment_actions a {
    color: #ff4757;
    text-decoration: none;
    font-size: 12px;
}

.comment_actions a:hover {
    text-decoration: underline;
}

/* 댓글 폼 스타일 */
.comment-respond {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.comment-reply-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url {
    margin-bottom: 15px;
}

.comment-form label {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.comment-form textarea {
    height: 120px;
    resize: vertical;
}

.btn_comment {
    background: #ff4757;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn_comment:hover {
    background: #ff3742;
}

/* 댓글 네비게이션 */
.comment-navigation {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.comment-navigation a {
    color: #ff4757;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid #ff4757;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.comment-navigation a:hover {
    background: #ff4757;
    color: white;
}

/* 댓글 전용 페이지 스타일 */
.comment-page {
    min-height: 100vh;
    background: #f8f9fa;
}

.comment-header {
    background: white;
    border-bottom: 1px solid #e9ecef;
    position: sticky;
    top: 0;
    z-index: 100;
}

.comment-nav {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    max-width: 768px;
    margin: 0 auto;
}

.btn_back {
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none;
    margin-right: 15px;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.btn_back:hover {
    background-color: #f1f3f4;
}

.ico_back {
    width: 24px;
    height: 24px;
    display: block;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H6m6-7l-7 7 7 7"/></svg>') center/contain no-repeat;
    text-indent: -9999px;
}

.comment-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.comment-content {
    max-width: 768px;
    margin: 0 auto;
    padding: 20px;
}

.original-post-summary {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.post-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.post-meta {
    display: flex;
    gap: 10px;
    color: #666;
    font-size: 14px;
}

.post-date, .post-author {
    position: relative;
}

.post-date::after {
    content: '·';
    margin-left: 10px;
    color: #ccc;
}

/* 댓글 목록 개선 */
.comment_list .comment_item {
    margin-bottom: 20px;
    border-left: 3px solid #ff4757;
    padding-left: 15px;
}

.comment_list .comment_item:last-child {
    margin-bottom: 0;
}

/* 댓글 없을 때 */
.no-comments {
    text-align: center;
    padding: 40px 20px;
    background: white;
    border-radius: 8px;
    margin-bottom: 20px;
}

.no-comments-text {
    color: #666;
    font-size: 16px;
    margin: 0;
}

/* 댓글 폼 개선 */
.comment-respond {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 5px;
}

.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus {
    outline: none;
    border-color: #ff4757;
    box-shadow: 0 0 0 2px rgba(255, 71, 87, 0.2);
}

.btn_comment {
    background: #ff4757;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn_comment:hover {
    background: #e63946;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .comment-content {
        padding: 15px;
    }
    
    .original-post-summary {
        padding: 15px;
    }
    
    .post-title {
        font-size: 18px;
    }
    
    .comment-nav {
        padding: 12px 15px;
    }
    
    .comment-title {
        font-size: 16px;
    }
}