.ce-block__content, .ce-toolbar__content { max-width:100% !important; } .cdx-block { max-width: 100% !important; }
/*.editor-wrap *:focus-visible{outline: none;}*/

/* root ----------------------- */
:root {
    /* background */
    --leeum-white: #FFFFFF;
    --leeum-gray100: #F9F9F9;
    --leeum-gray200: #F2F2F2;
    --leeum-gray300: #57575C;
    --leeum-gray400: #57575C;
    --leeum-gray500 : #2b2b2b;
    --leeum-black : #000000;

    /* line */
    --leeum-line200: #D2D2D2;
    --leeum-line100: #F2F2F2;

    /* text */
    --leeum-text400: #000000;
    --leeum-text300: #57575C;
    --leeum-text200: #D2D2D2;
    --leeum-text100: #FFFFFF;

    /* background, button text, icon */
    --hoam-white: #FFFFFF;
    --hoam-text-btn: #FFFFFF;

    /* solid color */
    --hoam-green: #00662E;
    --hoam-blue: #000F9F;
    --hoam-red: #FF7276;
    --hoam-gray: #F0ECE9;

    /* line */
    --hoam-line200: #D2CCC7;
    --hoam-line100: #F0ECE9;

    /* text */
    --hoam-text-green: #00662E;
    --hoam-text-gray: #5F574E;
    --hoam-text-black: #000000;
}


/* 에디터 스타일 정의 추가 ----------------------- */
.detail-summary + .editor-wrap {margin-top: 5rem; padding-top: 5rem; border-top: 1px solid var(--leeum-line100);}
.editor-wrap {display: flex; flex-flow: column; row-gap: 3rem;}
.editor-wrap .title {margin-bottom: 0;}

.ce-block {
    margin-bottom: 3rem;
}

body[data-museum="hoam"] .detail-summary + .editor-wrap {border-top-color: var(--hoam-line200);}

@media screen and (max-width: 767px) {
    .detail-summary + .editor-wrap {margin-top: 3rem; padding-top: 3rem;}
}

/* 제목 스타일 */
.editor-wrap h1 {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: -2rem;}
.editor-wrap h2 {font-size: 2rem; line-height: 3.2rem; margin-bottom: -2rem;}
.editor-wrap h3 {font-size: 1.8rem; line-height: 2.6rem; margin-bottom: -2rem;}

@media screen and (max-width: 767px) {
    .editor-wrap h1 {font-size: 2.6rem; line-height: 3.2rem;}
    .editor-wrap h2 {font-size: 1.8rem; line-height: 2.6rem;}
    .editor-wrap h3 {font-size: 1.6rem; line-height: 2.4rem;}
}

/* 본문 스타일 */
.editor-wrap p {font-size: 1.6rem; line-height: 2.8rem; word-break: break-word;}
.editor-wrap p p {padding-left: 0;}
.editor-wrap p.font-small {font-size: 1.3rem; line-height: 2.4rem;}
.editor-wrap p a {text-decoration: underline; text-underline-offset : .6rem;}

.editor-wrap p.para-style1 {position: relative; /*color: #787878;*/ opacity: .6; padding-left: 3rem;}
.editor-wrap p.para-style1::before {content: ''; width: 1px; height: 100%; display: block; background-color: /*#787878*/var(--leeum-text400); opacity: .6; position: absolute; left: 0rem; top: 0;}
.editor-wrap p.para-style1::after {content: ''; width: 1px; height: 100%; display: block; background-color: /*#787878*/var(--leeum-text400); opacity: .6; position: absolute; left: .4rem; top: 0;}
/*.editor-wrap p.para-style1 a {color: #787878;}*/
body[data-museum="hoam"] .editor-wrap p.para-style1::before {background-color: var(--hoam-text-black);}
body[data-museum="hoam"] .editor-wrap p.para-style1::after {background-color: var(--hoam-text-black);}

.editor-wrap p.para-style2 {padding: 3rem; background-color: var(--leeum-gray200);}
.editor-wrap p.para-style3 {padding: 3rem; background-color: transparent; border: 1px solid /*#cccccc*/var(--leeum-line200);}
body[data-museum="hoam"] .editor-wrap p.para-style3 {border: 1px solid var(--hoam-line200);}

.editor-wrap p .cancel-line {text-decoration: line-through;}

.editor-wrap .para.grid-2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 3rem 2rem;}
.editor-wrap .para.grid-2 > p {word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; word-break: unset;}

