@charset "utf-8";

.pl__main {position: relative;padding-top: 4rem;}
.pl__main::before {content: '';display: block;width: 100%;height: 1rem;background: var(--brand-primary);position: absolute;left: 0;top: 0;}
.pl__main .banner__slider {border-radius: var(--border-radius-l);overflow: hidden;}
.pl__main .banner__slider li img {width: 100%;}
.pl__main .banner__slider .swiper-pagination {line-height: 0;left: 6.18%;bottom: 9.6%;text-align-last: left;width: auto;}
.pl__main .banner__slider .swiper-pagination-bullet {background: #fff;width: .6rem;height: .6rem;margin: 0 !important;}
.pl__main .banner__slider .swiper-pagination-bullet-active {width: 1.6rem;border-radius: .3rem;}
.pl__main .banner__slider .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 0.6rem !important;}
.pl__main .main__content {gap: 40px;}
.pl__main .main__content > div {padding: 0 1.6rem;}
.pl__main .main__content .banner__img {height: 22rem;border-radius: var(--border-radius-l);overflow: hidden;}
.pl__main .main__content .banner__img img {width: 100%;height: 100%;object-fit: cover;}
.pl__main .pl__board {display: flex;flex-direction: column;gap: 4rem;flex-wrap: wrap;}
.pl__main .pl__board .pl__table--board {padding: .2rem 1.6rem;border: .1rem solid var(--stroke-border);border-radius: var(--border-radius-l);}
.pl__main [class*=pl__table][class*=--board] .table__item {padding: 1.6rem;}
.pl__main [class*=pl__table][class*=--board] .table__item:last-child {border-bottom: none;}
.pl__main .main__content > div:has(.pl__location, .pl__consult) {padding: 0;}
.pl__main .main__content .pl__location {padding: 4rem 1.6rem;background: var(--bg-alternative);}
.pl__main .main__content .pl__consult {padding: 4rem 1.6rem;background: url('../../img/common/consult_bg.png') no-repeat center center/cover;text-align: center;}

/* 태블릿 */
@media (min-width: 768px) {
	.pl__main {padding-top: 6rem;}
	.pl__main::before {height: 1rem;}
	.pl__main .pl__banner .swiper-pagination {left: 5.6%;bottom: 14.5%;}
	.pl__main .main__content > div {padding: 0 3rem;}
	.pl__main .main__content .banner__img {height: 25.8rem;}
	.pl__main .pl__board {gap: 3rem;}
	.pl__main .pl__board .pl__table--board {padding: .4rem 2.4rem;}
	.pl__main [class*=pl__table][class*=--board] .table__item {padding: 2rem 0;}
	.pl__main .main__content .pl__location {padding: 6rem 3rem;}
	.pl__main .main__content .pl__consult {padding: 6rem 3rem;}
}

/* 일반 데스크탑 */
@media (min-width: 1200px) {
	.pl__main .pl__board {flex-direction: row;gap: 3rem 2rem;}
	.pl__main .pl__board > div {width: calc(50% - 1rem);}
}