@charset "utf-8";
.pl__board .post__btns {padding: 0 1.6rem;}
.pl__board .post__btns.justify-center {padding: 0;}
.pl__board .post__btns a {flex: 1;}

/* 게시판 리스트 헤더 */
.pl__board--list [class*=pl__box][class*=--empty] {border-bottom: .1rem solid var(--stroke-divider);}
.pl__table--header{display: flex; align-items: center; height: 3.2rem;}
.pl__table--header > div{display: flex; align-items: center; gap: .8rem;}
.pl__table--header .table__header--left .pl__select--box{width: 12rem;}
.pl__table--header .table__header--right{margin-left: auto;}
.pl__table--header .table__header--title{display: flex; align-items: center; gap: .4rem;}
.pl__table--header .table__slider{overflow: unset;}
.pl__table--footer{display: flex; flex-direction: column; gap: 2rem;}
.pl__table--footer .footer__col{display: flex; justify-content: center; align-items: center; position: relative; height: 6.4rem;}
.pl__table--footer .footer__btns{display: flex; align-items: center; gap: .4rem; position: absolute; right: 0; top: 0; height: 100%; width: auto;}
.pl__table--footer .footer__search{display: flex; justify-content: center; gap: .8rem;}
.pl__table--footer .footer__search .pl__select--box{width: 8rem;}
/* 게시판 리스트 MO */
[class*=pl__table][class*=--board] .table__item{display: flex; flex-direction: column; padding: 2rem 0;border-bottom: .1rem solid var(--stroke-divider);}
[class*=pl__table][class*=--board] .table__item .item__head{display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem;}
[class*=pl__table][class*=--board] .table__item .item__body .pl__layout {flex-wrap: nowrap;}
[class*=pl__table][class*=--board] .table__item .item__body i{width: 1.6rem;height: 1.6rem;flex-shrink: 0;}
[class*=pl__table][class*=--board] .table__item .item__footer{margin-top: .8rem;}
[class*=pl__table][class*=--board] .table__item .item__list{display: flex; align-items: center;}
[class*=pl__table][class*=--board] .table__item .item__list > li{display: flex; align-items: center;}
[class*=pl__table][class*=--board] .table__item .item__list > li + li::before{content: ""; display: inline-block; background: var(--text-secondary); width: .2rem; height: .2rem; border-radius: 2rem; margin: 0 .5rem;}
[class*=pl__table][class*=--board] .table__item .item__status{display: flex; align-items: center; gap: .4rem;}
[class*=pl__table][class*=--board] .table__item .item__status > div{display: flex; align-items: center; gap: .2rem;}
[class*=pl__table][class*=--board] .table__item .item__status > div i{width: 1.4rem; height: 1.4rem;}
/* 게시판 리스트 PC */
[class*=pl__table] table{table-layout: fixed; width: 100%;}
[class*=pl__table] table:has(thead){border-top: .1rem solid var(--stroke-accent);}
[class*=pl__table] table [class*=pl__typo]{line-height: normal !important;}
[class*=pl__table] table tr th{color: var(--text-secondary); font-size: 1.3rem; font-weight: 400; border-bottom: .1rem solid var(--stroke-divider);}
[class*=pl__table] table thead > tr > th{padding: 1.1rem 0; font-size: 1.3rem; text-align: center; font-weight: 500; line-height: 1.8rem;}
[class*=pl__table] table tbody > tr > :is(th, td){border-bottom: .1rem solid var(--stroke-divider); padding: 1.1rem .8rem;}
[class*=pl__table] table tbody > tr.highlight > :is(th, td){padding: 0 .8rem; height: 4.4rem;}
[class*=pl__table] table tbody > tr.highlight > th{padding: 1.1rem 0.8rem;}
[class*=pl__table] table tbody > tr > td a {display: flex; align-items: center;}
[class*=pl__table] table tbody > tr > td a > i{width: 1.6rem; height: 1.6rem; flex-shrink: 0;}
[class*=pl__table] table tbody > tr > td a > i::after{background: var(--text-secondary); width: 100%; height: 100%;}
[class*=pl__table] table tbody > tr > td a > .table_txt{flex-shrink: 0; line-height: 1.1rem;}
[class*=pl__table] table tbody > tr > td:has(.table__link){padding-right: 2.4rem;}
[class*=pl__table] table tbody > tr > td:has(.table__link) .pl__layout {flex-wrap: nowrap;overflow: hidden;}
[class*=pl__table] table tbody > tr > td:has(.table__link) .pl__layout i {width: 1.6rem;height: 1.6rem;flex-shrink: 0;}
[class*=pl__table] table:has(.pl__table--colgroup) colgroup:not(.pl__table--colgroup){display: none;}
[class*=pl__table] .center{text-align: center;}
[class*=pl__table] .shrink{flex-shrink: 0;}


