.guide { max-width: 1920px; background-repeat: no-repeat; background-size: cover; margin-left: auto; margin-right: auto; }

.guide.hide { display: none; }

.sub-page { padding: 40px 0 110px; }

.page-tit { text-align: center; font-size: 40px; font-family: var(--KB); line-height: 150%; font-weight: 600; }

.intro-lnb { margin-top: 40px; margin-bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.intro-lnb > a { width: 50%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #aaa; color: #777; font-size: 20px; font-weight: 600; }
.intro-lnb > a.active { color: var(--green); border-bottom: 2px solid var(--green); }

.intro-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; }
.intro-top > h2 { font-size: 48px; font-family: var(--KB); line-height: 150%; font-weight: 600; }
.intro-top .intro-top__txt { width: 1200px; }
.intro-top .intro-top__txt h3 { font-family: var(--KB); color: var(--green); font-size: 40px; font-weight: 600; }
.intro-top .intro-top__txt p { margin-top: 20px; color: #444; font-size: 24px; font-family: var(--KB); line-height: 1.6em; }
.intro-top .intro-top__boss { text-align: right; font-family: 'SUIT-Regular' !important; }
.intro-top .intro-top__boss span { font-family: 'GowunBatang-Regular'; text-align: center; font-size: 32px; font-weight: 500; display: inline-block; margin: 0 0.25rem; }

.board-lnb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 55px; margin-top: 55px; }
.board-lnb > a { color: #888; font-size: 18px; }
.board-lnb > a:not(:last-child) { margin-right: 16px; }
.board-lnb > a.active { color: var(--green); position: relative; font-weight: 600; }
.board-lnb > a.active::before { content: ''; width: 100%; height: 2px; background-color: var(--green); position: absolute; bottom: -7px; left: 0; }

.board-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.board-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 375px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #aaa; border-radius: 2000em; padding: 0 1.5em; }
.board-search input { display: block; width: 300px; height: 50px; font-size: 18px; }
.board-search button { width: 25px; height: 25px; }

.board-list { border-top: 1px solid #000; }
.board-list > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 70px 40px 20px; border-bottom: 1px solid #ddd; background-image: url(/assets/images/sub/arrow-right.svg); background-repeat: no-repeat; background-position: calc(100% - 40px); }
.board-list > a:hover { background-color: #f7f9e3; }
.board-list .board-list__num { width: 100px; text-align: center; font-size: 18px; }
.board-list .board-list__num img { display: block; margin-left: auto; margin-right: auto; }
.board-list .board-list__tit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 24px; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.board-list .board-list__date { width: 200px; text-align: center; font-size: 16px; color: #888; }

.board-pager { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.board-pager > a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; color: #444; margin: 0 2px; }
.board-pager > a.active { background-color: var(--green); border-radius: 50%; color: #fff; }
.board-pager .board-pager__prev,
.board-pager .board-pager__next { border: 1px solid #eee; background-color: #fafafa; border-radius: 50%; }
.board-pager .board-pager__prev:hover,
.board-pager .board-pager__next:hover { background-color: #fff; border-color: #aaa; }
.board-pager .board-pager__prev { margin-right: 10px; }
.board-pager .board-pager__next { margin-left: 10px; }

.board-inner { max-width: 1200px; margin: 0 auto; }

.board-view { border-top: 2px solid #000; margin-top: 40px; padding: 40px 0; border-bottom: 1px solid #ddd; }

.board-view-menu { color: var(--green); font-size: 18px; text-align: center; font-weight: 600; margin-bottom: 20px; }

.board-view-tit { font-weight: 600; line-height: 1.6em; text-align: center; font-size: 30px; font-family: var(--KB); padding: 0 5%; margin-bottom: 20px; }

.board-view-date { text-align: center; margin-top: 20px; font-size: 16px; color: #888; }

.board-view-file { margin-top: 40px; }
.board-view-file li { background-color: #f8f8f8; padding: 20px; }
.board-view-file li a { padding-left: 30px; font-size: 16px; background-image: url(/assets/images/sub/download.svg); background-repeat: no-repeat; background-position: left center; }
.board-view-file li:not(:last-child) { margin-bottom: 2px; }

.board-view-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.board-view-nav__list { width: 48px; height: 48px; border: 1px solid #aaa; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.board-view-nav__prev,
.board-view-nav__next { width: 375px; }
.board-view-nav__prev p,
.board-view-nav__next p { font-size: 16px; color: #888; margin-bottom: 10px; font-weight: 600; }
.board-view-nav__prev h4,
.board-view-nav__next h4 { font-size: 18px; font-size: 18px; font-weight: 600; }

.board-view-nav__next { text-align: right; }

.parking img { display: block; margin-left: auto; margin-right: auto; }

.facility-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #7b9c75; height: 80px; border-radius: 1em; margin-top: 30px; margin-bottom: 30px; }
.facility-nav button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
.facility-nav button img { max-width: 24px; max-height: 24px; -webkit-filter: grayscale(1); filter: grayscale(1); }
.facility-nav button span { display: block; margin-left: 8px; font-size: 20px; font-weight: 600; color: #4b4949; }
.facility-nav button:not(:last-child) { margin-right: 65px; }
.facility-nav button:not(:last-child)::before { content: ''; width: 1px; height: 24px; background-color: #cacbb2; position: absolute; top: 50%; right: -24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.facility-nav button.active img { -webkit-filter: none; filter: none; }
.facility-nav button.active span { color: #fff; }

.facility-imgs.isHide { height: 0; visibility: hidden; }

.facility-imgs__main { margin-bottom: 40px; position: relative; }
.facility-imgs__main .slick-prev { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 64px; height: 64px; background-image: url(/assets/images/sub/facility_prev.svg); background-repeat: no-repeat; background-position: center center; -webkit-filter: invert(1); filter: invert(1); font-size: 0; }
.facility-imgs__main .slick-next { position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 64px; height: 64px; background-image: url(/assets/images/sub/facility_next.svg); background-repeat: no-repeat; background-position: center center; -webkit-filter: invert(1); filter: invert(1); font-size: 0; }
.facility-imgs__main .item { position: relative; }
.facility-imgs__main .item:not(:last-child) { margin-bottom: 2rem; }

.facility-imgs__info { position: absolute; bottom: 0; width: 100%; border-radius: 0px 0px 4px 4px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000)); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); height: 180px; text-align: center; }
.facility-imgs__info h6 { color: #fff; font-size: 20px; position: relative; padding-bottom: 16px; font-weight: 500; }
.facility-imgs__info h6::before { content: ''; width: 24px; height: 1px; background-color: #cacbb2; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.facility-imgs__info h3 { color: #fff; font-family: var(--KB); font-weight: 600; font-size: 32px; margin-top: 10px; }

.location-map iframe { width: 100%; height: 586px; }

.location-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; }
.location-info > h2 { font-size: 48px; font-family: var(--KB); line-height: 150%; font-weight: 600; }
.location-info .location-info__list { width: 1200px; border-top: 1px solid #222; }
.location-info .location-info__list > li { border-bottom: 1px solid #ddd; padding: 22px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.location-info .location-info__header { width: 120px; font-size: 18px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.location-info .location-info__header img { margin-right: 4px; }
.location-info .location-info__data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; }
.location-info .location-info__data > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.location-info .location-info__data > span:not(:last-child) { margin-bottom: 10px; }
.location-info .location-info__data > span > span { border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0px 10px; color: #fff; }
.location-info .location-info__data img { display: inline-block; margin-right: 4px; }

.program-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 40px; }
.program-list > li > h2 { font-size: 32px; font-weight: 600; font-family: var(--KB); margin-top: 24px; margin-bottom: 16px; }
.program-list > li p { color: #444; font-size: 18px; line-height: 1.4em; padding-left: 12px; position: relative; }
.program-list > li p::before { content: ''; width: 4px; height: 4px; background-color: var(--green); position: absolute; left: 0; top: 10px; }
.program-list > li p:not(:last-child) { margin-bottom: 10px; }

.ad-top { margin-top: 40px; margin-bottom: 20px; }
.ad-top img { width: 100%; }

.ad-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 0; }
.ad-list > li:not(:last-child) { border-bottom: 1px solid #ddd; }
.ad-list > li > h2 { color: #222; font-size: 48px; font-family: var(--KB); font-weight: 600; }
.ad-list > li > div { width: 1200px; }

.ad-list__target { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 2rem; }
.ad-list__target p { text-align: center; margin-top: 1rem; font-size: 24px; font-weight: 600; line-height: 1.6em; }
.ad-list__target p span { font-size: 18px; font-weight: 400; }

.ad-list__document { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem 1.5rem; }
.ad-list__document > div { padding: 24px; background-color: #f4f5e2; border-radius: 8px; color: #222; font-size: 24px; font-weight: 600; }
.ad-list__document > div span { color: #757575; font-size: 18px; font-weight: 500; margin-left: 10px; }

.ad-list__process { display: -webkit-box; display: -ms-flexbox; display: flex; }
.ad-list__process > div { text-align: center; position: relative; }
.ad-list__process > div > img { margin-left: auto; margin-right: auto; }
.ad-list__process > div span > h4 { margin-top: 1rem; color: #222; font-size: 24px; font-weight: 600; }
.ad-list__process > div span > p { margin-top: 1rem; color: #444; font-size: 18px; }
.ad-list__process > div:not(:last-child) { margin-right: 96px; }
.ad-list__process > div:not(:last-child)::before { content: ''; position: absolute; width: 16px; height: 32px; background-image: url(/assets/images/sub/process_arrow.svg); background-repeat: no-repeat; background-size: cover; background-position: center; top: 55%; right: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media all and (max-width: 1500px){
 .intro-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .intro-top .intro-top__txt { width: 100%; margin-top: 1rem; }
 .intro-top .intro-top__txt p { margin-top: 1rem; }
 .location-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .location-info .location-info__list { width: 100%; margin-top: 2rem; }
 .ad-list > li > h2 { margin-bottom: 2rem; }
 .ad-list > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
 .ad-list > li > div { width: 100%; }
 .ad-list__target img { width: 100%; }
 }