body[data-museum="hoam"] .editor-wrap p.para-style2 {background-color: var(--hoam-gray);}

@media screen and (max-width: 767px) {
    .editor-wrap p {font-size: 1.4rem; line-height: 2.6rem;}
    .editor-wrap p.font-small {font-size: 1.2rem; line-height: 2.2rem;}
    .editor-wrap p a {text-underline-offset : .4rem;}

    .editor-wrap p.para-style1 {position: relative; padding-left: 2rem;}
    .editor-wrap p.para-style1::before {left: 0rem;}
    .editor-wrap p.para-style1::after {left: .2rem;}

    .editor-wrap p.para-style2 {padding: 2rem;}
    .editor-wrap p.para-style3 {padding: 2rem;}

    .editor-wrap .para.grid-2 {grid-template-columns: repeat(1, 1fr);}
}

/* 주석 스타일 */
.editor-wrap .comment {text-decoration: underline; text-underline-offset : .6rem; cursor: pointer;}
.editor-wrap .comment + span {display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; margin: 0 .1rem 0 .2rem; background-color: var(--leeum-black); font-size: 1rem; color: var(--leeum-text300); line-height: initial; text-decoration: none; cursor: pointer;}

.editor-wrap .comment-cont {opacity: 0; transition: all .5s cubic-bezier(0.2, 0.8, 0.4, 1); margin-top: 0; position: absolute; right: 0;}
.editor-wrap .comment-cont.active {opacity: 1; transition: all .5s cubic-bezier(0.2, 0.8, 0.4, 1);}
.editor-wrap .comment-box {padding: 0 10rem 0 2rem;}
.editor-wrap .comment-box > p {font-size: 1.6rem; color: var(--leeum-text300); line-height: 2.4rem; position: relative; word-break: keep-all;}

body[data-museum="hoam"] .editor-wrap .comment {text-decoration-color: var(--hoam-text-green); color: var(--hoam-text-green);}
body[data-museum="hoam"] .editor-wrap .comment + span {background-color: var(--hoam-green); color: var(--hoam-text-btn);}
body[data-museum="hoam"] .editor-wrap .comment-box > p {color: var(--hoam-text-gray);}

@media screen and (max-width: 767px) {
    .editor-wrap .comment {text-underline-offset : .4rem;}
    .editor-wrap .comment + span {width: 1.4rem; height: 1.4rem;}

    .editor-wrap .comment-cont {width: 100vw; height: 100vh; padding: 3rem 2rem; background-color: rgba(0,0,0,.65); margin-top: 0; position: fixed; top: 0!important; right: initial; left: 0; display: flex; align-items: flex-end; z-index: -1;}
    .editor-wrap .comment-cont.active {z-index: 1001;}

    .editor-wrap .comment-box {width: 100%!important; padding: 0;}
    .editor-wrap .comment-box > p {padding: 2rem; font-size: 1.4rem; line-height: 2.2rem; text-align: center; background-color: var(--leeum-white); box-shadow: 0 .5rem 1rem rgba(0,0,0,.65); border-radius: .4rem;}

    body[data-museum="hoam"] .editor-wrap .comment-cont {background-color: rgba(0,15,129,.85);}
    body[data-museum="hoam"] .editor-wrap .comment-box > p {background-color: var(--hoam-white); border-radius: 0; box-shadow: none;}
}

/* 리스트 스타일 */
.editor-wrap ol {padding-left: 1.8rem; display: flex; flex-flow: column; list-style: decimal;}
.editor-wrap ol > li {font-size: 1.6rem; line-height: 2.8rem; position: relative;}

.editor-wrap ul:not(.list-desc-box) {display: flex; flex-flow: column;}
.editor-wrap ul:not(.list-desc-box) > li {font-size: 1.6rem; line-height: 2.8rem; position: relative; text-indent: -1.8rem; padding-left: 1.8rem;}
.editor-wrap ul:not(.list-desc-box) > li::before {content: ''; width: .8rem; height: .8rem; display: inline-block; border-radius: 100%; background-color: /*#434343*/var(--leeum-text400); margin-right: 1rem;}
body[data-museum="hoam"] .editor-wrap ul:not(.list-desc-box) > li::before {background-color: var(--hoam-text-black);}
.editor-wrap ul:not(.list-desc-box) > li > a {text-decoration: underline; text-underline-offset : .6rem; cursor: pointer;}