/* 게시글 상세보기 영역 */
.pl__board--view {margin: 0 -1.6rem;width: calc(100% + 3.2rem);border-top: .1rem solid var(--stroke-border)}
.pl__board--view .view__post {padding: 0 1.6rem;}
.pl__board--view .view__post .post__top{border-bottom: .1rem solid var(--stroke-divider);}
.pl__board--view .view__post .post__top .post__dropdown--btn{width: 2rem; height: 2rem; position: absolute; top: 0; right: 0;}
.pl__board--view .view__post .post__top .top__title{font-size: 0;}
.pl__board--view .view__post .post__top .top__title i{width: 2rem;height: 2rem;vertical-align: bottom;margin-right: .4rem;}
.pl__board--view .view__post .post__top:not(:has(.top__cate)) .top__title{padding-right: 2.4rem;}
.pl__board--view .view__post .post__top .top__title span:not(:last-child){margin-right: .6rem;}
.pl__board--view .view__post .post__top .top__meta{display: flex; align-items: center; gap: .8rem; flex-wrap: wrap;}
.pl__board--view .view__post .post__top .top__meta .meta__author{display: flex; align-items: center; gap: .4rem;}
.pl__board--view .view__post .post__top .top__meta .meta__date{display: flex; align-items: center; gap: .2rem;}
.pl__board--view .view__post .post__top .top__meta .meta__date i.pl__ico--dot{width: .6rem;}
.pl__board--view .view__post .post__top .top__meta .meta__date i.pl__ico--dot::after{background-color: var(--surface-inactive);}
.pl__board--view .view__post .post__body .body__img img{max-width: 100%; height: auto;}
.pl__board--view .view__post .post__body .body__file{justify-content: start; border-radius: var(--border-radius-m);}
.pl__board--view .view__post .post__body .body__file a{width: 100%;}
/* 이전글 */
.pl__post--nav {border: .1rem solid var(--stroke-border);border-width: .1rem 0;gap: 0;}
.pl__post--nav dl + dl {border-top: .1rem solid var(--stroke-divider);}
.pl__post--nav .post__item {display: flex;align-items: center;justify-content: start;gap: 0;width: 100%;height: 4.4rem;}
.pl__post--nav .post__item dt {flex-shrink: 0;width: 7rem;text-align: center;}
.pl__post--nav .post__item dd {margin: 0;display: flex;align-items: center;flex: 1 1 auto;min-width: 0;}
.pl__post--nav .post__title {flex: 1 1 auto;min-width: 0;padding: 0 2.4rem 0 .9rem;}
.pl__post--nav .post__date {flex-shrink: 0;width: 8rem;text-align: center;}
/* QNA 답변하기 영역 */
.pl__answer .answer__content {border-top: .1rem solid var(--stroke-border);padding: 0 1.6rem;}
.pl__answer .answer__top{padding: 3rem 0 2rem; border-bottom: .1rem solid var(--stroke-divider);}
.pl__answer .answer__body .body__cnt{display: flex; flex-direction: column; gap: 1.6rem;}


/* 게시글 글쓰기 영역 */
.pl__board--write {margin: 0 -1.6rem;width: calc(100% + 3.2rem);border-top: .1rem solid var(--stroke-border)}
.pl__board--write .form__content {padding: 0 1.6rem;}
.pl__board--write .pl__table colgroup col {min-width: auto;}
/* 텍스트 입력 박스 */
.pl__board--write .form__input--textarea {border-radius: var(--border-radius-m, .8rem);line-height: 0;}
.pl__board--write .form__input--file {border-radius: var(--border-radius-m, .8rem);}
.pl__board--write .form__input--file .file--detail{margin-left: .6rem;}
.pl__board--write .form__input--file .file__add label {display: flex; align-items: center; gap: .2rem;}
.pl__board--write .form__input--file .file__add label i.pl__ico--plus_circle{width: 2rem; height: 2rem;}
.pl__board--write .form__input--file .file__add label i.pl__ico--plus_circle::after{background: var(--icon-primary); width: 2rem; height: 2rem;}
.pl__board--write .form__input--file .file__add label > .pl__typo--title14{line-height: 2rem;}

/* 블로그 */
.pl__blog .post__btns {justify-content: center;margin-top: 2rem;}
.pl__blog .post__btns a {flex: 1;}

