@charset "utf-8";

/**************************************************
*
*   board.css1
*
***************************************************/
/* 공통 테이블 */
.com-tbl-wrap {word-break: break-all;}
.com-tbl-wrap table {text-align: center;}
.com-tbl-wrap th {font-weight: 500;}
.com-tbl-wrap.va-baseline :where(th,td) {vertical-align: baseline;}

.com-tbl-wrap.type-01 {}
.com-tbl-wrap.type-01 table {border-top: 2px solid #C4B49D; border-left: 1px solid var(--border--table-td); background-color: #fff;}
.com-tbl-wrap.type-01 :where(th,td) {border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td); padding: 14px 10px;}
.com-tbl-wrap.type-01 td {background-color: var(--bg--bg-primary);}
.com-tbl-wrap.type-01 th {background-color: #f9f9f9;}


.com-tbl-wrap.type-03 {}
.com-tbl-wrap.type-03 table {border-top: 2px solid #C4B49D;}
.com-tbl-wrap.type-03 :where(th,td) {padding: 12px 10px; border-right: 1px solid var(--border--table-td); border-bottom: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-03 th {font-size: 17px;}
.com-tbl-wrap.type-03 td {font-size: 16px; font-weight: 500;}

.com-tbl-wrap.type-04 {font-size: 16px;}
.com-tbl-wrap.type-04 table {border-top: 2px solid var(--border--board-header);}
.com-tbl-wrap.type-04 :where(th,td) {padding: 12px 10px; border-bottom: 1px solid var(--border--table-td); word-break: break-all;}
.com-tbl-wrap.type-04 col:not(:last-of-type) {border-right: 1px solid var(--border--table-td);}
.com-tbl-wrap.type-04 th {background-color: var(--bg--board-header); font-weight: 600;}
.com-tbl-wrap.type-04 td {font-weight: 400;}
.com-tbl-wrap.type-04 .ta-left-pdlr {text-align: left; padding: 0 10px;}
.com-tbl-wrap.type-04 .color-inherit {color: inherit;}

.com-tbl-wrap.type-05 {font-size: 16px; font-weight: 500; line-height: 1.4;}
.com-tbl-wrap.type-05 :where(th,td) {border: 1px solid #ddd;}
.com-tbl-wrap.type-05 thead th {color: #fff; background-color: #004386; border-color: #2A5A8B; font-size: 17px; font-weight: 500; padding: 20px 10px;}
.com-tbl-wrap.type-05 thead th.active {background-color: #006CD9;}
.com-tbl-wrap.type-05 thead .date {font-weight: 400; font-size: 14px; color: #B5D5FF;}
.com-tbl-wrap.type-05 tbody th {background-color: var(--bg--sub_content-box03); font-weight: inherit;}
.com-tbl-wrap.type-05 tbody th.type-02 {font-size: 18px; font-weight: 600;}
.com-tbl-wrap.type-05 tbody :where(th,td) {padding: 25px 10px;}
.com-tbl-wrap.type-05 .txt-list-01 {display: flex; flex-direction: column; justify-content: center; gap: 2px;}
.com-tbl-wrap.type-05 .holiday {color: var(--contents--accent-color);}
.com-tbl-wrap.type-05 .txt-list-02 {text-align: left; padding: 0 20px;}
.com-tbl-wrap.type-05 .txt-list-02 > div {line-height: 1.5;}
.com-tbl-wrap.type-05 .txt-list-02 > div:not(:first-of-type) {margin-top: 10px;}
.com-tbl-wrap.type-05 .txt-list-02 dd {margin-top: 5px;}
.com-tbl-wrap.type-05 .txt-list-02 dt {font-weight: 800;}
.com-tbl-wrap.type-05 .txt-list-02 dd {width: 100%;}

.com-tbl-wrap.type-06 {border-top: 2px solid var(--border--board-header);}
.com-tbl-wrap.type-06 table {border-top: 2px solid #C4B49D;; text-align: left;}
.com-tbl-wrap.type-06 th {padding-left: 30px; font-weight: 500; border-bottom: 1px solid #ddd;}
.com-tbl-wrap.type-06 th div.required::before {content: '*'; color: #FF0000; font-size: 15px;}
html[data-mode="dark"] .com-tbl-wrap.type-06 th {background-color: var(--bg--bg-primary); border-right: 1px solid #333;}
.com-tbl-wrap.type-06 td {padding: 15px 20px; border-bottom: 1px solid #ddd;}
.com-tbl-wrap.type-06 td.no-pda {padding: 0;}



@media screen and (max-width: 1080px) {
    .com-tbl-wrap.type-01 {font-size: 14px;}
    .com-tbl-wrap.type-01 :where(th,td) {padding: 12px 10px;}

    .com-tbl-wrap.type-02 {font-size: 14px;}

    .com-tbl-wrap.type-03 :where(th,td) {padding: 12px 10px;}
    .com-tbl-wrap.type-03 th {font-size: 15px;}
    .com-tbl-wrap.type-03 td {font-size: 14px;}

    .com-tbl-wrap.type-04 {font-size: 14px;}
    .com-tbl-wrap.type-04 :where(th,td) {padding: 10px;}
    .com-tbl-wrap.type-04 .ta-left-pdlr {padding: 0 3px;}

    .com-tbl-wrap.type-05 {font-size: 14px;}
    .com-tbl-wrap.type-05 thead th {font-size: 15px;}
    .com-tbl-wrap.type-05 thead .date {font-size: 13px;}
    .com-tbl-wrap.type-05 tbody th.type-02 {font-size: 16px;}
    .com-tbl-wrap.type-05 tbody :where(th,td) {padding: 20px 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 {padding: 0 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 > div {gap: 10px;}
    .com-tbl-wrap.type-05 .txt-list-02 dt {width: 80px;}

    .com-tbl-wrap.type-06 {font-size: 14px;}
    .com-tbl-wrap.type-06 td {padding: 10px 15px;}
    .com-tbl-wrap.type-06 th {padding: 10px 20px;}

}

@media screen and (max-width: 768px) {
    /* 스크롤 O */
    .com-tbl-wrap.scroll::-webkit-scrollbar {width: 3px; height:3px;}
    .com-tbl-wrap.scroll::-webkit-scrollbar-thumb {background: #a9a9a9;}
    .com-tbl-wrap.scroll {overflow: auto;}
    .com-tbl-wrap.scroll table {width: 900px;}

    /* th,td width 100% */
    .com-tbl-wrap.mob-no-table {}
    .com-tbl-wrap.mob-no-table table {text-align: center;}
    .com-tbl-wrap.mob-no-table colgroup {display: none;}
    .com-tbl-wrap.mob-no-table :where(table,tbody,tr,th,td) {display: block; width: 100%;}
    .com-tbl-wrap.mob-no-table :where(th,td) {padding: 12px 10px;}
    .com-tbl-wrap.mob-no-table th {border-bottom: 1px solid #ddd;/*  border-top: 1px solid #ddd; */}
    /* .com-tbl-wrap.type-06 tr:not(:last-of-type) {border: none;} */
}

/* 테이블 주석 */
.com-tbl-info-01 {font-size: 15px; font-weight: 500; margin-top: 20px; color: #888;}

@media screen and (max-width: 1080px) {
    .com-tbl-info-01 {font-size: 13px; margin-top: 15px;}
}



/* 게시글 내용 */
.com-post-content-01 {min-height: 300px; padding: 55px 60px; font-size: 17px; line-height: 1.6; border-bottom: 1px solid var(--border--table-td);}
html[data-mode="dark"] .com-post-content-01 * {background-color: transparent !important;}
html[data-mode="dark"] .com-post-content-01 p,
html[data-mode="dark"] .com-post-content-01 > span {filter: invert(0.9); color: #000;}
html[data-mode="dark"] .com-post-content-01 :is(p,span):has(img) {filter: none;}
.com-post-content-01.no-border-bottom {border-bottom: none;}
.com-post-content-01.no-pdlr {padding-left: 0; padding-right: 0;}
.com-post-content-01 img{margin:0 auto !important; display:block;}
.com-post-content-01 figure img{margin:0 auto !important; display:block;}

.com-post-content-02 {border-top: 2px solid var(--border--board-header); display: flex; flex-direction: column; margin-bottom: 100px; gap: 40px;}
html[data-mode="dark"] .com-post-content-02 .com-ctt-box-01 pre * {background-color: transparent !important;}
html[data-mode="dark"] .com-post-content-02 .com-ctt-box-01 pre p,
html[data-mode="dark"] .com-post-content-02 .com-ctt-box-01 pre > span {filter: invert(0.9);  color: #000;}
html[data-mode="dark"] .com-post-content-02 .com-ctt-box-01 pre :is(p,span):has(img) {filter: none;}


@media screen and (max-width: 1080px) {
    .com-post-content-01 {min-height: 220px; font-size: 15px; padding: 35px;}
    .com-post-content-02 {padding: 20px 20px 60px;}
}

@media screen and (max-width: 768px) {
    .com-post-content-01 {font-size: 14px; padding: 20px;}
    .com-post-content-02 {gap: 30px; padding: 15px 10px 60px;}
}



/* 게시글 갤러리 슬라이드 01 */
.com-gallery-slider-01 {padding-bottom: 30px;}
.com-gallery-slider-01 .swiper-button-prev::after,
.com-gallery-slider-01 .swiper-button-next::after {display: none;}
.com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 30px; height: 100px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; background-color: #111;}
.com-gallery-slider-01 .swiper-button-prev {left: 0; right: unset;}
.com-gallery-slider-01 .swiper-button-next {right: 0; left: unset;}
.com-gallery-slider-01 .main-slider {height: 545px; margin-bottom: 20px; background-color: #333;}
.com-gallery-slider-01 .main-slider .swiper-slide {display: flex; justify-content: center; align-items: center; padding: 0 60px;}
.com-gallery-slider-01 .main-slider .swiper-slide img {max-height: 100%;}
.com-gallery-slider-01 .thumbnail-slider-wrapper {background-color: #333; position: relative; padding: 26px 54px;}
.com-gallery-slider-01 .thumbnail-slider {height: 120px;}
.com-gallery-slider-01 .thumbnail-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 1080px) {
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 27px; height: 90px;}
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) img {width: 9px;}
    .com-gallery-slider-01 .main-slider {height: 480px; margin-bottom: 10px;}
    .com-gallery-slider-01 .main-slider .swiper-slide {padding: 0 45px;}
    .com-gallery-slider-01 .thumbnail-slider-wrapper {padding: 20px 45px;}
}

@media screen and (max-width: 768px) {
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) {width: 24px; height: 75px;}
    .com-gallery-slider-01 :is(.swiper-button-prev, .swiper-button-next) img {width: 8px;}
    .com-gallery-slider-01 .main-slider {height: 420px;}
    .com-gallery-slider-01 .thumbnail-slider {height: 100px;}
}

@media screen and (max-width: 480px) {
    .com-gallery-slider-01 {padding-bottom: 20px;}
    .com-gallery-slider-01 .main-slider {height: 250px;}
    .com-gallery-slider-01 .main-slider .swiper-slide {padding: 0 35px;}
    .com-gallery-slider-01 .thumbnail-slider-wrapper {padding: 15px 35px;}
    .com-gallery-slider-01 .thumbnail-slider {height: 80px;}
}

/* 게시글 갤러리 슬라이드 02 */
.com-gallery-slider-02 {--h: 250px; padding: 25px 30px; display: flex; align-items: flex-start; column-gap: 54px; border: 1px solid var(--border--table-td);}
.com-gallery-slider-02 .slide-box {width: 35%; position: relative;}
.com-gallery-slider-02 .swiper-slide .img-box {height: var(--h);}
.com-gallery-slider-02 .swiper-slide .img-box img {width: 100%; height: 100%; object-fit: cover;}
.com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) {width: 45px; height: 45px; margin: 0; padding: 0; top: 50%; transform: translateY(-50%); background-color: #11111180; z-index: 10;}
.com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next):where(:hover,:focus) {background-color: #111;}
.com-gallery-slider-02 .swiper-button-prev::after, .com-gallery-slider-02 .swiper-button-next::after {display: none;}
.com-gallery-slider-02 .swiper-button-prev {left: 0;}
.com-gallery-slider-02 .swiper-button-next {right: 0;}
.com-gallery-slider-02 .swiper-button-next img {transform: rotate(180deg);}
.com-gallery-slider-02 .swiper-pagination {width: auto; min-width: 60px; height: auto; background-color: #111111CB; color: #fff; font-size: 14px; padding: 5px 10px; text-align: center; position: absolute; top: unset; right: 10px; bottom: 10px; left: unset; border-radius: 50px;}
.com-gallery-slider-02 > .txt-box {width: 65%; min-height: var(--h); padding: 10px 0; display: flex; flex-direction: column; justify-content: center; gap: 9px;}
.com-gallery-slider-02 > .txt-box .txt-01 {font-size: 20px; font-weight: 600;}
.com-gallery-slider-02 > .txt-box .txt-02 {font-size: 15px;}
.com-gallery-slider-02 > .txt-box .list-01 {font-size: 15px; padding: 7px;}
.com-gallery-slider-02 > .txt-box .list-01 > div {display: flex; gap: 10px;}
.com-gallery-slider-02 > .txt-box .list-01 > div:not(:last-of-type) {margin-bottom: 6px;}
.com-gallery-slider-02 > .txt-box .list-01 dt {flex-shrink: 0; width: 90px; font-weight: 600; position: relative; padding-left: 10px;}
.com-gallery-slider-02 > .txt-box .list-01 dt::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--contents--primary); position: absolute; top: 8px; left: 0;}
.com-gallery-slider-02 > .txt-box .list-01 dd {}

@media screen and (max-width: 1080px) {
    .com-gallery-slider-02 {--h: 200px; column-gap: 30px; padding: 20px;}
    .com-gallery-slider-02 > .txt-box {gap: 7px;}
    .com-gallery-slider-02 > .txt-box .txt-01 {font-size: 18px;}
    .com-gallery-slider-02 > .txt-box .txt-02 {font-size: 14px;}
    .com-gallery-slider-02 > .txt-box .list-01 {font-size: 14px;}
    .com-gallery-slider-02 > .txt-box .list-01 dt {width: 85px;}
    .com-gallery-slider-02 > .txt-box .list-01 dt::before {top: 7px;}
    .com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) {width: 35px; height: 35px;}
    .com-gallery-slider-02 :is(.swiper-button-prev,.swiper-button-next) img {width: 13px;}
    .com-gallery-slider-02 .swiper-pagination {font-size: 13px; min-width: 50px;}
}

@media screen and (max-width: 768px) {
    .com-gallery-slider-02 {--h: 250px; display: flex; flex-wrap: wrap; padding: 0;}
    .com-gallery-slider-02 .slide-box {width: 100%;}
    .com-gallery-slider-02 > .txt-box {width: 100%; min-height: unset; padding: 20px;}
}

@media screen and (max-width: 480px) {
    .com-gallery-slider-02 {--h: 185px;}
    .com-gallery-slider-02 > .txt-box {padding: 15px;}
    .com-gallery-slider-02 > .txt-box .txt-01 {font-size: 16px;}
    .com-gallery-slider-02 > .txt-box .txt-02 {font-size: 13px;}
    .com-gallery-slider-02 > .txt-box .list-01 {font-size: 13px;}
}




/* 게시글 작성 */
.com-post-write {}
.com-post-write.admin {}
.com-post-write.admin .com-tbl-wrap.type-06 td {padding: 10px;}
.com-post-write.admin .com-tbl-wrap.type-06 th {padding: 10px 30px;}
.com-post-write.admin :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 40px; padding: 0 10px;}
.com-post-write.admin textarea {height: 170px;}

.com-post-write .mw-440 {max-width: 440px;}
.com-post-write .mw-230 {max-width: 230px;}
.com-post-write .icon-star {color: #FF0000; font-weight: 800; padding-right: 5px;}
.com-post-write :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 50px; padding: 0 12px;}
.com-post-write textarea {height: 246px; padding: 10px 15px;}
.com-post-write select {padding-right: 30px; background-position: center right 10px;}
html[data-mode="dark"] .com-post-write select {background-image: url("/resources/user/promo/img/icon/icon_arrow_down_01.svg");}
.com-post-write input:where([type="text"],[type="password"],[type="number"]) {width: 100%;}
.com-post-write .phone {display: flex; align-items: center; gap: 7px;}
.com-post-write .phone li:not(.dash) {width: 100%; max-width: 160px;}
.com-post-write .phone .dash {flex-shrink: 0;}
.com-post-write .phone select {width: 100%;}
.com-post-write .com-post-tag-list {padding: 25px 20px;}
.com-post-write .com-post-tag-list .add-box {height: auto;}
.com-post-write .robot-block {display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;}

@media screen and (max-width: 1080px) {
    .com-post-write.admin textarea {height: 130px;}
    .com-post-write.admin :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 35px; padding: 5px 8px;}

    .com-post-write :where(input:where([type="text"],[type="password"],[type="number"]), select) {height: 40px; padding: 0 9px;}
    .com-post-write .phone li:not(.dash) {max-width: 120px;}
    .com-post-write .com-post-tag-list {padding: 15px;}
    .com-post-write textarea {height: 190px; padding: 10px;}
}

@media screen and (max-width: 768px) {
    .com-post-write :is(.mw-440,.mw-230) {max-width: unset;}
    .com-post-write .phone {gap: 4px;}
    .com-post-write .phone li:not(.dash) {max-width: unset;}
}

/* 게시글 작성 02 */
.com-post-write-02 {}
.com-post-write-02 .icon-star {color: #FF0000; position: absolute; top: 3px; left: 0;}
.com-post-write-02 .footnote {color: var(--contents--text-color555); font-size: 15px; margin-top: 10px;}
html[data-mode="dark"] .com-post-write-02 .footnote {color: #eee;}
.com-post-write-02 textarea {height: 446px; padding: 10px; border : 1px solid #ccc;}
.com-post-write-02 .th-title {position: relative; padding-left: 18px;}
.com-post-write-02 .th-title .txt-01 {font-size: 14px; font-weight: 500;}
.com-post-write-02 :is(.com-radio-01 .circle, .com-checkbox-01 .square) {width: 20px; height: 20px;}
.com-post-write-02 :is(.com-radio-01 label, .com-checkbox-01 label) {gap: 10px;}
.com-post-write-02 .mw-440 {max-width: 440px;}
.com-post-write-02 .mw-160 {max-width: 160px;}
.com-post-write-02 .mw-200 {max-width: 200px;}
.com-post-write-02 .mw-535 {max-width: 535px;}
.com-post-write-02 .mw-215 {max-width: 215px;}
.com-post-write-02 .mw-160 {max-width: 160px;}
.com-post-write-02 :is(input:is([type="text"],[type="password"],[type="number"]), select) {width: 100%; height: 40px;}
.com-post-write-02 input:is([type="text"],[type="password"],[type="number"]) {padding: 0 12px; border: 1px solid #ccc;}
.com-post-write-02 input:is([type="text"],[type="password"],[type="number"]):disabled {border-color: #ccc; background-color: #f1f1f1; color: #888;}
html[data-mode="dark"] .com-post-write-02 input:is([type="text"],[type="password"],[type="number"]):disabled {background-color: #111; border-color: #333; color: #666;}
.com-post-write-02 .tel {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .sel-01 {padding-left: 12px; padding-right: 35px; background: url("..//resources/user/promo/img/icon/icon_triangle_down_01.svg") no-repeat center right 12px;}
html[data-mode="dark"] .com-post-write-02 .sel-01 {background-image: url("..//resources/user/promo/img/icon/icon_triangle_down_dark_01.svg");}
.com-post-write-02 .sel-02 {padding-left: 20px; padding-right: 35px; background: url("..//resources/user/promo/img/icon/icon_down_arrow_04.svg") no-repeat center right 8px;}
html[data-mode="dark"] .com-post-write-02 .sel-02 {background-image: url("..//resources/user/promo/img/icon/icon_down_arrow_dark_04.svg");}
html[data-mode="dark"] .com-post-write-02 :is(.sel-01,.sel-02) {background-color: #ffffff1a;}
.com-post-write-02 .addr {display: flex; flex-direction: column; gap: 5px;}
.com-post-write-02 .post-num {display: flex;}
.com-post-write-02 .post-num input {border-right: none;}
.com-post-write-02 .post-num button {flex-shrink: 0; min-width: 94px; height: 40px; border: 1px solid #aaa; padding: 0 10px;}
.com-post-write-02 .post-num button:where(:hover,:focus) {background-color: #f1f1f1;}
.com-post-write-02 .flex-01 {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px;}
.com-post-write-02 .flex-02 {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 5px 0;}
.com-post-write-02 .flex-02 .txt {font-weight: 800;}
.com-post-write-02 .flex-03 {display: flex; gap: 5px;}
.com-post-write-02 .flex-03 select {width: 100%;}
.com-post-write-02 .template-01 {}
.com-post-write-02 .template-01 > div {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 40px; padding: 10px 20px;}
.com-post-write-02 .template-01 > div:not(:last-of-type) {border-bottom: 1px solid var(--border--table-td);}
.com-post-write-02 .template-01 dt {font-weight: 600;}
.com-post-write-02 .template-01 dd {display: flex; align-items: center; gap: 5px 10px;}
.com-post-write-02 .template-01 :is(select,input:is([type="text"],[type="password"])) {width: 125px;}
.com-post-write-02 .template-02 {display: flex; align-items: center; gap: 10px;}
.com-post-write-02 .template-03 {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px;}
.com-post-write-02 .template-03 > .lb {display: flex; align-items: center; gap: 20px;}
.com-post-write-02 .template-03 > .lb .com-checkbox-01 {flex-shrink: 0;}
.com-post-write-02 .template-03 .input-box {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .template-03 .input-box input {max-width: 160px;}
.com-post-write-02 .template-04 {display: flex; flex-wrap: wrap; align-items: center; gap: 15px 20px; padding: 8px 0;}
.com-post-write-02 .photo-list {padding: 10px 0;}
.com-post-write-02 .photo-list .list {display: flex; justify-content: space-between; gap: 10px; padding-bottom: 10px;}
.com-post-write-02 .photo-list .list li {width: 190px; height: 150px; position: relative; border: 5px solid #ddd;}
html[data-mode="dark"] .com-post-write-02 .photo-list .list li {border-color: #777;}
.com-post-write-02 .photo-list .list li.li-add-photo {border: 1px solid #A3A8B4;}
.com-post-write-02 .photo-list .list li.li-add-photo a {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; font-weight: 600; color: #fff; background-color: #A3A8B4; padding: 10px;}
.com-post-write-02 .photo-list .list li.li-add-photo a:where(:hover,:focus) {filter: brightness(0.8);}
.com-post-write-02 .photo-list .list .img-box {display: block; width: 100%; height: 100%;}
.com-post-write-02 .photo-list .list .img-box img {width: 100%; height: 100%; object-fit: cover;}
.com-post-write-02 .photo-list .list .txt {position: absolute; top: -5px; left: -5px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 7px 8px; font-size: 13px;}
.com-post-write-02 .photo-list .list .btn-cls {width: 25px; height: 25px; background-color: #000;  position: absolute; top: -5px; right: -5px; display: flex; justify-content: center; align-items: center; color: #fff;}
.com-post-write-02 .calendar-list {display: flex; align-items: center; gap: 5px;}
.com-post-write-02 .calendar-box {max-width: 160px; position: relative;}
.com-post-write-02 .calendar-box .icon-calendar {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
html[data-mode="dark"] .com-post-write-02 .calendar-box .icon-calendar {filter: invert(1) opacity(0.7);}
.com-post-write-02 .robot-block {display: flex; flex-wrap: wrap; align-items: center; gap: 13px 10px;}
.com-post-write-02 .robot-block > .lb {display: flex; gap: 26px;}
.com-post-write-02 .robot-block :is(img,input) {height: 75px;}
.com-post-write-02 .robot-block input {max-width: 230px;}
.com-post-write-02 input#imgsettingbutton {background: #89898925;}
.com-post-write-02 #uploadFileDiv .row {border: 1px solid var(--border--table-td);}
.com-post-write-02 iframe {background-color:#fff;width:101% !important;}

@media screen and (max-width: 1080px) {
    .com-post-write-02 :is(.com-radio-01 .circle, .com-checkbox-01 .square) {width: 18px; height: 18px;}
    .com-post-write-02 :is(.com-radio-01 label, .com-checkbox-01 label) {gap: 7px;}
    .com-post-write-02 .th-title {padding-left: 15px;}
    .com-post-write-02 .icon-star {top: 2px;}
    .com-post-write-02 .calendar-box .icon-calendar {width: 18px;}
    .com-post-write-02 .robot-block > .lb {gap: 17px;}
    .com-post-write-02 .robot-block :is(img,input) {height: 55px;}
    .com-post-write-02 .post-num button {min-width: 75px;}
    .com-post-write-02 .template-01 {gap: 10px 30px;}
    .com-post-write-02 .template-01 :is(select,input:is([type="text"],[type="password"])) {width: 100px;}
    .com-post-write-02 .template-03 {justify-content: center;}
    .com-post-write-02 .sel-02 {padding-left: 15px; background-position: center right 12px;}
    .com-post-write-02 .photo-list .list li {width: 170px; height: 135px;}
    .com-post-write-02 .photo-list .list li.li-add-photo a {gap: 12px;}
    .com-post-write-02 .photo-list .list li.li-add-photo img {width: 33px;}
    .com-post-write-02 .photo-list .list .txt {font-size: 12px;}
    .com-post-write-02 .photo-list .list .btn-cls {width: 20px; height: 20px; font-size: 12px;}
    .com-post-write-02 .footnote {font-size: 13px; margin-top: 5px;}

}

@media screen and (max-width: 768px) {
    .com-post-write-02 :is(input:is([type="text"],[type="password"]), select) {height: 38px;}
    .com-post-write-02 .th-title {padding-left: 0;}
    .com-post-write-02 .icon-star {position: static; padding-right: 5px;}
    .com-post-write-02 .mws {max-width: unset;}
    .com-post-write-02 .flex-01 {justify-content: center;}
    .com-post-write-02 .flex-02 {justify-content: center;}
    .com-post-write-02 .flex-02 .txt {width: 100%;}
    .com-post-write-02 .template-01 > div {justify-content: center; gap: 15px;}
    .com-post-write-02 .template-02 {justify-content: center;}
    .com-post-write-02 .template-03 .input-box input {max-width: 100px;}
    .com-post-write-02 .template-04 {justify-content: center;}
    .com-post-write-02 .photo-list .list {flex-wrap: wrap; justify-content: center;}
    .com-post-write-02 .photo-list .list li {width: 150px; height: 120px;}
    .com-post-write-02 .calendar-list {width: 100%;}
    .com-post-write-02 .calendar-box {width: 100%; max-width: unset;}
    .com-post-write-02 .robot-block {justify-content: center;}
    .com-post-write-02 .robot-block > .lb {width: 100%; gap: 10px;}
    .com-post-write-02 .robot-block img {flex-shrink: 0;}
    .com-post-write-02 .robot-block :is(img,input) {height: 50px;}
    .com-post-write-02 .robot-block input {max-width: unset;}
}

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

}

/* 게시글 고정 글귀 01 */
.com-post-fixed-box-01 {margin-bottom: 30px;}
.com-post-fixed-box-01 img {margin: 0 auto;}

@media screen and (max-width: 1080px) {
    .com-post-fixed-box-01 {margin-bottom: 20px;}
    .com-post-fixed-box-01 img {max-height: 100px;}
}

@media screen and (max-width: 768px) {
    .com-post-fixed-box-01 {margin-bottom: 10px;}
}



/* 게시판 페이지네이션 01 */
.com-pagination {display: flex; gap: 6px; font-size: 15px; justify-content: center; margin-top: 46px; flex-wrap: wrap;}
.com-pagination button {width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; background-color: #CECECE;}
.com-pagination button:not(.active):where(:hover,:focus) {background-color: #191B1D; color: #fff;}
.com-pagination button.active {color: #fff; background-color: #191B1D; color: #fff;}
.com-pagination button i {font-size: 13px;}
.com-pagination .btn-prev {margin-right: var(--next-prev-mg-lr);}
.com-pagination .btn-next {margin-left: var(--next-prev-mg-lr);}
.com-pagination :where(.btn-begin,.btn-end) i:first-of-type {margin-right: var(--i-mg-lr);}
.com-pagination :where(.btn-begin,.btn-end) i:last-of-type {margin-left: var(--i-mg-lr);}

@media screen and (max-width: 768px) {
    .com-pagination {gap: 3px; font-size: 13px;}
    .com-pagination button {width: 30px; height: 30px;}
    .com-pagination button i {font-size: 11px;}
}


/* 게시판 리스트 01 */
.com-brd-list-01 {text-align: center; border-top: 2px solid var(--border--board-header);}
.com-brd-list-01 table {}
.com-brd-list-01 :where(td,th) {padding: 12px 5px;}
.com-brd-list-01 tr {border-bottom: 1px solid var(--border--table-td);}
.com-brd-list-01 .td-title .etc-list {--gap-pdl: 16px;display: flex;gap: 5px var(--gap-pdl);font-size: 15px;flex-wrap: wrap;color: #666;}
.com-brd-list-01 .td-title .etc-list li {position: relative;}
.com-brd-list-01 .td-title .etc-list li:not(:first-of-type) {padding-left: var(--gap-pdl);}
.com-brd-list-01 .td-title .etc-list li:not(:first-of-type)::before {content: "";width: 2px;height: 60%;background-color: #ddd;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
/* .com-brd-list-01 .td-title .etc-list .view-cnt .txt {display: none;} */
html[data-mode="dark"] .com-brd-list-01 .td-title .etc-list li:not(:first-of-type)::before {background-color: #777;}
.com-brd-list-01 .td-title .title {display: block;width: fit-content;text-align: left;line-height: 1.4;margin-bottom: 3px;font-weight: 600;width: 100%;font-size: 17px;}
.com-brd-list-01.survey .td-title .title {margin-bottom: 0;}
.com-brd-list-01 .td-title .title:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-brd-list-01 .td-title .title img {display: inline-block; vertical-align: text-bottom;}
.com-brd-list-01 .td-title .title :where(.icon-reply, .icon-lock) {margin-right: 5px;}
.com-brd-list-01 .td-title .title .icon-new {margin-left: 5px;}
.com-brd-list-01 .td-title .title .icon-notice {display: none;}
.com-brd-list-01 .icon-download {width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; color: var(--contents--dominant-color); border-radius: 3px; border: 1px solid #aaa; background-color: var(--bg--bg-primary); margin: 0 auto; font-size: 16px;}
.com-brd-list-01 .icon-download:where(:hover,:focus) {filter: brightness(0.9);}
html[data-mode="dark"] .com-brd-list-01 .icon-download:where(:hover,:focus) {border-color: #333;}
.com-brd-list-01 .brd-writer {font-size: 15px;}
.com-brd-list-01 :where(.tag-type-01,.tag-type-02) {padding: 8px; font-size: 14px; border-radius: 15px;}
.com-brd-list-01 .tag-type-01 {max-width: 85px; width: 100%; color: #fff; background-color: #444;}
.com-brd-list-01 .tag-type-02 {max-width: 55px; width: 100%;}
.com-brd-list-01 .tag-type-02.type-01 {color: #fff; background-color: #004386;}
.com-brd-list-01 .tag-type-02.type-02 {color: #fff; background-color: #888;}
.com-brd-list-01 .td-icon-notice .icon-notice {margin: 0 auto;}
.com-brd-list-01 .tr-noticed {background-color: var(--bg--bg-content_01);}
.com-brd-list-01 .tr-closed {background-color: #f9f9f9; color:#888}
html[data-mode="dark"] .com-brd-list-01 .tr-closed {background-color: inherit; filter: brightness(0.5);}
.com-brd-list-01 .answer-status {font-weight: 600;}
.com-brd-list-01 .answer-complete {color: var(--contents--tab-default);}
.com-brd-list-01 .answer-waiting {color: var(--contents--tab-active);}
.hashtag a{ padding: 5px 8px; background-color: #004386; color: #fff;}
.tbl_board_nodata{color: #777; text-align: center;}

@media screen and (max-width: 1080px) {
    .com-brd-list-01 {font-size: 14px;}
    .com-brd-list-01 .td-title .etc-list {--gap-pdl: 10px; font-size: 13px;}
    .com-brd-list-01 .brd-writer {font-size: 13px;}
    .com-brd-list-01 .td-title .title {margin-bottom: 5px;}
    .com-brd-list-01 .td-title .title .icon-new {width: 17px; margin-left: 3px; padding-bottom: 1px;}
    .com-brd-list-01 .td-title .title :where(.icon-reply, .icon-lock) {margin-right: 3px;}
    .com-brd-list-01 :where(.tag-type-01,.tag-type-02) {font-size: 13px; padding: 6px 8px;}
    .com-brd-list-01 .tag-type-01 {max-width: 65px;}
}

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

    /* 스크롤로 변경 */
    .com-brd-list-01.scroll {overflow: auto;}
    .com-brd-list-01.scroll table {width: 900px;}
    .com-brd-list-01.scroll :where(.tag-type-01,.tag-type-02) {font-size: 12px;}
    .com-brd-list-01 .td-title .title {font-size: 15px;}


    /* 다른 스타일로 변경 */
    .com-brd-list-01.normal table {}
    .com-brd-list-01.normal colgroup {display: none;}
    .com-brd-list-01.normal tr {display: flex; align-items: center; flex-wrap: wrap; padding: 12px; gap: 13px 8px;}
    .com-brd-list-01.normal .td-title {order: -1; width: 100%;}
    .com-brd-list-01.normal :where(td,th) {padding: 0;}
    .com-brd-list-01.normal .td-title .title .icon-notice {display: inline-block; padding-right: 5px; padding-bottom: 2.5px;}
    .com-brd-list-01.normal .brd-num {display: none;}
    .com-brd-list-01.normal :where(.tag-type-01,.tag-type-02) {font-size: 12px; padding: 5px 8px; max-width: unset; width: auto;}
    .com-brd-list-01.normal .icon-notice {width: 21px;}
    .com-brd-list-01.normal .td-title .etc-list .view-cnt .txt {display: inline;}
    .com-brd-list-01.normal .td-icon-notice {display: none;}
    .com-brd-list-01.normal .tr-normal .td-title .icon-notice { display: none;}
    .com-brd-list-01.normal .tr-normal .brdNum { display: none;}
}




/* 게시판 자주 사용되는 틀 */
.com-ctt-box-01 {}
.com-ctt-box-01 .com-title-04 {text-align: left;}
.com-ctt-box-01 .com-tbl-wrap {font-size: 15px;}
.com-ctt-box-01 .com-tbl-wrap :where(th,td) {text-align: left; border: none;}
.com-ctt-box-01 .com-tbl-wrap table {border-left: none; border-bottom: 1px solid var(--border--table-td);}
.com-ctt-box-01 .com-tbl-wrap tr:not(:last-of-type) {border-bottom: 1px solid #e9e9e9;}
html[data-mode="dark"] .com-ctt-box-01 .com-tbl-wrap tr:not(:last-of-type) {border-color: var(--border--table-td);}
.com-ctt-box-01 .com-tbl-wrap th {padding: 8px 30px;}
.com-ctt-box-01 .com-tbl-wrap td {padding: 8px 20px;}
.com-ctt-box-01 .map-box {height: 283px; border-top: 2px solid var(--border--table-td); padding: 25px 35px; border-bottom: 1px solid var(--border--table-td);}

.com-ctt-box-02 {display: flex; align-items: center; border: 1px solid var(--border--table-td); font-size: 15px;}
.com-ctt-box-02 .img-box {width: 35%; height: 250px; display: flex; justify-content: center; align-items: center; padding: 30px 20px;}
.com-ctt-box-02 .img-box img {max-height: 100%;}
.com-ctt-box-02 .txt-box {width: 65%; display: flex; flex-direction: column; gap: 6px; justify-content: center; padding: 30px 20px;}
.com-ctt-box-02 .date-box {display: flex; align-items: flex-start; gap: 10px;}
.com-ctt-box-02 .dday {font-size: 14px; color: #fff; background-color: #004386; padding: 6px 12px; border-radius: 50px;}
.com-ctt-box-02 .deadline {padding-top: 5px;}
.com-ctt-box-02 .title {font-size: 20px; font-weight: 600; margin-top: 5px;}
.com-ctt-box-02 .list {padding: 7px 10px;}
.com-ctt-box-02 .list > div {display: flex; gap: 15px;}
.com-ctt-box-02 .list > div:not(:last-of-type) {margin-bottom: 5px;}
.com-ctt-box-02 .list dt {flex-shrink: 0; width: 80px; font-weight: 600; position: relative; padding-left: 11px;}
.com-ctt-box-02 .list dt::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: var(--contents--primary); position: absolute; top: 7px; left: 0;}
.com-ctt-box-02 .list dd {width: 100%;}

@media screen and (max-width: 1080px) {
    .com-ctt-box-01 .com-tbl-wrap {font-size: 14px;}
    .com-ctt-box-01 .com-tbl-wrap th {padding: 8px 20px;}
    .com-ctt-box-01 .com-tbl-wrap td {padding: 8px 15px;}
    .com-ctt-box-01 .map-box {padding: 20px;}

    .com-ctt-box-02 {font-size: 14px;}
    .com-ctt-box-02 .img-box {height: 200px; padding: 20px;}
    .com-ctt-box-02 .txt-box {padding: 20px; gap: 4px;}
    .com-ctt-box-02 .dday {font-size: 13px;}
    .com-ctt-box-02 .title {font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .com-ctt-box-01 .com-tbl-wrap :where(table,th,td,tr,tbody) {display: block; text-align: center;}
    .com-ctt-box-01 .com-tbl-wrap th {border-bottom: 1px solid #e9e9e9;}
    html[data-mode="dark"] .com-ctt-box-01 .com-tbl-wrap th {border-color: var(--border--table-td);}
    .com-ctt-box-01 .map-box {padding: 15px;}

    .com-ctt-box-02 {flex-wrap: wrap;}
    .com-ctt-box-02 .img-box {width: 100%; height: 150px;}
    .com-ctt-box-02 .txt-box {width: 100%;}
}
@media screen and (max-width: 480px) {
    .com-ctt-box-01 .map-box {height: 200px; padding: 10px;}
}


/* 댓글 전체 */
.com-reply-box {margin-bottom: 100px;}
.com-reply-box > .comment-cnt-box {font-weight: 600; margin-bottom: 15px;}
.com-reply-box > .comment-cnt-box .cnt {color: var(--contents--accent-color); font-size: 18px;}
.com-reply-box > .comment-list-box {border-top: 2px solid #004386; margin-top: 28px; border-bottom: 1px solid var(--border--table-td);}
.com-reply-box > .comment-list-box .no-reply {padding: 22px 26px; font-size: 15px; color: #888; text-align: center;}
.com-reply-box > .comment-list-box .list {background-color: #f9f9f9;}

@media screen and (max-width: 768px) {
    .com-reply-box {margin-bottom: 50px;}
    .com-reply-box > .comment-list-box .no-reply {font-size: 14px;}
}


/* 댓글 입력창 */
.com-reply-write-box {min-height: 110px; display: flex;}
.com-reply-write-box.type-02 {padding-left: 25px; background: url('/resources/user/promo/img/icon/icon_reply_02.svg') no-repeat left top 8px;}
html[data-mode="dark"] .com-reply-write-box.type-02 {background-image: url('/resources/user/promo/img/icon/icon_reply_03.svg');}
.com-reply-write-box .write-box {width: 100%; border: 1px solid #aaa; padding: 15px 20px; background-color: var(--bg--bg-primary);}
html[data-mode="dark"] .com-reply-write-box .write-box {border-color: var(--border--table-td);}
.com-reply-write-box .btn-post {flex-shrink: 0; width: 120px; background-color: #444; color: #fff;}
.com-reply-write-box .btn-post:where(:hover,:focus) {filter: brightness(0.8);}
.com-reply-write-box .info-box {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 8px; row-gap: 5px; column-gap: 20px;}
html[data-mode="dark"] .com-reply-write-box .info-box {margin-bottom: 10px;}
.com-reply-write-box .name {font-size: 14px; font-weight: 600;}
.com-reply-write-box textarea {font-size: 15px; resize: vertical; padding: 7px; border: none; line-height: 1.3;}
.com-reply-write-box .com-checkbox-01 {font-size: 13px;}
.com-reply-write-box .com-checkbox-01 .square {width: 16px; height: 16px;}
.com-reply-write-box .com-checkbox-01 label {gap: 5px;}

@media screen and (max-width: 768px) {
    .com-reply-write-box {flex-wrap: wrap; min-height: unset;}
    .com-reply-write-box.type-02 {background-size: 10px; padding-left: 20px;}
    .com-reply-write-box .write-box {padding: 12px 15px;}
    .com-reply-write-box .name {font-size: 13px;}
    .com-reply-write-box textarea {font-size: 14px; padding: 5px; height: 80px;}
    .com-reply-write-box .btn-post {width: 100%; padding: 10px; font-size: 13px;}
    .com-reply-write-box .com-checkbox-01 {font-size: 12px;}
    .com-reply-write-box .com-checkbox-01 .square {width: 14px; height: 14px;}
    .com-reply-write-box .info-box {margin-bottom: 5px;}
}

/* 댓글 */
.com-comment-box {--pd-lr: 20px; --pd-tb: 15px; display: flex; align-items: flex-start; background-color: var(--bg--bg-primary);}
.com-comment-box, .com-comment-box > .inner {gap: 13px;}
.com-comment-box:is(.type-03,.type-04) {padding: 0 var(--pd-lr);}
.com-comment-box:is(.type-03,.type-04) > .inner .box-01 {padding: var(--pd-tb) 0; border: none;}
.com-comment-box.type-02 {padding-left: var(--pd-lr);}
.com-comment-box.type-02 > .inner .box-01 {padding: var(--pd-tb) var(--pd-lr); padding-left: 0;}
.com-comment-box.type-03 {border-top: 1px solid var(--border--table-td);}
.com-comment-box.type-04 > .inner {border-top: 1px solid var(--border--table-td);}
.com-comment-box > .icon-reply {margin-top: 17px;}
html[data-mode="dark"] .com-comment-box > .icon-reply {filter: brightness(0) invert(1);}
.com-comment-box > .inner .icon-lock {margin-top: 15px;}
.com-comment-box > .inner {width: 100%; display: flex; align-items: flex-start;}
.com-comment-box > .inner .box-01 {width: 100%; padding: var(--pd-tb) var(--pd-lr); border-top: 1px solid var(--border--table-td);}
.com-comment-box .box-01 > .hd-box {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 5px;}
.com-comment-box .box-01 > .hd-box .info-box {display: flex; flex-wrap: wrap; align-items: center; row-gap: 5px; column-gap: 12px;}
.com-comment-box .box-01 > .hd-box .info-box .name {font-size: 14px; font-weight: 600;}
.com-comment-box .box-01 > .hd-box .info-box .name.my-reply {color: var(--contents--accent-color);}
.com-comment-box .box-01 > .hd-box .info-box .date {font-size: 12px; color: #666;}
html[data-mode="dark"] .com-comment-box .box-01 > .hd-box .info-box .date {color: #999;}
.com-comment-box .box-01 > .hd-box .util-list {--col-gap-pd-r: 10px; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--col-gap-pd-r); row-gap: 5px;}
.com-comment-box .box-01 > .hd-box .util-list li {}
.com-comment-box .box-01 > .hd-box .util-list li:not(:last-of-type) {border-right: 1px solid #aaa; padding-right: var(--col-gap-pd-r);}
.com-comment-box .box-01 > .hd-box .util-list a {}
.com-comment-box .box-01 > .hd-box .util-list a:where(:hover,:focus) {text-decoration: underline; text-underline-position: under;}
.com-comment-box .comment-ctt {font-size: 15px; color: #333; margin-top: 12px;}
html[data-mode="dark"] .com-comment-box .comment-ctt {color: var(--contents--primary);}
.com-comment-box .com-reply-write-box {margin-top: 15px;}

@media screen and (max-width: 768px) {
    .com-comment-box {--pd-lr: 15px; --pd-tb: 12px;}
    .com-comment-box, .com-comment-box > .inner {gap: 8px;}
    .com-comment-box .box-01 > .hd-box .info-box {column-gap: 10px;}
    .com-comment-box .box-01 > .hd-box .info-box .name {font-size: 13px;}
    .com-comment-box .box-01 > .hd-box .info-box .date {font-size: 11px;}
    .com-comment-box .box-01 > .hd-box .util-list {--col-gap-pd-r: 5px; font-size: 12px;}
    .com-comment-box .comment-ctt {font-size: 14px; margin-top: 10px;}
    .com-comment-box > .icon-reply {width: 10px; margin-top: 15px;}
    .com-comment-box > .inner .icon-lock {width: 10px; margin-top: 12px;}
}


/* 게시글 내용없음 */
.com-no-content {color: #000; font-size: 16px; text-align: center; padding: 90px 0;border-bottom: 1px solid var(--border--table-td);}

/* 신청자없음*/
#apply-list-wrap .com-no-content{padding: 30px 0;}



/**********************************************

    sub02 - 홍보자료실

***********************************************/
/* 게시판 검색창 */
.pr-srch-box {width: fit-content; float: right; display: flex; align-items: center; justify-content: flex-end; gap: 50px; margin-bottom: 20px; padding: 10px 5px; border-bottom: 1px solid #aaa;}
.pr-srch-box select {height: 40px; width: 120px; padding: 5px 5px; background: #fff url(/resources/user/promo/img/icon/icon_arrow_down.svg) calc(100% - 5px) center no-repeat;}
.pr-srch-box .input-box {display: flex; align-items: center; justify-content: space-between;}
.pr-srch-box input {height: 40px; padding: 5px 10px; width: calc(100% - 34px);}
.pr-srch-box input::placeholder {color: #666; font-weight: 300;}
.pr-srch-box button {width: 34px; height: 34px; background: #090605; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;}

@media screen and (max-width: 1080px) {
    .pr-srch-box {padding: 5px; gap: 10px;}
    .pr-srch-box select {font-size: 14px; width: 80px;}
    .pr-srch-box input {font-size: 14px;}
    .pr-srch-box button {width: 28px; height: 28px;}
    .pr-srch-box button img {width: 14px;}
}


/**********************************************
    홍보자료실 게시판 공통 부분
***********************************************/
.pr-com-brd {display: grid; grid-template-columns: repeat(3, 1fr); gap: 55px;}
.pr-com-brd .thumbnail {position: relative;}
.pr-com-brd .img-box {width: 100%; max-height: 265px; overflow: hidden; border-radius: 25px;  transform: translateZ(0);border: 1px solid #ddd;}
.pr-com-brd .thumbnail img { transition: all ease .5s; width: 100%;}
.pr-com-brd .fullScreen_btn {position: absolute; z-index: 1; right: 30px; transition: all ease .5s; top: 30px; background: #fff; padding: 5px; border-radius: 3px; display: none;}
.pr-com-brd .thumbnail:hover .img-box img {filter: brightness(0.5); transform: scale(1.15);}
.pr-com-brd .thumbnail:hover .fullScreen_btn, .pr-com-brd .thumbnail:hover .download_btn {display: flex;}
.pr-com-brd .fullScreen_btn:hover, .pr-com-brd .download_btn:hover {background: #aaa;}

.pr-com-brd .title_box {padding: 0 18px; margin-top: 25px;}
.pr-com-brd .title_box p, .pr-com-brd .title_box a {font-size: 18px; font-weight: 500; display: flex;}
.pr-com-brd .title_box p img, .pr-com-brd .title_box a img {padding-left: 5px;}
.pr-com-brd .title_box span {font-size: 14px; color: #333;}

.pr-com-brd .download_btn {align-items: center; justify-content: center; gap: 5px; background: #fff; padding: 5px 10px; border-radius: 30px; font-size: 13px; font-weight: 500; display: none;}
.pr-com-brd .download_box {position: absolute; right: 30px; bottom: 20px;}
.pr-com-brd .download_box > li  {position: relative;  z-index: 10;}
.pr-com-brd .download_box > li > ul {position: absolute; top: 100%; right: 0; width: 210%; margin-top: 5px; background: #fff; padding: 8px 15px; border-radius: 20px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25); display: none;}
.pr-com-brd .download_box > li > ul li a {display: block; width: 100%; font-size: 15px; padding: 5px 0;}
.pr-com-brd .download_box > li > ul li a:hover {text-decoration: underline; color: #555;}

@media screen and (max-width: 1080px) {
    .pr-com-brd {gap: 30px;}
    .pr-com-brd .img-box {max-height: 230px; border-radius: 15px;}
    .pr-com-brd .title_box {margin-top: 15px; padding: 0; padding-right: 15px;}
    .pr-com-brd .title_box p {font-size: 15px;}

    .pr-com-brd .download_box > li > ul li a {font-size: 13px;}
}
@media screen and (max-width: 768px) {
    .pr-com-brd {grid-template-columns: repeat(2, 1fr);}
    .pr-com-brd .thumbnail {border-radius: 12px;}
    .pr-com-brd .fullScreen_btn {top: 15px; right: 15px;}
    .pr-com-brd .download_box {bottom: 15px; right: 15px;}
}
@media screen and (max-width: 480px) {
    .pr-com-brd {grid-template-columns: 1fr;}
}


/**********************************************
    sub0201 - 언론보도
***********************************************/
.tbl_wrap {width: 100%; overflow: hidden;  overflow-x: auto;}
.pr-com-brd-01 {min-width: 630px;}
.pr-com-brd-01 th {padding: 20px 0; border-top: 2px solid #C4B49D; border-bottom: 1px solid #aaa;}
.pr-com-brd-01 td {padding: 20px 0; border-bottom: 1px solid #ddd; text-align: center;}
.pr-com-brd-01 td:nth-of-type(2) {text-align: start;}
.pr-com-brd-01 td:nth-child(n+3):nth-child(-n+6) {color: #333;}
.pr-com-brd-01 td a {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pr-com-brd-01 td img {margin: 0 auto;}
.pr-com-brd-01 td img.icon-lock {margin: 0 5px;}
.pr-com-brd-01 td img:hover {filter: brightness(1.1);}
.pr-com-brd-01 .icon-new {margin: 0 !important; padding-left:5px;}

@media screen and (max-width: 1080px) {
    .tbl_wrap::-webkit-scrollbar{height: 8px; background: #C4B49D22;}
    .tbl_wrap::-webkit-scrollbar-thumb {border-radius: 7px; background: #C4B49D;}
    .pr-com-brd-01 th {font-size: 14px; padding: 15px 0;}
    .pr-com-brd-01 td {font-size: 14px; padding: 15px 0;}
}


/**********************************************
    sub0201 - 언론보도 - 상세글 보기
***********************************************/
.pr-com-post-hd {display: grid; gap: 20px; padding: 30px 20px; text-align: center; border-top: 2px solid #C4B49D; border-bottom: 1px solid #ddd;}
.pr-com-post-hd.no_line {border-top: 1px solid #707271; border-bottom: 0;}
.pr-com-post-hd p {font-size: 19px; font-weight: 500; word-break: keep-all;}
.etc-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.etc-list li {font-size: 15px; color: #333;}
.etc-list li::after {content: '\007C'; margin: 0 15px; font-weight: 100; color: #333;}
.etc-list li:last-of-type::after {content: none;}

.pr-com-post-files {font-size: 15px; background: #fbfbfb; border-top: 1px solid #ddd; padding: 30px 25px;}
.pr-com-post-files button {display: flex; gap: 12px; align-items: center; text-align: left;}

.pr-com-post-content {min-height: 300px; padding: 55px 60px; font-size: 17px; line-height: 1.6; font-weight: 400;}

.file-link {display: flex; align-items: center; justify-content: flex-start; gap: 5px; margin-bottom: 30px;}
.file-link p {font-weight: 500;}
.file-link a {display: block; text-decoration: underline; color: #007DD8;}

.pr-com-post-move-box {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.pr-com-post-move-box > div {display: flex; align-items: center; padding: 15px 25px; gap: 45px;}
.pr-com-post-move-box > div:not(:last-of-type) {border-bottom: 1px solid #ddd;}
.pr-com-post-move-box dt {flex-shrink: 0; display: flex; align-items: center; gap: 20px; font-weight: 400;}
.pr-com-post-move-box dt img {width: 10px;}
.pr-com-post-move-box .next-box dt img {transform: rotate(180deg);}
.pr-com-post-move-box dd {display: block; width: 100%; overflow: hidden;}
.pr-com-post-move-box dd a {display: block; font-size: 15px; font-weight: 500; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

@media screen and (max-width: 1080px) {
    .pr-com-post-hd {padding: 20px; gap: 15px;}
    .pr-com-post-hd p {font-size: 16px;}
    .etc-list li {font-size: 14px;}
    .etc-list li::after {margin: 0 5px;}

    .pr-com-post-files {padding: 15px 20px; font-size: 14px;}

    .pr-com-post-content {padding: 30px 20px; font-size: 14px;}

    .file-link {font-size: 13px;}

    .pr-com-post-move-box > div {gap: 20px; padding: 10px 20px;}
    .pr-com-post-move-box dt {font-size: 14px; gap: 10px;}
    .pr-com-post-move-box dd a {font-size: 14px;}
}


/**********************************************
    sub0202 - 뉴스플러스
***********************************************/
.pr-com-brd-02 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px;}
.pr-com-brd-02 > a {display: block;}
.pr-com-brd-02 .thumbnail {overflow: hidden; border-radius: 25px; position: relative; transform: translateZ(0);}
.pr-com-brd-02 .thumbnail img {width: 100%; max-height: 872px; transition: all ease .5s;}
.pr-com-brd-02 .title_box {padding: 0 18px; margin-top: 25px;}
.pr-com-brd-02 .title_box p {font-size: 18px; font-weight: 500; transition: all ease .3s; display: flex;}
.pr-com-brd-02 .title_box .icon-new {margin-left: 5px;}
.pr-com-brd-02 .title_box span {font-size: 14px; color: #333;}
.pr-com-brd-02 .news_thumbnail:hover img {filter: brightness(0.5); transform: scale(1.15);}
.pr-com-brd-02 .news_thumbnail:hover .title_box p {color: #777;}
.pr-com-brd-02 .news_thumbnail:hover .title_box span {color: #888;}

@media screen and (max-width: 1080px) {
    .pr-com-brd-02 {gap: 30px;}
    .pr-com-brd-02 .title_box {margin-top: 15px; padding: 0;}
    .pr-com-brd-02 .title_box p {font-size: 15px;}
}
@media screen and (max-width: 768px) {
    .pr-com-brd-02 {grid-template-columns: repeat(4, 1fr);}
    .pr-com-brd-02 .thumbnail {border-radius: 12px;}
}
@media screen and (max-width: 480px) {
    .pr-com-brd-02 {grid-template-columns: repeat(2, 1fr);}
    .pr-com-brd-02 .thumbnail {height: 300px;}
}
@media screen and (max-width: 360px) {
    .pr-com-brd-02 {grid-template-columns:1fr;}
}

/* 뉴스플러스 구독 신청 */
.news-subscript-tbl {width: 950px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; margin-top: 80px; padding: 15px 50px; background: #fff; border: 2px solid #333; border-radius: 50px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.news-subscript-tbl tbody {}
.news-subscript-tbl .tl-box {padding-right: 35px; border-right: 1px solid #ddd;}
.news-subscript-tbl .tl-box p {font-size: 18px; }
.news-subscript-tbl .tl-box p span {display: block; font-size: 22px; font-weight: 600;}
.news-subscript-tbl tbody tr {display: flex; align-items: center; justify-content: space-between; gap: 25px;}
.news-subscript-tbl label {width: fit-content; font-size: 18px; color: #333;}
.news-subscript-tbl input {width: auto; border-radius: 50px !important; background: #ddd; padding: 6px 15px; margin-left: 15px;}
.news-subscript-tbl input#rgtrNm {max-width: 160px;}
.news-subscript-tbl input#rgtrEmlAddr {width: 267px;}
.news-subscript-tbl .subscript_btn {padding: 5px 20px; font-size: 18px; color: #fff; background: #333; border-radius: 30px;}

@media screen and (max-width: 1080px) {
    .news-subscript-tbl {width: fit-content; gap: 15px; padding: 15px; border-radius: 15px;}
    .news-subscript-tbl .tl-box {width: 100%; padding-right: 15px;}
    .news-subscript-tbl .tl-box p {font-size: 16px; }
    .news-subscript-tbl .tl-box p span {font-size: 18px;}
    .news-subscript-tbl tbody tr {gap: 10px;}
    .news-subscript-tbl label {font-size: 15px;}
    .news-subscript-tbl input#rgtrNm {width: 160px; max-width: none;}
    .news-subscript-tbl input#rgtrEmlAddr {width: 160px;}
    .news-subscript-box .subscript_btn {font-size: 15px; padding: 8px 20px; margin-left: auto;}
}
@media screen and (max-width: 768px) {
    .news-subscript-tbl {flex-direction: column; align-items: flex-start;}
    .news-subscript-tbl thead {width: 100%; padding-right: 35px; border-bottom: 1px solid #ddd; border-right: 0;}
    .news-subscript-tbl .tl-box {padding-right: 0; padding-bottom: 10px; border-right: 0;}
    .news-subscript-tbl .tl-box p {font-size: 16px;}
    .news-subscript-tbl .tl-box p span {display: inline-block; font-size: 16px;}
    .news-subscript-tbl tbody tr {flex-wrap: wrap;}
    .news-subscript-tbl td {width: 100%;}
    .news-subscript-tbl label {display: inline-block; width: 50px;}
    .news-subscript-tbl input {margin-left: 0;}
    .news-subscript-tbl input#rgtrNm {width: calc(100% - 55px);}
    .news-subscript-tbl input#rgtrEmlAddr {width: calc(100% - 55px);}
    .news-subscript-tbl td:last-of-type {padding-top: 10px; text-align: center;}
}


/**********************************************
    sub0203 - 홍보자료
***********************************************/
/* 대표 홍보자료 슬라이드 */
.main_asset_slide ul.swiper-wrapper li {max-height: 670px; border-radius: 25px; overflow: hidden;}
.main_asset_slide ul.swiper-wrapper li img {height: 100%; width: 100%;}
.main_asset_info .slideBtn_box {display: flex; align-items: center; justify-content: center; gap: 20px;}
.main_asset_info .slideBtn_box button {width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.main_asset_info .slideBtn_box button {background: #cecece;}
.main_asset_info .slideBtn_box button.prev_btn img {transform: rotate(180deg);}
.main_asset_info .slideBtn_box button.swiper-button-disabled {background: #191B1D;}
.main_asset_info .slideBtn_box button.swiper-button-disabled img {filter: invert(1);}

/* 슬라이드 하단 정보 박스 */
.main_asset_info {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; margin: 30px 0 100px 0; padding: 0 18px;}
.main_asset_info .title_box p {font-size: 24px; font-weight: 500;}
.main_asset_info .title_box span {font-size: 16px; color: #333;}
.main_asset_info .btn-box {display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.main_asset_info .btn-box a {display: block; font-size: 15px; font-weight: 500; width: 100%; max-width: 190px;}
.main_asset_info .download_list {display: grid; gap: 10px;  overflow: hidden; overflow-y: auto; padding-right: 5px;}
.main_asset_info .download_list::-webkit-scrollbar{width: 5px; background: #f7f8fd}
.main_asset_info .download_list::-webkit-scrollbar-thumb {border-radius: 7px; background: #aaa;}
.main_asset_info .download_btn {display: flex; align-items: center; justify-content: center; gap: 5px; background: #191B1D; color: #fff; padding: 5px 10px; border-radius: 30px; font-size: 13px; font-weight: 500;}
.main_asset_info .download_btn img {filter: invert(1);}
.main_asset_info .btn-box:hover button {background: #cecece; color: #333;}
.main_asset_info .btn-box:hover button img {filter: invert(0);}
.main_asset_info .btn-box:hover a {text-decoration: underline;}

/* 대표 홍보자료 모바일일때 다운로드 리스트 */
.slide-box {position: relative;}
.main_asset_slide {max-height: 670px; overflow: hidden;}
.slide-box .download_box {position: absolute; right: 20px; top: 20px; display: none;}
.slide-box .download_btn {display: flex; align-items: center; justify-content: center; gap: 5px; background: #191B1D; color: #fff; padding: 8px 15px; border-radius: 30px; font-size: 14px; font-weight: 500;}
.slide-box .download_btn img {filter: invert(1);}
.slide-box .download_box > li  {position: relative;  z-index: 10;}
.slide-box .download_box > li > ul {position: absolute; top: 100%; right: 0; width: 210%; margin-top: 5px; background: #fff; padding: 10px 15px; border-radius: 20px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25); display: none;}
.slide-box .download_box > li > ul li a {display: flex; font-size: 13px; padding: 5px 10px; letter-spacing: -1.5px; word-break: keep-all;}
.slide-box .download_box > li > ul li a::before {content: ''; display: inline-block; width: 10px; height: 12px; background: url(/resources/user/promo/img/icon/icon_download.png) center no-repeat; margin-top: 3px; margin-right: 5px;}
.slide-box .download_box > li > ul li a:hover {text-decoration: underline; color: #555;}

@media screen and (max-width: 1080px) {
    .main_asset_info {margin: 20px 0 70px 0; align-items: flex-start;}
    .main_asset_info .download_list {display: none;}
    .main_asset_info .title_box p {font-size: 20px;}
    .main_asset_info .title_box span {font-size: 14px;}
    .main_asset_info .slideBtn_box {justify-content: flex-end;}
    .slide-box .download_box {display: block;}
}
@media screen and (max-width: 768px) {
    .main_asset_info {padding: 0;}
    .main_asset_slide ul.swiper-wrapper li {height: 300px;}
    .main_asset_info .slideBtn_box {justify-content: flex-end; gap: 10px;}
    .main_asset_info .slideBtn_box button {width: 30px; height: 30px;}
}
@media screen and (max-width: 480px) {
    .main_asset_info {gap: 0; margin: 15px 0 60px 0;}
    .main_asset_slide ul.swiper-wrapper li {height: 220px;}
    .main_asset_info .slideBtn_box {margin-left: auto;}
    .main_asset_info .title_box p {font-size: 16px;}
    .slide-box .download_box {right: 15px; top: inherit; bottom: 15px;}
    .slide-box .download_btn {font-size: 13px; font-weight: 400;}
    .slide-box .download_box > li > ul {overflow: hidden; overflow-y: auto;}
}


/**********************************************
    sub0204 - 영상자료
***********************************************/
.pr-com-brd-04 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px;}
.pr-com-brd-04 .main_video_box {grid-column: 1 / 3;}
.pr-com-brd-04 .video-box {position: relative; height: fit-content; transition: all ease .5s; }
.pr-com-brd-04 video {width: 100%; border-radius: 25px;}
.pr-com-brd-04 video[poster] {width: 100%; height: 100%;}
.pr-com-brd-04 .play-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: rgba(0, 0, 0, 0.5) url('/resources/user/promo/img/icon/icon_playBtn.svg') no-repeat center center; object-fit: contain; border-radius: 50%; cursor: pointer; display: block;}
.pr_video.playing + .play-button {display: none;}
.pr-com-brd-04 .video-box:hover video.paused + .play-button {display: block;}

.pr-com-brd-04 .video_bt_box {display: flex; align-items: center; justify-content: space-between;}
.pr-com-brd-04 .btn-box {display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.pr-com-brd-04 .btn-box a {display: block; font-size: 15px; font-weight: 500;}

.pr-com-brd-04 .title_box {padding: 0 18px; margin-top: 25px;}
.pr-com-brd-04 .title_box p {font-size: 18px; font-weight: 500;}
.pr-com-brd-04 .title_box span {font-size: 14px; color: #333;}

.pr-com-brd-04 .download_btn {position: absolute; bottom: 20px; right: 25px; display: flex; align-items: center; justify-content: center; gap: 5px; background: #191B1D; color: #fff; padding: 5px 10px; border-radius: 30px; font-size: 13px; font-weight: 400;}
.pr-com-brd-04 .main_video_box .download_btn {display: none;}
.pr-com-brd-04 .video_bt_box .download_btn {display: flex; position: inherit;}
.pr-com-brd-04 .download_btn img {filter: invert(1);}
.pr-com-brd-04 .download_btn:hover {background: #555;}

.pr-com-brd-04 .main_video_box .video-box {height: 812px; object-fit: fill;}
.pr-com-brd-04 .main_video_box .video-box video[poster] {object-fit: fill;}
.pr-com-brd-04 .video-box {height: 390px; object-fit: fill;}
.pr-com-brd-04 .video-box video[poster] {object-fit: fill;}

@media screen and (max-width: 1200px) {
    .pr-com-brd-04 .main_video_box .video-box {height: 650px;}
    .pr-com-brd-04 .video-box {height: 300px;}
}
@media screen and (max-width: 1080px) {
    .pr-com-brd-04 {gap: 30px;}
    .pr-com-brd-04 .play-button {width: 50px; height: 50px; background-size: 40%;}
    .pr-com-brd-04 .title_box {margin-top: 15px; padding: 0;}
    .pr-com-brd-04 .title_box p {font-size: 15px;}
    .pr-com-brd-04 .main_video_box .video-box {height: 500px;}
    .pr-com-brd-04 .video-box {height: 300px;}
}
@media screen and (max-width: 768px) {
    .pr-com-brd-04 {grid-template-columns: 1fr;}
    .pr-com-brd-04 .main_video_box {grid-column: 1;}
    .pr-com-brd-04 video {border-radius: 12px;}
    .pr-com-brd-04 .play-button {width: 40px; height: 40px;}
    .pr-com-brd-04 .download_btn {bottom: 10px; right: 5px;}

    .pr-com-brd-04 .btn-box a {display: none;}

    .pr-com-brd-04 .main_video_box .video-box {height: 300px;}
    .pr-com-brd-04 .video-box {height: 300px;}
}
@media screen and (max-width: 480px) {
    .pr-com-brd-04 .main_video_box .download_btn {display: flex;}
    .pr-com-brd-04 .video_bt_box .download_btn {display: none;}

    .pr-com-brd-04 .main_video_box .video-box {height: 250px;}
    .pr-com-brd-04 .video-box {height: 250px;}
}


/**********************************************
    전대광고 게시판
***********************************************/
.pr-com-brd-05 .thumbnail {overflow: hidden; border-radius: 25px; position: relative;}
.pr-com-brd-05 .thumbnail img { transition: all ease .5s; width: 100%;}
.pr-com-brd-05 button {position: absolute; z-index: 1; right: 30px; transition: all ease .5s;}
.pr-com-brd-05 .fullScreen_btn {top: 30px; background: #fff; padding: 5px; border-radius: 3px; display: none;}
.pr-com-brd-05 .download_btn {bottom: 30px; align-items: center; justify-content: center; gap: 5px; background: #fff; padding: 5px 10px; border-radius: 30px; font-size: 13px; font-weight: 500; display: none;}
/* .pr-com-brd-05 .thumbnail:hover img {filter: brightness(0.5);} */
.pr-com-brd-05 .thumbnail:hover .fullScreen_btn, .pr-com-brd-05 .thumbnail:hover .download_btn {display: flex;}
.pr-com-brd-05 .fullScreen_btn:hover, .pr-com-brd-05 .download_btn:hover {background: #aaa;}
.pr-com-brd-05 .img-box {height: fit-content; max-height: none !important;}

@media screen and (max-width: 768px) {
    .pr-com-brd-05 .fullScreen_btn {top: 20px; right: 20px;}
    .pr-com-brd-05 .download_btn {bottom: 20px; right: 20px;}
}


/* 디자인소스 및 문서서식 썸네일 이미지 크기 다운로드 창 크기 */
.pr-com-brd-06 .thumbnail img {width: 100%; height: 100%;}
.pr-com-brd-08 .thumbnail img {width: 100%; height: 100%;}

.pr-com-brd-09 .thumbnail img {width: 100%;height: 220px;}

@media screen and (max-width: 1200px) {
    .pr-com-brd-09 .thumbnail img {height: 180px;}
}

@media screen and (max-width: 480px) {
    .pr-com-brd-09 .thumbnail img {height: 200px;}
}

/**********************************************************************
    이미지 미리보기 모달창 - 홍보자료, 전대광고, 디자인소스, 문서서식
***********************************************************************/
.img_modal_box {display: none; z-index: 100; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); overflow: hidden; overflow-y: scroll}
.modal_inner {display: flex; flex-direction: column; align-items: center; gap: 15px; padding: 80px 100px;}
.modalBox {max-width: 800px; display: flex; align-items: center; justify-content: center;}
.closeBtn_wrap {width: 100%; max-width: 800px; display: flex; justify-content: flex-end; gap: 15px;}
.closeBtn_wrap button {display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 30px; padding: 13px 20px; font-size: 18px;}
.modal_closeBtn {background: #fff;}
.modal_closeBtn:hover {background: #cecece;}
.modal_downloadBtn {background: #565656; color: #fff;}
.modal_downloadBtn img {filter: invert(1); width: 14px;}
.modal_downloadBtn:hover {background: #777;}

/* 모달창 하단 상세글 설명 추가  */
.description-box {width: 100%; max-width: 800px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #aaa;}
.description-box p {font-size: 15px; color: #fff; font-weight: 300;}

@media screen and (max-width: 1080px) {
    .modal_inner {padding: 70px 50px;}
    .closeBtn_wrap button {padding: 8px 15px; font-size: 14px;}
    .modal_closeBtn img {width: 14px;}
    .modal_downloadBtn img {width: 10px;}

    .description-box p {font-size: 14px;}
}
@media screen and (max-width: 480px) {
    .modal_inner {padding: 50px 40px;}
    .closeBtn_wrap {gap: 10px;}
    .closeBtn_wrap button {padding: 5px 12px; font-size: 13px;}
}




/**********************************************

    게시판 목록 및 글쓰기 버튼

***********************************************/
.pr-com-brd-btn {margin-top: 20px; margin-left: calc(100% - 100px);}
.pr-com-brd-btn div {width: 100px; height: 35px; position: relative; border-radius: 50px; border: 1px solid #aaa; overflow: hidden; background: #fff;}
.pr-com-brd-btn div span {transition: all .35s ease-in-out; font-family: 'SCDream'; display: flex; align-items: center; justify-content: center; padding: 10px 15px; width: 100%; height: 100%; border-radius: 40px;}
.pr-com-brd-btn div:hover span {transform: translateY(-35px);}
.pr-com-brd-btn div.active {background: #191B1D;}
.pr-com-brd-btn div.active span:first-of-type {background: #191B1D; color: #fff; font-weight: 500;}
.pr-com-brd-btn div.active span:last-of-type {border-radius: 0; font-weight: 500;}
.pr-com-brd-btn.mb_show {display: none;}

@media screen and (max-width: 1080px) {
    .pr-com-brd-btn {margin-left: calc(100% - 80px);}
    .pr-com-brd-btn div {width: 80px;}
    .pr-com-brd-btn div span {font-size: 14px;}
}
@media screen and (max-width: 768px) {
    .pr-com-brd-btn.mb_show {display: block;}
}




/**********************************************

    게시판 게시물 수정 및 삭제 - 관리자

***********************************************/
.pr-com-brd-admin li {position: relative;}
.pr-com-brd-admin .adminMotify {position: absolute; right: 0; bottom: 20px;}
.pr-com-brd-admin .adminMotify li {position: relative;}
.pr-com-brd-admin .adminMotify a {display: block; text-align: center;}
.pr-com-brd-admin .adminMotify .adminList {position: absolute; z-index: 2; top: 100%; right: 0; width: 70px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 5px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}
.pr-com-brd-admin .adminMotify li ul li a {padding: 3px 0; font-size: 14px; letter-spacing: 1.5px;}
.pr-com-brd-admin .adminMotify .adminBtn {font-size: 20px; }
.pr-com-brd-admin .adminMotify .adminBtn:hover {color: #aaa;}
.pr-com-brd-admin .adminMotify li ul li a:hover {text-decoration: underline; color: #555;}

/* 홍보자료 슬라이드 관리자 메뉴 */
.main_asset_box.admin {position: relative;}
.adminBtnWrap {position: absolute; left: 15px; top: 15px; z-index: 5; display: flex; gap: 5px;}
.adminBtnWrap li a {display: flex; align-items: center; justify-content: center; font-size: 14px; padding: 5px 15px; background: #191B1D; color: #fff; border-radius: 20px;}
.adminBtnWrap .deleteBtn {background: #cfcfcf; color: #000;}
.adminBtnWrap .motifyBtn:hover {background: #444;}
.adminBtnWrap .deleteBtn:hover {background: #888; color: #eee;}

/* 영상자료 관리자 메뉴 */
.main_video_box {position: relative;}
.pr-com-brd-04.pr-com-brd-admin > div {position: relative;}






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

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

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

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

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

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

}