@charset "UTF-8";
/* foundation */
/* componenet*/
/* foundation */
/* componenet*/
.accordion-item { display: flex; flex-direction: column; position: relative; }
.accordion-item + .accordion-item { margin-top: 8px; }
.accordion-item:before, .accordion-item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .5s opacity; border-radius: 3px; }
.accordion-item:before { border: 1px solid transparent; }
.accordion-item:after { border: 2px solid #424242; opacity: 0; }
.accordion-item:hover:before, .accordion-item.active:before { opacity: 0; }
.accordion-item:hover:after, .accordion-item.active:after { opacity: 1; }
.accordion-item.active .accordion-link i[class*="icon-"], .accordion-item.active .accordion-link i[class*="ri-"] { transform: translatey(0.15rem); }
.accordion-item.active .accordion-link i[class*="icon-"]:before, .accordion-item.active .accordion-link i[class*="ri-"]:before { transform: rotate(-180deg); }
.accordion-link { display: flex; position: relative; padding: 3.2rem 4rem; z-index: 1; }
.accordion-link-txt { margin-right: 1.65rem; color: #3d3d3d; font-weight: 500; }
.accordion-link i[class*="icon-"], .accordion-link i[class*="ri-"] { margin-left: auto; color: #424242; font-size: 2rem; }
.accordion-link i[class*="icon-"]:before, .accordion-link i[class*="ri-"]:before { transition: .5s transform; }
.accordion-content { display: none; position: relative; padding: 0 4rem 3.2rem; z-index: 1; }
.accordion-border .accordion-item:before { border-color: #e0e0e0; }
.accordion-fill .accordion-item { background-color: #f5f5f5; transition: .5s background-color; }
.accordion-fill .accordion-item:hover, .accordion-fill .accordion-item.active { background-color: #fff; }

[class*="board"] + [class*="mxds-pagination"], [class*="board"] + [class*="board-button"] { margin-top: 6.45rem; }

[class*="board-wrap"] { border-top: 2px solid #222; }

[class*="board-button"] { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin: 0; padding: 0; height: auto; }
[class*="board-button"] > [class*="button"] { margin: 0; }

[class*="board-write-label"] { position: relative; padding-left: 1.4rem; color: #757575; font-size: 1.6rem; margin-left: auto; }

.board-button-center { justify-content: center; }
.board-button-right { justify-content: flex-end; }
.board-cell-subject { text-align: left; }
.board-cell-subject .board-list-link { display: inline-flex; gap: .6rem; overflow: hidden; align-items: center; position: relative; max-width: 100%; line-height: 1.4; }
.board-cell-subject .board-list-link *:not(.board-list-link-text) { flex-shrink: 0; }
.board-cell-subject .board-list-link-reply:before { content: "\eae8"; margin-bottom: auto; font-family: "iconoir"; color: #9e9e9e; font-size: 2rem; line-height: 1; }
.board-cell-subject .board-list-link-reply.depth01 { padding-left: 1.6rem; }
.board-cell-subject .board-list-link-reply.depth02 { padding-left: 3.2rem; }
.board-cell-subject .board-list-link-text { overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; color: inherit; }
.board-cell-subject .board-list-link-text:hover, .board-cell-subject .board-list-link-text:focus-visible { text-decoration: underline; }
.board-cell-subject .board-list-link-reply-mark { color: #9e9e9e; font-size: 14px; font-weight: 700; }
.board-cell-subject .board-list-comment:before { content: "("; }
.board-cell-subject .board-list-comment:after { content: ")"; }
.board-cell-subject .board-list-new { transform: translatey(-1px); }
.board-list { margin-top: 2rem; }
.board-list-comment { color: #d43333; font-size: 14px; font-weight: 700; }
.board-list-new { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; background-color: #d43333; border-radius: 50%; color: #fff; font-size: 8px; line-height: 1; text-align: center; text-indent: -1px; }
.board-list-nodata { display: flex; flex-direction: column; align-items: center; padding: 14.5rem 0; border-bottom: 1px solid #dedede; }
.board-list-nodata > img { width: 6.6rem; }
.board-list-nodata > p { margin-top: 3rem; color: #222; font-size: 2.2rem; font-weight: 700; }
.board-list-nodata > .mxds-button { margin-top: 2rem; }
.board-list-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 2rem; }
.board-list-info .mxds-search [class*="mxds-select"] + [class*="mxds-select"] { position: relative; padding-left: calc(.8rem + 1px); }
.board-list-info .mxds-search [class*="mxds-select"] + [class*="mxds-select"]:before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 1.7rem; background-color: #d8d8d8; transform: translatey(-50%); }
.board-list-info-wide { flex-direction: column-reverse; align-items: stretch; gap: 4rem; }
.board-list-info-wide .mxds-search { justify-content: center; padding: 6rem 2rem; width: 100%; background-color: #f5f5f5; }
.board-list-info-wide .mxds-search [class*=select-] .nice-select { background-color: #fff; }
.board-list-info-list { display: flex; flex-wrap: wrap; gap: 1rem calc(2.4rem + 1px); }
.board-list-info-list li { position: relative; color: #616161; }
.board-list-info-list li:not(:first-child):before { content: ""; position: absolute; top: calc(50% - .85rem); left: calc(-1.2rem - 1px); width: 1px; height: 1.7rem; background-color: #d8d8d8; }
.board-list-info-list li strong { display: inline; color: #222; font-weight: 500; }
.board-list-table table { margin: 0; border-top: 0; }
.board-list-table table i[class^="icon-"], .board-list-table table i[class^="ri-"] { flex-shrink: 0; font-size: 2rem; }
.board-list-thumb > ul, .board-list-pdf > ul { display: flex; flex-wrap: wrap; }
.board-list-thumb > ul > li > a, .board-list-pdf > ul > li > a { display: flex; }
.board-list-thumb-img, .board-list-pdf-img { position: relative; background-color: #f5f5f5; }
.board-list-thumb-img img, .board-list-pdf-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.board-list-thumb-img img[src*="no.svg"], .board-list-thumb-img img[src*="no.png"], .board-list-thumb-img img[src*="no.jpg"], .board-list-pdf-img img[src*="no.svg"], .board-list-pdf-img img[src*="no.png"], .board-list-pdf-img img[src*="no.jpg"] { top: 50%; left: 50%; width: 7.3rem; height: 7.3rem; transform: translate(-50%, -50%); }
.board-list-thumb-video:before, .board-list-thumb-video:after, .board-list-pdf-video:before, .board-list-pdf-video:after { content: ""; position: absolute; z-index: 1; }
.board-list-thumb-video:before, .board-list-pdf-video:before { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.board-list-thumb-video:after, .board-list-pdf-video:after { top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); width: 6.4rem; height: 6.4rem; background: url(/mxds/images/templates/board-list-thumb-video-ico.svg) no-repeat 50% 50%/contain; }
.board-list-thumb-content, .board-list-pdf-content { display: flex; flex-direction: column; align-items: flex-start; }
.board-list-thumb-content .mxds-badge, .board-list-pdf-content .mxds-badge { margin-bottom: 2rem; font-size: 1.5rem; }
.board-list-thumb-desc, .board-list-pdf-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 1rem; color: #616161; text-overflow: ellipsis; }
.board-list-thumb-subject, .board-list-pdf-subject { display: flex; align-items: center; gap: .5rem; max-width: 100%; color: #222; font-size: 2rem; }
.board-list-thumb-subject *:not(.borad-list-thumb-subject-text), .board-list-pdf-subject *:not(.borad-list-thumb-subject-text) { flex-shrink: 0; }
.board-list-thumb-subject-text, .board-list-pdf-subject-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; flex: 1; overflow: hidden; max-width: 100%; text-overflow: ellipsis; }
.board-list-thumb-subject .board-list-new, .board-list-pdf-subject .board-list-new { transform: translatey(-2px); }
.board-list-thumb-desc, .board-list-pdf-desc { width: 100%; }
.board-list-thumb-author, .board-list-pdf-author { color: #757575; font-size: 1.7rem; }
.board-list-thumb-info, .board-list-pdf-info { display: flex; flex-wrap: wrap; gap: 1rem calc(2.4rem + 1px); margin-top: 1rem; }
.board-list-thumb-info > li, .board-list-pdf-info > li { display: flex; align-items: center; gap: .5rem; position: relative; color: #757575; font-size: 1.7rem; }
.board-list-thumb-info > li:not(:last-child):before, .board-list-pdf-info > li:not(:last-child):before { content: ""; position: absolute; top: calc(50% - .75rem); right: calc(-1.2rem - 1px); width: 1px; height: 1.5rem; background-color: #e0e0e0; }
.board-list-thumb-info > li i, .board-list-pdf-info > li i { flex-shrink: 0; }
.board-list-thumb-column, .board-list-pdf-column { /* column 형 */ }
.board-list-thumb-column > ul > li, .board-list-pdf-column > ul > li { padding: 4.8rem 4rem; width: 100%; border-bottom: 1px solid #e0e0e0; }
.board-list-thumb-column > ul > li > a, .board-list-pdf-column > ul > li > a { flex-wrap: wrap; align-items: center; }
.board-list-thumb-column .board-list-thumb-img, .board-list-pdf-column .board-list-thumb-img { width: 42.5%; margin-bottom: auto; padding-top: 27.5%; }
.board-list-thumb-column .board-list-thumb-img + .board-list-thumb-content, .board-list-pdf-column .board-list-thumb-img + .board-list-thumb-content { flex: 1; padding-left: 4.8rem; }
.board-list-thumb-column .board-list-thumb-author, .board-list-pdf-column .board-list-thumb-author { margin-top: 1.5rem; }
.board-list-thumb-column .board-list-thumb-author + .btns, .board-list-pdf-column .board-list-thumb-author + .btns { margin-top: 1.5rem; }
.board-list-thumb-row, .board-list-pdf-row { /* row 형 */ }
.board-list-thumb-row > ul, .board-list-pdf-row > ul { padding-top: 4.8rem; margin: 0 -2rem; row-gap: 4.8rem; }
.board-list-thumb-row > ul > li, .board-list-pdf-row > ul > li { padding: 0 2rem; width: calc(100% / 3); }
.board-list-thumb-row > ul > li > a, .board-list-pdf-row > ul > li > a { flex-direction: column; }
.board-list-thumb-row .board-list-thumb-subject-text, .board-list-thumb-row .board-list-pdf-subject-text, .board-list-pdf-row .board-list-thumb-subject-text, .board-list-pdf-row .board-list-pdf-subject-text { -webkit-line-clamp: 2; }
.board-list-thumb-row .board-list-thumb-img, .board-list-thumb-row .board-list-pdf-img, .board-list-pdf-row .board-list-thumb-img, .board-list-pdf-row .board-list-pdf-img { padding-top: 65%; }
.board-list-thumb-row .board-list-thumb-img + .board-list-thumb-content, .board-list-thumb-row .board-list-pdf-img + .board-list-thumb-content, .board-list-pdf-row .board-list-thumb-img + .board-list-thumb-content, .board-list-pdf-row .board-list-pdf-img + .board-list-thumb-content { margin-top: 2rem; }
.board-list-thumb-row .board-list-thumb-img img, .board-list-thumb-row .board-list-pdf-img img, .board-list-pdf-row .board-list-thumb-img img, .board-list-pdf-row .board-list-pdf-img img { object-fit: cover; object-position: center; }
.board-list-thumb.type02 > ul > li, .board-list-pdf.type02 > ul > li { padding: 4.8rem 0; width: calc(100% / 2); }
.board-list-thumb.type02:not(.card) > ul > li:nth-child(odd), .board-list-pdf.type02:not(.card) > ul > li:nth-child(odd) { padding-right: 2.4rem; }
.board-list-thumb.type02:not(.card) > ul > li:nth-child(even), .board-list-pdf.type02:not(.card) > ul > li:nth-child(even) { padding-left: 2.4rem; }
.board-list-thumb.type02 .board-list-thumb-img + .board-list-thumb-content, .board-list-thumb.type02 .board-list-pdf-img + .board-list-thumb-content, .board-list-pdf.type02 .board-list-thumb-img + .board-list-thumb-content, .board-list-pdf.type02 .board-list-pdf-img + .board-list-thumb-content { padding-left: 3.2rem; }
.board-list-thumb.type02 .board-list-thumb-subject-text, .board-list-thumb.type02 .board-list-pdf-subject-text, .board-list-pdf.type02 .board-list-thumb-subject-text, .board-list-pdf.type02 .board-list-pdf-subject-text { -webkit-line-clamp: 2; }
.board-list-thumb.card > ul > li > a { position: relative; height: 100%; border: 1px solid #e0e0e0; }
.board-list-thumb.card .board-list-new { position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-radius: 0; z-index: 1; transform: translate(1px, -1px); }
.board-list-thumb.card .board-list-thumb-img { padding-top: 75%; }
.board-list-thumb.card .board-list-thumb-img + .board-list-thumb-content { margin: 0; }
.board-list-thumb.card .board-list-thumb-content { padding: 4.8rem; height: 100%; }
.board-list-thumb.card .board-list-thumb-subject-text { -webkit-line-clamp: 3; }
.board-list-thumb.card .board-list-thumb-subject + .board-list-thumb-info { padding-top: 3.5rem; }
.board-list-thumb.card .board-list-thumb-desc { -webkit-line-clamp: 3; }
.board-list-thumb.card .board-list-thumb-desc + .board-list-thumb-info { padding-top: 2rem; }
.board-list-thumb.card .board-list-thumb-info { margin-top: auto; }
.board-list-pdf-row > ul { margin: 0; padding: 4.8rem 4.4rem; border-bottom: 1px solid #e0e0e0; }
.board-list-pdf-row > ul > li { display: flex; flex-direction: column; padding: 0 2.4rem; width: calc(100% / 3); }
.board-list-pdf-row > ul > li .board-list-thumb-img { overflow: hidden; padding-top: 125%; }
.board-list-pdf-row > ul > li .board-list-thumb-img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; opacity: 0; transition: .3s opacity; z-index: 1; }
.board-list-pdf-row > ul > li .board-list-thumb-img .mxds-badge { position: absolute; top: 0; left: 0; border-radius: 0; }
.board-list-pdf-row > ul > li .board-list-thumb-img .btns { gap: 1px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
.board-list-pdf-row > ul > li .board-list-thumb-img [class*="button"] { flex: 1 1 50%; border-radius: 0; padding-left: 1rem; padding-right: 1rem; opacity: 0; transition: .3s opacity; }
.board-list-pdf-row > ul > li .board-list-thumb-img [class*="button"]:focus-visible { opacity: 1; }
.board-list-pdf-row > ul > li .board-list-thumb-img:hover:before { opacity: .6; }
.board-list-pdf-row > ul > li .board-list-thumb-img:hover [class*="button"] { opacity: 1; }
.board-list-pdf-column > ul > li { display: flex; align-items: center; }
.board-list-pdf-column > ul > li .board-list-thumb-img { padding-top: 35%; width: 27.5%; }
.board-list-pdf-column > ul > li .btns { margin-top: 3rem; flex-wrap: wrap; gap: .8rem; }
.board-list-pdf.card > ul { margin: 0 -2rem; padding-top: 5rem; row-gap: 4rem; }
.board-list-pdf.card > ul > li { margin: 0 2rem; padding: 5rem; width: calc(100% / 2 - 4rem); border: 1px solid #e0e0e0; }
.board-list-qna .accordion-link, .board-list-qna .accordion-content { position: relative; padding-left: 7.7rem; }
.board-list-qna .accordion-link-txt { margin: auto 2rem auto 0; }
.board-list-qna .accordion-item:hover .board-list-qna-question:before, .board-list-qna .accordion-item.active .board-list-qna-question:before { color: #424242; }
.board-list-qna .accordion .board-list-qna-question:before, .board-list-qna .accordion .board-list-qna-answer:before { left: 4.4rem; }
.board-list-qna .accordion .board-list-qna-question:before { top: 3.55rem; }
.board-list-qna .accordion .board-list-qna-answer { display: flex; }
.board-list-qna ul:not(.accordion) { border-top: 2px solid #222; }
.board-list-qna ul:not(.accordion) > li { padding: 5.6rem 4.6rem 5.6rem 7.7rem; border-bottom: 1px solid #e0e0e0; }
.board-list-qna ul:not(.accordion) > li .board-list-qna-question:before, .board-list-qna ul:not(.accordion) > li .board-list-qna-answer:before { top: .25rem; left: 0; color: #424242; transform: translatex(calc(-100% - 2.4rem)); transition: .5s color; }
.board-list-qna ul:not(.accordion) > li .board-list-qna-question { display: flex; position: relative; z-index: 1; }
.board-list-qna ul:not(.accordion) > li .board-list-qna-question-txt { margin: auto 1.65rem auto 0; }
.board-list-qna ul:not(.accordion) > li .board-list-qna-answer { margin-top: 1.5rem; }
.board-list-qna ul:not(.accordion) > li .board-list-qna-answer:before { content: unset; }
.board-list-qna-question:before, .board-list-qna-answer:before { position: absolute; font-size: 1.6rem; font-weight: 700; color: #9e9e9e; }
.board-list-qna-question .mxds-badge { flex-shrink: 0; margin-right: 1.65rem; }
.board-list-qna-question:before { content: "Q"; }
.board-list-qna-question-txt { color: #3d3d3d; font-weight: 500; }
.board-list-qna-answer { color: #757575; }
.board-list-qna-answer:before { content: "A"; }
.board-view-info { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; padding: 3.8rem; background-color: #f6f6f6; border-bottom: 1px solid #dedede; text-align: center; }
.board-view-info-subject { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; color: #222; font-size: 2.4rem; }
.board-view-info-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem calc(3.3rem + 1px); }
.board-view-info-list li { position: relative; color: #757575; }
.board-view-info-list li + li:before { content: ""; position: absolute; top: 50%; left: calc(-1.6rem - 1px); width: 1px; height: 15px; background-color: #E0E0E0; transform: translatey(-50%); }
.board-view-info-writer { font-size: 1.9rem; font-weight: 500; }
.board-view-media-video { padding: 10rem; background-color: #fafafa; }
.board-view-media-thumb { padding: 0 10rem; }
.board-view-media-video + *, .board-view-media-thumb + * { margin-top: 6rem; }
.board-view-video { position: relative; padding-top: 56.25%; background-color: #eee; }
.board-view-video video, .board-view-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.board-view-thumb { overflow: hidden; opacity: 0; transition: .5s opacity; }
.board-view-thumb [class*="move-"] { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translatey(-50%); z-index: 2; }
.board-view-thumb-move-prev { left: 0; }
.board-view-thumb-move-next { right: 0; }
.board-view-thumb-main { position: relative; }
.board-view-thumb-main [class*="move-"] { width: 5.6rem; height: 5.6rem; background-color: rgba(0, 0, 0, 0.4); }
.board-view-thumb-main [class*="move-"] i { color: #fff; font-size: 2.4rem; }
.board-view-thumb-main .swiper-slide { position: relative; padding-top: 60%; background-color: #fafafa; }
.board-view-thumb-main .swiper-slide img { position: absolute; top: 0; left: 50%; height: 100%; transform: translatex(-50%); }
.board-view-thumb-main .swiper-slide img.full-sizing { width: 100%; object-fit: cover; object-position: center; }
.board-view-thumb-list { position: relative; margin: 8px -4px 0; }
.board-view-thumb-list * { box-sizing: border-box; }
.board-view-thumb-list .swiper-slide { padding: 0 4px; width: calc(100% / 8); }
.board-view-thumb-list .swiper-slide button { display: block; position: relative; width: 100%; padding-top: calc(100% / 1.5); }
.board-view-thumb-list .swiper-slide button:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); border: 2px solid rgba(0, 0, 0, 0); transition: .5s; z-index: 1; }
.board-view-thumb-list .swiper-slide button img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.board-view-thumb-list .swiper-slide-thumb-active button:before { background-color: rgba(0, 0, 0, 0); border-color: black; }
.board-view-thumb-list-center.length1 .swiper-wrapper, .board-view-thumb-list-center.length2 .swiper-wrapper, .board-view-thumb-list-center.length3 .swiper-wrapper { justify-content: center; }
.board-view-thumb-pagination { display: flex; justify-content: center; align-items: center; column-gap: .5rem; margin: 2.4rem auto 0; width: 8.2rem; height: 3.2rem; background-color: #9e9e9e; border-radius: 3.2rem; color: #fff; }
.board-view-content { padding: 6.45rem 0; }
.board-view-util { border-bottom: 1px solid #595959; }
.board-view-util dl { display: flex; border-top: 1px solid #dedede; }
.board-view-util dl > * { padding: 1.8rem 2.4rem; }
.board-view-util dl dt { display: flex; justify-content: center; align-items: center; gap: .5rem; flex: 0 0 18rem; background-color: #f6f6f6; color: #222; font-weight: 700; font-size: 1.8rem; }
.board-view-util dl dd { flex: 1; }
.board-view-util dl dd a[class*="bg-gray"]:hover, .board-view-util dl dd a[class*="bg-gray"]:focus-visible { color: #fff; }
.board-view-util dl[class*="move"] dd a { color: inherit; }
.board-view-util dl[class*="move"] dd a[href]:hover, .board-view-util dl[class*="move"] dd a[href]:focus-visible { text-decoration: underline; }
.board-view-util dl + .board-view-comment { padding: 6rem 0 0; border-top: 1px solid #dedede; }
.board-view-file-list { display: flex; flex-direction: column; align-items: flex-start; }
.board-view-file-list > strong { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; gap: .5rem 1.4rem; color: #222; font-size: 1.8rem; }
.board-view-file-list > strong span { color: #9e9e9e; font-size: 1.6rem; font-weight: 400; }
.board-view-file-list + .board-view-file-list { margin-top: 2.3rem; padding-top: 2.1rem; border-top: 1px solid #E0E0E0; }
.board-view-file-link { display: flex; align-items: center; gap: 0 .8rem; position: relative; padding-left: 3rem; color: #222; font-size: 1.8rem; max-width: 100%; }
.board-view-file-link:hover > span, .board-view-file-link:focus-visible > span { text-decoration: underline; }
.board-view-file-link + .board-view-file-link { margin-top: .25rem; }
.board-view-file-ico { position: absolute; top: .2rem; left: 0; width: 2rem; height: 2rem; background: no-repeat 50% 50%/contain; }
.board-view-file-ico-default { background-image: url(/mxds/images/templates/board-file-ico-def-icon.svg); }
.board-view-file-ico-doc { background-image: url(/mxds/images/templates/board-file-ico-doc.svg); }
.board-view-file-ico-xls { background-image: url(/mxds/images/templates/board-file-ico-xls.svg); }
.board-view-file-ico-ppt { background-image: url(/mxds/images/templates/board-file-ico-ppt.svg); }
.board-view-file-ico-pdf { background-image: url(/mxds/images/templates/board-file-ico-pdf.svg); }
.board-view-file-ico-hwp { background-image: url(/mxds/images/templates/board-file-ico-hwp.svg); }
.board-view-file-ico-zip { background-image: url(/mxds/images/templates/board-file-ico-zip.svg); }
.board-view-file-ico-txt { background-image: url(/mxds/images/templates/board-file-ico-txt.svg); }
.board-view-file-ico-vid { background-image: url(/mxds/images/templates/board-file-ico-vid.svg); }
.board-view-file-ico-img { background-image: url(/mxds/images/templates/board-file-ico-img.svg); }
.board-view-file-ico-aud { background-image: url(/mxds/images/templates/board-file-ico-aud.svg); }
.board-view-file span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.board-view-file-volume { color: #9e9e9e; font-size: 1.6rem; flex-shrink: 0; }
.board-view-file-volume:before { content: "("; }
.board-view-file-volume:after { content: ")"; }
.board-view-file [class*=button] { margin-top: 1rem; }
.board-view-comment-info { display: flex; align-items: center; gap: 1rem 2rem; }
.board-view-comment-total { display: flex; flex-shrink: 0; gap: .6rem; margin-right: auto; color: #222; font-size: 1.6rem; font-weight: 700; }
.board-view-comment-total span { color: #2d57b9; }
.board-view-comment-sort { display: flex; flex-shrink: 0; align-items: center; column-gap: calc(1.6rem + 1px); }
.board-view-comment-sort li { position: relative; }
.board-view-comment-sort li:not(:last-child):before { content: ""; position: absolute; top: 50%; right: -.8rem; width: 1px; height: 1.2rem; background-color: #e0e0e0; transform: translatey(-50%); }
.board-view-comment-sort li button { display: flex; gap: .8rem; color: #9e9e9e; font-size: 1.6rem; }
.board-view-comment-sort li button:before { font-family: "iconoir"; font-size: 1.8rem; font-weight: 400; }
.board-view-comment-sort li button.active { color: #222; font-weight: 700; }
.board-view-comment-sort li button[data-sort-status="up"]:before { content: "\ec8e"; }
.board-view-comment-sort li button[data-sort-status="down"]:before { content: ""; }
.board-view-comment-write { width: 100%; }
.board-view-comment-list-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.8rem; padding: 3.25rem 0; border-bottom: 1px solid #e0e0e0; }
.board-view-comment-photo { overflow: hidden; position: relative; flex-shrink: 0; width: 5.6rem; height: 5.6rem; background-color: #eee; border-radius: 50%; }
.board-view-comment-photo:before { content: "\ed12"; position: absolute; top: 50%; left: 50%; font-family: "iconoir"; color: #bdbdbd; font-size: 2.4rem; line-height: 1; transform: translate(-50%, -50%); }
.board-view-comment-photo img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.board-view-comment-content { flex: 1; }
.board-view-comment-content a { display: inline-block; margin-right: .5rem; color: #275bab; }
.board-view-comment-profile { display: flex; align-items: center; gap: .8rem; }
.board-view-comment-profile .new { width: .6rem; height: .6rem; background: #D43333; border-radius: 50%; }
.board-view-comment-name { color: #222; font-size: 1.6rem; }
.board-view-comment-date { padding-right: .8rem; color: #9e9e9e; font-size: 1.6rem; }
.board-view-comment .mxds-badge { font-size: 1.4rem; }
.board-view-comment-txt { margin-top: 1.25rem; color: #616161; }
.board-view-comment-option { display: flex; align-items: center; margin-top: 1.5rem; color: #616161; font-size: 1.6rem; gap: 1.9rem; }
.board-view-comment-option button[data-value="reply"] { position: relative; }
.board-view-comment-option button[data-value="reply"]::before { content: ""; width: .3rem; height: .3rem; border-radius: 50%; background: #C1C1C1; position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; }
.board-view-comment-count { display: flex; align-items: center; column-gap: .4rem; }
.board-view-comment-count i { display: inline; font-weight: 600; }
.board-view-comment-count[data-count="0"] { cursor: text; }
.board-view-comment-count:not([data-count="0"]):after { content: "\eb4a"; font-size: 1.6rem; font-family: "iconoir"; }
.board-view-comment-count.active span { text-decoration: underline; }
.board-view-comment-count.active:not([data-count="0"]):after { content: ""; }
.board-view-comment-util { display: flex; column-gap: .8rem; flex-shrink: 0; align-items: center; position: relative; margin: auto 0; }
.board-view-comment-util > button, .board-view-comment-util > a { display: flex; align-items: center; column-gap: .4rem; color: #424242; font-size: 1.6rem; }
.board-view-comment-util > button i, .board-view-comment-util > a i { font-size: 2rem; }
.board-view-comment-util > button[data-value="like"]:hover i, .board-view-comment-util > a[data-value="like"]:hover i { color: #275bab; }
.board-view-comment-util > button[data-value="reply"]:hover, .board-view-comment-util > a[data-value="reply"]:hover { text-decoration: underline; }
.board-view-comment-util-option { display: none; position: absolute; top: calc(100% + 1rem); right: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); }
.board-view-comment-util-option > button, .board-view-comment-util-option > a { display: block; padding: 1rem 0; width: 5.6rem; border: 1px solid #e0e0e0; font-size: 1.6rem; text-align: center; }
.board-view-comment-util-option > button[data-value="modify"], .board-view-comment-util-option > a[data-value="modify"] { background-color: #e0e0e0; color: #424242; border-radius: .4rem .4rem 0 0; }
.board-view-comment-util-option > button[data-value="delete"], .board-view-comment-util-option > a[data-value="delete"] { background-color: #fff; color: #757575; border-radius: 0 0 .4rem .4rem; }
.board-view-comment-reply { position: relative; width: 100%; padding: 0 6.4rem 3.25rem; border-bottom: 1px solid #e0e0e0; }
.board-view-comment-reply:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fafafa; }
.board-view-comment-reply > ul > li:first-of-type > .board-view-comment-list-wrap { border-top: 0; }
.board-view-comment-reply ul { position: relative; padding-left: 2.8rem; }
.board-view-comment-reply ul li { position: relative; }
.board-view-comment-reply ul li::before { content: ""; font-family: "iconoir"; font-size: 2rem; color: #9E9E9E; position: absolute; top: 4.2rem; left: -2.8rem; }
.board-view-comment-close { display: flex; align-items: center; column-gap: .6rem; position: relative; margin: 2.45rem auto 0; color: #616161; font-size: 1.6rem; }
.board-view-comment + .board-view-move-prev { border-top: 0; }
.board-write { display: flex; gap: 3.7rem; flex-wrap: wrap; padding: 3.75rem 0; }
.board-write-item { width: 100%; display: flex; gap: .8rem; flex-direction: column; }
.board-write-item-half { width: calc(50% - 1.85rem); }
.board-write-item-quarter { width: calc(25% - (3.7rem / 4 * 3)); }
.board-write-item .text-field { width: 100%; }
.board-write-item .text-field-multiple { width: 100%; }
.board-write-item .text-field-input { flex: 1; }
.board-write .other-group { align-items: center; }
.board-write .other-group .mxds-badge { min-width: 10rem; }
.board-write .other-group .mxds-checkbox label { font-size: 1.5rem; }
.board-write .other-group .mxds-checkbox label::before { transform: translateY(0.2rem); }
.board-write table { margin: -3.75rem 0; border: 0; }
.board-write table th, .board-write table td { height: 6.4rem; border-bottom: 1px solid #e0e0e0; }
.board-write table th { padding: 1.25rem 3.4rem; width: 22rem; background-color: #f5f5f5; text-align: left; }
.board-write table td { padding: 1.25rem 2.4rem; background-color: #fff; }
.board-write [class*="board-write-list"] { display: flex; flex-wrap: wrap; }
.board-write [class*="board-write-list"] > * { margin: 0; }
.board-write-guide { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 1rem; }
.board-write-list-check { gap: 3.2rem; }
.board-write-list-schedule { gap: .8rem; }
.board-write-list-schedule label { position: absolute; top: 50%; right: 1.5rem; transform: translatey(-50%); }
.board-write-input-box { position: relative; }
.board-write-input-date { width: 16.4rem; }
.board-write-input-time { width: 11.6rem; }
.board-write-label-essential:before { content: "*"; position: absolute; top: .25rem; left: 0; color: #d43333; }
.board-write-captcha { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.7rem; width: 100%; }
.board-write-captcha-img { position: relative; flex-shrink: 0; overflow: hidden; padding-left: 24rem; background-color: #4189c8; border-radius: 3px; }
.board-write-captcha-img img { position: absolute; top: calc(50% - 1.7rem); left: calc(50% - 6.25rem - 2.2rem); width: 12.5rem; height: 3.4rem; }
.board-write-captcha-button { display: flex; flex-direction: column; gap: 1px; }
.board-write-captcha-button button { display: flex; justify-content: center; align-items: center; width: 4.4rem; height: 4.4rem; background-color: #222; }
.board-write-captcha-button button i { color: #fff; font-size: 1.6rem; }
.board-write-captcha-txt { display: flex; flex-direction: column; row-gap: .75rem; flex: 1; }
.board-write-captcha-txt p { color: #616161; }

.comment-editor-write { border: 1px solid #E0E0E0; margin: 1.6rem 0; border-radius: .3rem; overflow: hidden; }
.comment-editor-body { padding: 3rem; height: 17rem; overflow: auto; outline-offset: -1px; background: #fff; }
.comment-editor-body:focus-visible { outline: none; }
.comment-editor-body-placeholder { color: #9E9E9E; }
.comment-editor-body a { text-decoration: underline; font-size: 90%; }
.comment-editor-head { display: flex; height: 4.8rem; border-top: 1px solid #e0e0e0; align-items: center; }
.comment-editor-head-info { flex-grow: 1; padding: 0 2.4rem; display: flex; justify-content: space-between; align-items: center; }
.comment-editor-head-info-util { display: flex; gap: .8rem; }
.comment-editor-head-info-util > div { width: 3rem; height: 3rem; position: relative; }
.comment-editor-head-info-util > div > a, .comment-editor-head-info-util > div > button { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: .4rem; }
.comment-editor-head-info-util > div > a:hover, .comment-editor-head-info-util > div > a:focus-visible, .comment-editor-head-info-util > div > button:hover, .comment-editor-head-info-util > div > button:focus-visible { background: #F5F5F5; }
.comment-editor-head-info-util > div > a > i, .comment-editor-head-info-util > div > button > i { font-size: 1.8rem; color: #616161; }
.comment-editor-head-info-util > div > a + div, .comment-editor-head-info-util > div > button + div { position: absolute; bottom: calc(100% + 2rem); left: 0; width: 40rem; border: 1px solid #e0e0e0; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); background: #fff; padding: 1.25rem; border-radius: .4rem; overflow: hidden; display: none; }
.comment-editor-head-info-util > div > a + div ul, .comment-editor-head-info-util > div > button + div ul { display: flex; gap: .8rem; flex-wrap: wrap; }
.comment-editor-head-info-util > div > a + div ul li a, .comment-editor-head-info-util > div > a + div ul li button, .comment-editor-head-info-util > div > button + div ul li a, .comment-editor-head-info-util > div > button + div ul li button { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; }
.comment-editor-head-info-util > div > a + div ul li a:hover, .comment-editor-head-info-util > div > a + div ul li a:focus-visible, .comment-editor-head-info-util > div > a + div ul li button:hover, .comment-editor-head-info-util > div > a + div ul li button:focus-visible, .comment-editor-head-info-util > div > button + div ul li a:hover, .comment-editor-head-info-util > div > button + div ul li a:focus-visible, .comment-editor-head-info-util > div > button + div ul li button:hover, .comment-editor-head-info-util > div > button + div ul li button:focus-visible { background: #f1f1f1; }
.comment-editor-head-info-util > div.active > a, .comment-editor-head-info-util > div.active > button { background: #f1f1f1; }
.comment-editor-head-info-util > div.active > a + div, .comment-editor-head-info-util > div.active > button + div { display: block; }
.comment-editor-head-info-count { display: flex; gap: .4rem; font-size: 1.6rem; color: #9E9E9E; }
.comment-editor-submit { flex-shrink: 0; height: 100%; border-radius: 0; background: #222222; width: 10rem; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 500; color: #fff; }

/* calendar */
.fc .fc-col-header-cell-cushion { text-transform: uppercase; }

/* 통합검색 */
.total-search { display: flex; flex-direction: column; gap: 7rem; }
.total-search-result { display: flex; flex-direction: column; gap: 7rem; }
.total-search-category-title { display: flex; gap: .8rem; align-items: center; padding-bottom: 1.6rem; border-bottom: 2px solid #222; }
.total-search-category-title strong { font-size: 2.4rem; font-weight: 700; color: #222; }
.total-search-category-title span { font-size: 1.6rem; display: flex; color: #757575; }
.total-search-category-title span b { color: #275BAB; font-weight: 700; }
.total-search-category-info > ul > li { border-bottom: 1px solid #E0E0E0; padding: 3.8rem 0; }
.total-search-category-info a:hover, .total-search-category-info a:focus-visible { text-decoration: underline; }
.total-search-category-item { display: flex; flex-direction: column; font-size: 1.8rem; gap: 1.3rem; width: 100%; }
.total-search-category-item-title { display: block; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
.total-search-category-item-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 5.4rem; color: #616161; font-weight: 400; }
.total-search-category-item-link { word-break: break-all; }
.total-search-category-item-path { display: flex; gap: .7rem; color: #9E9E9E; }
.total-search-category-pagination { margin-top: 6.45rem; }
.total-search-keyword { display: inline; white-space: nowrap; color: #275BAB; font-weight: 700; }

/* 준비중 */
.error { display: flex; flex-direction: column; gap: 5.3rem; align-items: center; letter-spacing: -0.03em; text-align: center; width: 100%; }
.error-image { width: 11.2rem; }
.error-message { display: flex; flex-direction: column; align-items: center; gap: 2rem; }
.error-message-title { font-size: 4rem; color: #222222; font-weight: 400; }
.error-message-title strong { font-weight: 700; }
.error-message-desc { font-size: 1.8rem; color: #757575; }
.error-buttons { display: flex; justify-content: center; gap: .8rem; }
.error-buttons a, .error-buttons button { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0.5rem 2.2rem; height: 4.8rem; border-radius: 0.3rem; font-weight: 500; gap: 0.6rem; color: #fff; }
.error-buttons-blue { background: #2D57B9; }
.error-buttons-black { background: #222; }

/* popupzone */
.popupzone { position: fixed; height: 100vh; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 80; opacity: 0; visibility: hidden; }
.popupzone-container { display: flex; height: 100%; align-items: center; justify-content: center; overflow: auto; padding: 6rem 2.8rem; flex-direction: column; width: 135.6rem; margin: 0 auto; max-width: calc(100% - 5.6rem); }
.popupzone-title { display: flex; align-items: center; justify-content: center; margin-bottom: 2.2rem; }
.popupzone-title strong { font-size: 3.2rem; color: #fff; font-weight: 700; font-family: inherit; }
.popupzone-count { width: 100%; text-align: right; margin-bottom: 1.6rem; font-size: 1.6rem; color: #fff; padding: 0 9rem; }
.popupzone-count strong { font-weight: 700; }
.popupzone-slider { position: relative; padding: 0 9rem; width: 100%; }
.popupzone-slider-list { margin: 0 auto; max-width: 100%; }
.popupzone-slider-image { display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; }
.popupzone-slider-image img { width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; object-fit: cover; }
.popupzone-slider-arrow { width: 5.6rem; height: 5.6rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 1rem; position: absolute; top: 0; bottom: 0; transform: none; border: 1px solid #fff; margin: auto 0; z-index: 2; }
.popupzone-slider-arrow.swiper-button-disabled { opacity: 0.5; }
.popupzone-slider-arrow i { color: #fff; font-size: 1.8rem; }
.popupzone-slider #popupzone-slider-prev { left: 0; }
.popupzone-slider #popupzone-slider-next { right: 0; }
.popupzone-utils { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 7.2rem; }
.popupzone-utils button { padding: 1.2rem 2.2rem; background: #222; border: 1px solid #fff; color: #fff; display: flex; align-items: center; justify-content: center; gap: .6rem; border-radius: .3rem; overflow: hidden; }
.popupzone-utils button i { color: #fff; line-height: 1; font-size: 1.8rem; }

:root { --fc-small-font-size: 15px; --fc-border-color:#e0e0e0; --fc-today-bg-color: #fafafa; --fc-event-bg-color: #f5f5f5; --fc-event-border-color: #f5f5f5; --fc-event-text-color: #424242; --fc-button-hover-bg-color: #fff; --fc-button-active-bg-color: #fff; --fc-list-event-hover-bg-color: #fff; }

.board-list-calendar-category { display: flex; flex-wrap: wrap; gap: 6px; }
.board-list-calendar-category-mark[data-mxds-category="01"] { background-color: #275bab; }
.board-list-calendar-category-mark[data-mxds-category="02"] { background-color: #087f34; }
.board-list-calendar-category-mark[data-mxds-category="03"] { background-color: #424242; }
.board-list-calendar-category-mark[data-mxds-category="undefined"] { display: none !important; }
.board-list-calendar-category-mark + * { flex: 1; line-height: 3.2rem; white-space: normal; }
.board-list-calendar-category-mark:not(.mxds-badge) { display: inline-flex; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 12px; font-weight: 500; line-height: 1; text-align: center; text-indent: -1px; }
.board-list-calendar-category-mark:not(.mxds-badge) + * { line-height: 22px; }
.board-list-calendar-header { display: flex; flex-direction: column; background-color: #fafafa; }
.board-list-calendar-header-year { display: flex; gap: 2.4rem; justify-content: center; align-items: center; padding: 3.2rem 2.2rem; border-bottom: 1px solid #e0e0e0; }
.board-list-calendar-header-year button i { color: #222; font-size: 2.4rem; }
.board-list-calendar-header-year strong { color: #222; font-size: 3.2rem; font-weight: 700; line-height: 1; }
.board-list-calendar-header-month { padding: 2.5rem; }
.board-list-calendar-header-month > ul { display: flex; justify-content: space-evenly; }
.board-list-calendar-header-month > ul > li { text-align: center; }
.board-list-calendar-header-month > ul > li > a, .board-list-calendar-header-month > ul > li button { position: relative; font-weight: 500; }
.board-list-calendar-header-month > ul > li > a:before, .board-list-calendar-header-month > ul > li button:before { content: ""; position: absolute; top: calc(100% + 2.5rem - 3px); left: 50%; width: 0; height: 3px; background-color: #275bab; transition: .5s; }
.board-list-calendar-header-month > ul > li > a[data-mxds-status="active"], .board-list-calendar-header-month > ul > li button[data-mxds-status="active"] { color: #275bab; font-weight: 700; }
.board-list-calendar-header-month > ul > li > a[data-mxds-status="active"]:before, .board-list-calendar-header-month > ul > li button[data-mxds-status="active"]:before { left: 0; width: 100%; }
.board-list-calendar-header + * { margin-top: 3.2rem; }
.board-list-calendar-header + * + * { margin-top: 1.6rem; }
.board-list-calendar-util { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem 4rem; }
.board-list-calendar-util-category { display: flex; flex-wrap: wrap; gap: 1rem 3rem; }
.board-list-calendar-util .board-calendar-category { color: #616161; }
.board-list-calendar-util-buttons { display: flex; }
.board-list-calendar-util-buttons > * + * { margin-left: .8rem; }
.board-list-calendar-util-buttons-view { display: flex; overflow: hidden; flex-shrink: 0; border: 1px solid #222; border-radius: 3px; height: 4rem; }
.board-list-calendar-util-buttons .mxds-button[data-mxds-view] { width: 4rem; height: 100%; border: 0; border-radius: 0; }
.board-list-calendar-util-buttons .mxds-button[data-mxds-view][data-mxds-status="active"] { background-color: #222; }
.board-list-calendar-util-buttons .mxds-button[data-mxds-view][disabled] { border: 0 !important; color: #fff !important; }
.board-list-calendar-container .fc-daygrid-dot-event:hover, .board-list-calendar-container .fc-daygrid-more-link:hover { background: unset; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-scrollgrid { border-left: 0; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-event { border-radius: 0; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-event-harness *:not(.board-list-calendar-category-mark), .board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-event-harness .board-list-calendar-subject { color: #424242; font-size: 15px; font-weight: 500; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-dot-event { padding-left: 10px; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-block-event { padding: 5px 10px; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-more-link { margin: 7px 0 0; padding-left: 16px; color: #616161; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day-frame { min-height: 14.5rem; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day-events { margin-top: -8px; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day-number { position: relative; padding: 0; color: #424242; font-size: 1.6rem; z-index: 0; line-height: 1; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day-top { flex-direction: row; padding: 2.3rem 1.5rem 1.2rem; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day.fc-day-today { background-color: transparent; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { color: #fff; }
.board-list-calendar-container.fc-theme-standard .fc-dayGridMonth-view .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before { content: ""; position: absolute; top: 50%; left: 50%; width: 3.2rem; height: 3.2rem; background-color: #222; border-radius: 50%; transform: translate(-50%, -50%); z-index: -1; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view { border-top: 2px solid #222; border-left: 0; border-right: 0; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-empty { display: none; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-list-event-time { width: 20rem; border-right: 1px solid #e0e0e0; vertical-align: middle; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-list-event-graphic { display: none; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-list-day-cushion { padding: 2rem; text-align: left; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-list-day-text { color: #222; font-weight: 700; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-day-today ~ tr:not(.fc-day-future), .board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-day-today ~ tr:not(.fc-day-future):hover td { background-color: #f5f5f5; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-day-future ~ tr:not(.fc-day-future), .board-list-calendar-container.fc-theme-standard .fc-listMonth-view .fc-day-future ~ tr:not(.fc-day-future):hover td { background-color: #fff; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view td { padding: 2rem; }
.board-list-calendar-container.fc-theme-standard .fc-listMonth-view .board-list-calendar-subject { line-height: 3.2rem; }
.board-list-calendar-container.fc-theme-standard th, .board-list-calendar-container.fc-theme-standard td { border-left: 0; border-right: 0; }
.board-list-calendar-container.fc .fc-col-header-cell { padding: 2rem; background-color: #757575; border-left: 1px solid #9e9e9e; color: #fff; font-size: 1.6rem; font-weight: 700; }
.board-list-calendar-container.fc .fc-col-header-cell:first-child { border-left: 0; }
.board-list-calendar-container.fc-direction-ltr .fc-daygrid-event, .board-list-calendar-container.fc-direction-rtl .fc-daygrid-event { margin: 8px 0 0 6px; }

.join .h4 { margin: 5.6rem 0 2.4rem; color: #2D57B9; }
.join-step { margin-bottom: 6.4rem; }
.join-step > ul { display: flex; margin: 0 -3rem; }
.join-step > ul > li { flex: 1; padding: 0 3rem; position: relative; }
.join-step > ul > li:last-of-type::after { display: none; }
.join-step > ul > li::after { display: block; font-family: 'remixicon'; content: '\ea6e'; color: #373737; font-size: 3.2rem; font-weight: 400; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); }
.join-step > ul > li.active .join-step-item { background: #2D57B9; border-color: #2D57B9; }
.join-step > ul > li.active .join-step-title-number { color: #ACC4EB; }
.join-step > ul > li.active .join-step-title-topic { color: #fff; }
.join-step-item { border-radius: 1rem; border: 1px solid #E0E0E0; justify-content: center; display: flex; align-items: center; padding: 3rem 2rem; position: relative; }
.join-step-icon { display: flex; align-items: center; justify-content: center; padding: 1.5rem; width: 7.2rem; height: 7.2rem; border-radius: 50%; background: #F5F5F5; }
.join-step-title { padding-left: 1.6rem; display: flex; flex-direction: column; }
.join-step-title-number { color: #203a91; font-size: 1.6rem; font-weight: 700; }
.join-step-title-topic { margin-top: 0.5rem; color: #373737; font-size: 2rem; font-weight: 700; }
.join-greybox { background: #F5F5F5; border-radius: .5rem; padding: 2.4rem 4rem; }
.join-scrollbox { background: #F5F5F5; border-radius: .5rem; max-height: 38.3rem; overflow: auto; padding: 6.4rem; }
.join-scrollbox .h5 { margin-bottom: 1.6rem; color: #222; }
.join-scrollbox * + .h5 { margin-top: 3.2rem; }
.join-scrollbox .h6 { margin-bottom: 1.2rem; color: #222; }
.join-scrollbox * + .h6 { margin-top: 1.6rem; }
.join-checkbox { margin-top: 2.4rem; }
.join-button { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .8rem; margin-top: 6.6rem; }
.join-certification { padding: 6.4rem 12rem; }
.join-certification-title { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 3.2rem; border-bottom: 1px solid #DEDEDE; }
.join-certification-title .h4 { margin-top: 0; margin-bottom: 1.6rem; }
.join-certification-desc { padding-top: 2.45rem; }
.join-certification-desc-notice { display: flex; flex-direction: column; gap: .8rem; }
.join-certification-desc-notice > li { position: relative; padding-left: 2.5rem; }
.join-certification-desc-notice > li::before { display: block; content: ''; background: url(/mxds/images/templates/join-notice.svg) no-repeat center center/contain; width: 1.83rem; height: 1.83rem; position: absolute; top: .3rem; left: 0; line-height: 1; }
.join-complete { padding: 7.2rem 12rem; display: flex; align-items: center; }
.join-complete-icon { width: 12.8rem; }
.join-complete-txt { width: calc(100% - 12.8rem); padding-left: 4rem; display: flex; align-items: center; justify-content: space-between; }
.join-complete-title .h4 { margin-top: 0; }
.join-type { display: flex; gap: 2.4rem; }
.join-type-item { width: 50%; background: #F5F5F5; border-radius: .5rem; padding: 8rem 3rem; display: flex; flex-direction: column; align-items: center; }
.join-type-item-icon { width: 12.8rem; height: 12.8rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.join-type-item-icon img { width: 4.96rem; }
.join-type-item .h4 { margin-top: 3.9rem; }
.join-type-item > strong { font-size: 2.2rem; color: #222; font-weight: 500; margin-bottom: .8rem; }
.join-type-item > a { margin-top: 4rem; }

.login-greybox { background: #F5F5F5; border-radius: 1rem; padding: 7.2rem 6rem; }
.login-info { width: 100%; margin: 0 auto; max-width: 114.3rem; padding: 3rem 0 8rem; }
.login-info-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 44.6rem; margin: auto; }
.login-input { position: relative; width: calc(100% - 12rem); padding-right: 0.8rem; display: flex; flex-direction: column; gap: .8rem; }
.login-input > div { position: relative; display: inline-flex; align-items: center; }
.login-input-title { width: 7.8rem; flex-shrink: 0; color: #333; font-size: 1.8rem; font-weight: 700; text-align: left; }
.login-input-write { flex-grow: 1; width: calc(100% - 7.8rem); position: relative; }
.login-input-write input { width: 100%; height: 100%; background: #e3e3e3; padding: 0; border-radius: 0 !important; }
.login-btn { width: 12rem; }
.login-btn button { display: flex; width: 100%; height: 100%; background: #12171d; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 1.8rem; font-weight: 700; }
.login-check { width: 100%; padding-left: 7.8rem; margin-top: .8rem; }
.login-check label { font-size: 1.6rem; }
.login-check label span { line-height: 1.8; }
.login-using { margin: 0 -6rem -7.2rem; background: #eee; display: flex; align-items: center; justify-content: center; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; padding: 2.5rem 0; }
.login-using-item { border-right: 1px solid #d8d8d8; padding: 0 5rem; display: flex; align-items: center; }
.login-using-item:last-of-type { border-right: 0; }
.login-using-item i { font-size: 2rem; color: #222; margin-right: .8rem; }
.login-using-item-button { margin-left: 2.4rem; display: flex; gap: .6rem; }
.login-using-item-button a { font-size: 1.4rem; }
.login-sns { padding-top: 3rem; padding-bottom: 3rem; text-align: center; max-width: 99.2rem; margin: auto; }
.login-sns .h4 { margin-bottom: 1.2rem; color: #222; }
.login-sns-button { display: flex; gap: 1.6rem; margin-top: 4rem; }
.login-sns-button a { width: calc(100% / 3); display: flex; align-items: center; justify-content: center; gap: .8rem; padding: 2.5rem 2rem; border-radius: 0.5rem; }
.login-sns-button a img { width: 2.2rem; }
.login-sns-button a b { font-size: 1.8rem; }
.login-sns-button-naver { background: #4FBE2A; color: #fff; }
.login-sns-button-kakao { background: #FFDA44; color: #222; }
.login-sns-button-google { background: #fff; color: #222; }