@charset "utf-8";
/* 편집하기 전에 <사용자화된 CSS 활성화> 옵션이 켜져 있는지 확인하십시오. 이 줄 아래에 사용자화 스타일 시트 코드를 입력하면 됩니다. */

/* - - - BGM 플레이어 관련 - - - */
.mm-bgm{
  position: fixed;
  bottom: 15px; /* 우측상단 원하면 bottom을 top 으로 변경 */
  right: 15px;
  z-index: 9999; /* 맨위로 */
  border: none;
}
/* - - - BGM 플레이어 끝 - - -*/

/* ======================================= */

/* 글 안에 유튜브 bgm */
div.bgm iframe {
    width: 100% !important;
    height: 115px !important;
}

/* ★ display : none ★ */
.tt_box_namecard,
.card-type .index-item-summary,
#article.fc blockquote:before,
.comment-date.digit
{
  display: none !important;
}

/* ======================================= */

/* ★ 서브 카테고리 배경색 ★ */
.sub_category_list {
    background: rgba(0, 0, 0, 0.03);
}

/* ======================================= */

/* ★ 카테고리 별 before icon ★ */
/* 공통 */
.tt_category .category_list > li > a:before,
section.module.menu-module > ul > li > a:before {
    width: 13px;
    display: inline-block;
    opacity: .75;
    vertical-align: middle;
    line-height: 48px;
}

/* 카테고리 순서대로 ↓ */
.tt_category .category_list > li:nth-child(1) > a:before {
    content: url("./images/message-2-fill.svg");
}
.tt_category .category_list > li:nth-child(2) > a:before {
    content: url("./images/verified-badge-fill.svg");
}
.tt_category .category_list > li:nth-child(3) > a:before {
    content: url("./images/archive-fill.svg");
}
.tt_category .category_list > li:nth-child(4) > a:before {
    content: url("./images/film-fill.svg");
}
.tt_category .category_list > li:nth-child(5) > a:before {
    content: url("./images/heart-pulse-fill.svg");
}
.tt_category .category_list > li:nth-child(6) > a:before {
    content: url("./images/bookmark-3-fill.svg");
}

/* 사이드바 메뉴 before icon */
section.module.menu-module > ul > li:nth-child(1) > a:before {
    content: url("./images/sparkling-fill.svg");
    padding-right: 4px;
}
section.module.menu-module > ul > li:nth-child(2) > a:before {
    content: url("./images/bookmark-3-fill.svg");
    padding-right: 4px;
}
section.module.menu-module > ul > li:nth-child(3) > a:before {
    content: url("./images/layout-grid-fill.svg");
    padding-right: 4px;
}

/* ======================================= */

/* ★ 본문 구분선 ★ */
hr:not([data-ke-type=hr]):not([data-ke-type=horizontalRule])
{
    border-bottom-width: 5px !important;
    margin-top: 12px !important;
}

hr[data-ke-style=style5],
hr[data-ke-style='style5']
{
    opacity: 0.15;
    margin-top: 12px !important;
}

hr[data-ke-style=style2],
hr[data-ke-style='style2']
{
    margin-bottom: 0px !important;
    opacity: 0.7;
}

blockquote[data-ke-style=style2] {
    padding: 20px !important;
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-top: 0px !important;
}

blockquote[data-ke-style=style3] {
    padding: 20px !important;
    margin: 0px 0px 0px 0px !important;
}

/* ======================================= */

/* ★ 본문 관련 수정 ★ */
#article.fc .moreless_btn,
#article.fc div[data-ke-type=moreLess] {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#article.fc .imageblock.download:not(figure),
#article.fc figure.fileblock,
#article.fc p.download {
  margin-bottom: 0px !important;
}

#article.fc p > u {
    text-decoration: none;
    border-bottom: 2px solid #dadada;
}
#article.fc blockquote[data-ke-style=style3] {
    background-color: #f8f8f8 !important;
}

/* ======================================= */

/* ★ 커버 슬라이더 글자색 ★ */
.slider-title>div, .slider-title>div a {
    color: rgba(255, 255, 255, 1) !important;
    font-weight: 400;
    text-shadow: 0px 0px 11px rgba(255, 255, 255, 1);
}
.slider-title {
    mix-blend-mode: plus-lighter;
    opacity: 0.6;
}

/* ======================================= */

/* ★ 반응형 관련 수정 ★ */
@media (max-width: 760px) {
    #article.fc.useless-margin :not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(ul):not(ol)+p {
        margin-top: -7px !important;
    }
}

@media (max-width: 760px) {
    #article.fc hr:not([data-ke-type=hr]):not([data-ke-type=horizontalRule]) {
        margin-bottom: 20px !important;
        margin-top: 16px !important;
    }
}