/* 갤러리 */
.pl__gallery :is(.swiper-button-next, .swiper-button-prev){width: 3.4rem; height: 3.4rem; border-radius: 100%; border: 1px solid var(--stroke-border); background: var(--white); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);}
.pl__gallery .swiper-button-next{right: 1.6rem;}
.pl__gallery .swiper-button-prev{left: 1.6rem;}
.pl__gallery .swiper-button-next::after,
.pl__gallery .swiper-button-prev::after{display: none;}
.pl__gallery .gallery__main {border: .1rem solid var(--stroke-border);background: var(--bg-secondary);border-radius: var(--border-radius-m);overflow: hidden;}
.pl__gallery .gallery__thumbs {margin-top: 1.2rem;}
.pl__gallery .gallery__thumbs li {border: .1rem solid var(--stroke-border);background: var(--bg-secondary);border-radius: var(--border-radius-m);overflow: hidden;width: 6.75rem;height: 4.5rem;}
.pl__gallery .gallery__thumbs li + li {margin-left: .6rem;}
.pl__gallery .gallery__thumbs li img {display: block;width: 100%;height: 100%;object-fit: cover;}
.pl__gallery .post__btns {justify-content: center;margin-top: 2rem;}
.pl__gallery .post__btns a {flex: 1;}
.pl__gallery .file__controls {padding-bottom: 1.6rem;}
.pl__gallery .upload__label {height: 15rem;cursor: pointer;}
.pl__gallery .preview__list {display: flex;flex-wrap: wrap;gap: .2rem;}
.pl__gallery .preview__item {position: relative; width: calc(50% - .1rem); height: 14.2rem; border: .1rem solid var(--stroke-border);overflow: hidden;}
.pl__gallery .preview__item img {width: 100%;height: 100%;object-fit: cover;}
.pl__gallery .preview__item input[type="checkbox"] {position: absolute;top: 1rem;left: 1rem;width: 2.4rem;height: 2.4rem; mask: url('../../img/icon/icon_checkbox_off.svg') no-repeat center top / auto 100%;}
.pl__gallery .preview__item input[type="checkbox"]:checked {mask-image: url('../../img/icon/icon_checkbox_on.svg'); background: url('../../img/icon/icon_checkbox_on.svg') no-repeat center top / auto 100%;}
.pl__gallery .preview__item .btn--delete {position: absolute;top: 0;right: 0;background: rgba(0, 0, 0, 0.4);width: 2.8rem;height: 2.8rem;font-size: 0;}
.pl__gallery .preview__item .btn--delete i{width: 2rem;height: 2rem;}
.pl__gallery .preview__item .btn--delete i::after {background-color: #fff;}
.pl__gallery .form__help {margin-top: 1.2rem;}


/* 상담신청 */
.pl__consult .consult__table {border-top: .1rem solid var(--stroke-accent);border-bottom: .1rem solid var(--stroke-divider);}
.pl__consult .table__row {display: flex;flex-direction: column;}
.pl__consult .table__group {display: flex;flex: 1;}
.pl__consult .table__group:has(dt) {border-top: .1rem solid var(--stroke-divider);}
.pl__consult .table__group dt {width: 7rem;flex-shrink: 0;min-height: 5.6rem;}
.pl__consult .table__group dd {flex: 1;}
.pl__consult .consult__date {flex: 1;}
.pl__consult .pl__consult--write .pl__input--text {width: 100%;}
.pl__consult .pl__consult--write .pl__input--date {padding-left: 3.2rem !important;background: url('../../img/icon/icon_calendar.svg') no-repeat left .8rem center/ 2rem 2rem;background-size: 2rem 2rem;}
.pl__consult .pl__consult--write input[type=checkbox] {width: 2rem; height: 2rem; mask: url('../../img/icon/icon_checkbox_off.svg') no-repeat center top / auto 100%;}
.pl__consult .pl__consult--write input[type=checkbox]:checked {mask-image: url('../../img/icon/icon_checkbox_on.svg'); background: url('../../img/icon/icon_checkbox_on.svg') no-repeat center top / auto 100%;}
.pl__consult .pl__consult--write input[type=radio] {width: 1.6rem; height: 1.6rem; mask: url('../../img/icon/icon_radio_off.svg') no-repeat center top / auto 100%;}
.pl__consult .pl__consult--write input[type=radio]:checked {mask-image: url('../../img/icon/icon_radio_on.svg'); background: url('../../img/icon/icon_radio_on.svg') no-repeat center top / auto 100%;}
.pl__consult .pl__select--box {width: 100%;}
.pl__consult .pl__select--box select {appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.pl__consult .consult__etc {padding-top: 1.2rem;border-top: .1rem solid var(--stroke-accent);display: flex;flex-direction: column;}
.pl__consult .consult__etc .table__group {border-top: none;flex-direction: column;}
.pl__consult .consult__etc dt {min-height: auto;}
.pl__consult .consult__etc dd {margin-top: 1rem;}
.pl__consult .consult__agree {padding-top: 1.2rem;border-top: .1rem solid var(--stroke-accent);}
.pl__consult .post__btns {justify-content: center;margin-top: 2rem;}
.pl__consult .post__btns a {flex: 1;}


/* 오시는길 */
.pl__location .map {border: .1rem solid var(--stroke-border);border-radius: var(--border-radius-l);overflow: hidden;}
.pl__location .location__desc {flex-direction: column;}
.pl__location .desc__item {border-radius: var(--border-radius-l);flex: 1;padding-left: 1.6rem;padding-right: 1.6rem;}




/* ======= 반응형 ======= */
/* 모바일 */
@media (min-width: 480px) {
	.pl__gallery .gallery__thumbs li {width: 12.4rem;height: 8.2rem;}
	.pl__gallery .gallery__thumbs li + li {margin-left: 1rem;}
}

/* 태블릿 */
@media (min-width: 768px) {
	.pl__board {padding-top: 3rem;}
	.pl__board .post__btns{margin-top: 1.6rem;padding: 0;}
	.pl__board .post__btns a {flex: none;}
	
	.pl__board--view {margin: 0;width: 100%;border-top: none;}
	.pl__board--view .view__post {padding: 0;}
	.pl__board--view .view__post .post__top{padding: 3rem 2.4rem 2rem !important;border: .1rem solid var(--stroke-border);border-width: .1rem .1rem 0 .1rem;border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;}
	.pl__board--view .view__post .post__top .post__dropdown--btn {display: none;}
	.pl__board--view .view__post .post__top:not(:has(.top__cate)) .top__title {padding-right: 0;}
	.pl__board--view .view__post .post__body{padding: 0 2.4rem 1rem;border: .1rem solid var(--stroke-border);border-width: 0 .1rem .1rem .1rem;border-radius:  0 0 var(--border-radius-l) var(--border-radius-l);}
	.pl__board--view .view__post .body__cnt{border-top: .1rem solid var(--stroke-border);}

	.pl__board--write {margin: 0;width: 100%;border-top: none;}
	.pl__board--write .form__content {padding: 0 2.4rem;border: .1rem solid var(--stroke-border);border-radius: var(--border-radius-l);}
	.pl__answer .answer__content {padding: 0 2.4rem;border: .1rem solid var(--stroke-border);border-radius: var(--border-radius-l);}
	
	.pl__blog .post__btns {justify-content: end;margin-top: 1.6rem;}
	.pl__blog .post__btns a {flex: none;}

	.pl__gallery  :is(.swiper-button-next, .swiper-button-prev) {width: 4.2rem;height: 4.2rem;}
	.pl__gallery  .swiper-button-next{right: 2rem;}
	.pl__gallery  .swiper-button-prev{left: 2rem;}
	.pl__gallery .gallery__wrap {padding: 3rem 2.4rem;border: .1rem solid var(--stroke-border);border-radius: var(--border-radius-l);}
	.pl__gallery .post__btns {justify-content: end;margin-top: 1.6rem;}
	.pl__gallery .post__btns a {flex: none;}
	.pl__gallery .preview__list {gap: 1rem;}
	.pl__gallery .preview__item {width: calc(33.3% - 0.66rem);max-width: none;}

	.pl__consult .table__row {flex-direction: row;}
	.pl__consult .table__group dt {background: var(--bg-secondary);padding: 0 1rem;width: 12.4rem;}
	.pl__consult .consult__date > .pl__layout--column {flex-direction: row;}
	.pl__consult .consult__date .pl__input--text {min-width: 12rem;max-width: 12rem;}
	.pl__consult .consult__date .pl__select--box {min-width: 12rem;max-width: 12rem;}
	.pl__consult .consult__etc {padding-top: 0;border-bottom: .1rem solid var(--stroke-divider);}
	.pl__consult .consult__etc .table__group {flex-direction: row;}
	.pl__consult .consult__etc dd {margin: 1rem;}
	.pl__consult .post__btns {justify-content: end;margin-top: 1.6rem;}
	.pl__consult .post__btns a {flex: none;}

	.pl__location {padding-top: 3rem;}
	.pl__location .location__desc {flex-direction: row;}
	.pl__location .desc__item {padding-left: 2.4rem;padding-right: 2.4rem;}
}

/* 일반 데스크탑 */
@media (min-width: 1200px) {
	.pl__board {padding-top: 4rem;}

	.pl__gallery .gallery__thumbs li {width: 14.7rem;height: 9.8rem;}
	.pl__gallery .preview__item {width: calc(20% - .8rem);}

	.pl__location {padding-top: 4rem;}
}