.editor-wrap ul.list-style-table {padding-left: 0;}
.editor-wrap ul.list-style-table > li {text-indent: 0; padding-left: 0; height: 4.5rem; display: flex; align-items: center; border-bottom: 1px solid /*#aaaaaa*/var(--leeum-line200);}
body[data-museum="hoam"] .editor-wrap ul.list-style-table > li {border-bottom: 1px solid var(--hoam-line200);}
.editor-wrap ul.list-style-table > li::before {content: none;}

@media screen and (max-width: 767px) {
    .editor-wrap ol {padding-left: 1.2rem;}
    .editor-wrap ol > li {font-size: 1.4rem; line-height: 2.6rem;}

    .editor-wrap ul:not(.list-desc-box) > li {font-size: 1.4rem; line-height: 2.6rem; text-indent: -1.6rem; padding-left: 1.6rem;}
    .editor-wrap ul:not(.list-desc-box) > li::before {width: .6rem; height: .6rem;}

    .editor-wrap ul > li {font-size: 1.4rem; line-height: 2.6rem; text-indent: -1.6rem; padding-left: 1.6rem;}
    .editor-wrap ul > li::before {width: .6rem; height: .6rem;}

    .editor-wrap ul.list-style-table > li {height: 4.2rem;}
}

/* 구분선 스타일 */
.editor-wrap hr {width: 100%; border: 0; border-top: 1px solid /*#aaaaaa*/var(--leeum-line200); margin: 0 auto; padding: 0;}
body[data-museum="hoam"] .editor-wrap hr {border-top: 1px solid var(--hoam-line200);}
.editor-wrap hr.sm {width: 12rem;}
.editor-wrap hr.lg {width: 140%; margin-left: -20%;}

@media screen and (max-width: 767px) {
    .editor-wrap hr.lg {width: calc(100% + 6rem); margin-left: -3rem;}
}

/* 이미지 스타일 */
.editor-wrap .img-wrap {display: flex; flex-flow: column; row-gap: 1rem; align-items: center; justify-content: center;}
.editor-wrap .img-wrap > div {width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 2rem;}
.editor-wrap .img-wrap > div img {width: 100%;}
.editor-wrap .img-wrap > div iframe {width: 100%; height: 28.4vw; min-height: 40.5rem;}
.editor-wrap .img-wrap > div.lg img {width: 140%;}
.editor-wrap .img-wrap > div.sm img {width: 50%/*23rem*/;}
.editor-wrap .img-wrap > div *:nth-child(1):nth-last-child(4), .editor-wrap .img-wrap > div *:nth-child(1):nth-last-child(4) ~ img {width: calc((100% - 2rem) / 2);}
.editor-wrap .img-wrap > p {text-align: center; font-size: 1.3rem; line-height: 1.9rem; padding: 0; color: var(--leeum-text300);}

body[data-museum="hoam"] .editor-wrap .img-wrap > p {color: var(--hoam-text-gray)}

@media screen and (max-width: 767px) {
    .editor-wrap .img-wrap > div {column-gap: 1.5rem;}
    .editor-wrap .img-wrap > div iframe {width: 100%; height: 48.8vw; min-height: initial;}
    .editor-wrap .img-wrap > div.lg img {width: calc(100% + 6rem);}
    .editor-wrap .img-wrap > div.sm img {width: /*23rem; max-width: */100%;}
    .editor-wrap .img-wrap > div *:nth-child(1):nth-last-child(4), .editor-wrap .img-wrap > div *:nth-child(1):nth-last-child(4) ~ img {width: calc((100% - 1.5rem) / 2);}
    .editor-wrap .img-wrap > p {font-size: 1.2rem; line-height: 1.8rem;}
}

/* 영상 스타일(iframe) */
.editor-wrap iframe {width: 100%; height: 28.4vw; min-height: 40.5rem;}

@media screen and (max-width: 767px) {
    .editor-wrap iframe {width: 100%; height: 48.8vw; min-height: initial;}
}

/* 이미지 스타일 : 스와이프 */
.editor-wrap .img-swiper.swiper {padding-bottom: 2rem;}
.editor-wrap .img-swiper .swiper-slide {display: flex; flex-flow: column; row-gap: 1rem; align-items: center; justify-content: center;}
.editor-wrap .img-swiper .swiper-slide img {width: 100%;}
.editor-wrap .img-swiper .swiper-slide p {text-align: center; font-size: 1.3rem; line-height: 1.9rem; padding: 0; color: var(--leeum-text300);}
.editor-wrap .img-swiper .swiper-pagination-bullets {top: initial; bottom: 0;}
.editor-wrap .img-swiper .swiper-pagination-bullets .swiper-pagination-bullet {width: 1rem; height: 1rem; border-radius: 100%; opacity: .3; background-color: var(--leeum-gray400);}
.editor-wrap .img-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {opacity: 1;}

body[data-museum="hoam"] .editor-wrap .img-swiper .swiper-slide p {color: var(--hoam-text-gray);}
body[data-museum="hoam"] .editor-wrap .img-swiper .swiper-pagination-bullets .swiper-pagination-bullet {border-radius: 0; background-color: var(--hoam-gray);}

.editor-wrap .img-swiper-wrap {position: relative;}
.editor-wrap .img-swiper-wrap.sm {width: 50%; margin: 0 auto;}
.editor-wrap .img-swiper-wrap .swiper-button-prev {left: -2rem; width: 4rem; height: 4rem; right: initial;}
.editor-wrap .img-swiper-wrap .swiper-button-next {right: -2rem; width: 4rem; height: 4rem; left: initial;}
.editor-wrap .img-swiper-wrap .swiper-button-prev::after,
.editor-wrap .img-swiper-wrap .swiper-button-next::after {content: none;}
.editor-wrap .img-swiper-wrap .swiper-button-prev::before,
.editor-wrap .img-swiper-wrap .swiper-button-next::before {content: ''; width: 100%; height: 100%; border-radius: 100%; background-color: var(--leeum-gray200); background-repeat: no-repeat; background-size: 2rem; background-position: center; cursor: pointer;}
.editor-wrap .img-swiper-wrap .swiper-button-prev::before {background-image: url(/img/ico/ic-arrow-swiper-prev-c7361198cf99038b057adfb5436f9913.svg);}
.editor-wrap .img-swiper-wrap .swiper-button-next::before {background-image: url(/img/ico/ic-arrow-swiper-next-9156c6f50fda2b2acba6239d684071b7.svg);}

body[data-museum="hoam"] .editor-wrap .img-swiper-wrap .swiper-button-prev::before,
body[data-museum="hoam"] .editor-wrap .img-swiper-wrap .swiper-button-next::before {background-color: var(--hoam-green); border-radius: 0;}
body[data-museum="hoam"] .editor-wrap .img-swiper-wrap .swiper-button-prev::before {background-image: url(/img/ico/ic-arrow-swiper-prev-hoam-5ae53570ac902f1e359867abf3a80693.svg);}
body[data-museum="hoam"] .editor-wrap .img-swiper-wrap .swiper-button-next::before {background-image: url(/img/ico/ic-arrow-swiper-next-hoam-4487b722ac437d7f6cb28c337a9033ce.svg);}

@media screen and (max-width: 767px) {
    .editor-wrap .img-swiper-wrap.sm {width: 100%;}
    .detail-img-swiper .swiper-slide p {font-size: 1.1rem; line-height: 1.6rem;}
    .editor-wrap .img-swiper .swiper-pagination-bullets .swiper-pagination-bullet {width: .8rem; height: .8rem;}
}

/* 정렬 */
.editor-wrap .ce-tune-alignment--left {text-align: left}
.editor-wrap .ce-tune-alignment--center {text-align: center}
.editor-wrap .ce-tune-alignment--right {text-align: right}

.editor-wrap i {display: unset;}

.editor-wrap td {padding: 0 !important;}

.editor-wrap .embed-tool {max-width: 100% !important;}
.editor-wrap .cdx-list {max-width: 100% !important;}
.editor-wrap .embed-tool__caption.cdx-input {text-align: center; font-size: 1.3rem; line-height: 1.9rem; padding: 1rem 0; color: var(--leeum-text300); border: unset; -webkit-box-shadow: unset; box-shadow: unset;}

.codex-editor__loader {
    display: none !important;
}

.editor-wrap *[contentEditable=true][data-placeholder]:empty::before {
    position: absolute;
    content: attr(data-placeholder);
    color: var(--leeum-text300);
    opacity: 0;
}

.editor-wrap .img-wrap *[contentEditable=true][data-placeholder]:empty::before,
.editor-wrap .img-swiper-wrap *[contentEditable=true][data-placeholder]:empty::before {
    transform: translate(-50%, 0);
}

.editor-wrap *[contentEditable=true][data-placeholder]:empty::before {
    opacity: 1;
}

.editor-wrap *[contentEditable=true][data-placeholder]:empty:focus::before {
    opacity: 0;
}