@charset "utf-8";

/* 
 * content CSS Document
 *
 */

#header{position:relative; background-color:#fff; border-bottom: 1rem solid #f0f0f0;}
#header .head-box {width: 100%; justify-content: right;} 
#header h1.logo {position: absolute; top: 50%; left: 3%; transform: translateY(-50%);}
#header h1.logo a{background-image:url(../images/common/logo-color.svg);}
#header .gnb > li > a {color:#222;}
#header [data-js=mgnb] > a.sw span i, 
#header [data-js=mgnb] > a.sw span:before, 
#header [data-js=mgnb] > a.sw span:after {background: #222;}
#header [data-js=mgnb] > a.sw.active span i, 
#header [data-js=mgnb] > a.sw.active span:before, 
#header [data-js=mgnb] > a.sw.active span:after {background: #fff;}
.trigger .line {background: #222;}

#header .gnb {margin-right: 40rem;}
#header .menu .box {width: 100%;}
.area-aside__top strong {display: none;}
body[data-mgnb=on] #header [data-js=mgnb] {top: 0;}
.trigger.sub {display: block !important;}

/* custom */
.pagination {padding-top: 0; margin-top: 75rem;}

/* common */
#content {padding: 135rem 0 150rem;}
#content.screen{padding:100rem 0;}
.wrap {max-width: 1560rem; margin: 0 auto; padding: 0 40rem;}
.wrap.ty2 {max-width: 1300rem;}
.wrap.ty3 {max-width: 1024rem;}
.wrap.ty4 {max-width: 1200rem;}
.wrap.ty5 {position:relative; max-width: 1400rem;}
.sub-tit {display: table; margin: 0 auto; padding-bottom: 50rem; font-size: 40rem; font-weight: 500; font-family: var(--font-point); text-align: center;}
.sub-tit.ty2 {padding-bottom: 28rem; background: linear-gradient(-90deg, #ec008c, #00a8e5); color: transparent; font-size: 17rem; -webkit-background-clip: text;}
.sub-tit__txt {padding-bottom: 62rem; text-align: center; font-size: 40rem; font-weight: 500; font-family: var(--font-point);}
.mt {margin-top: 72rem;}
.area-reservation .sub-tit {padding-bottom: 95rem;}
.area-btn__comm {display: flex; align-items: center; justify-content: center; margin-top: 58rem; width: 150rem; height: 60rem; background: #0aa2e3; font-size: 17rem; font-weight: 500; color: #fff !important;}
.area-btn__comm.ct {margin: 82rem auto 0;}
.area-btn__comm.ty2 {width: 170rem; margin: 60rem auto 0;}
.area-btn__comm.ty3 {width: 220rem; margin: 35rem auto 0;}
.area-btn__comm.ty4 {width: 220rem; margin-top: 0;}
.area-btn__comm.ty5 {width: 200rem; margin-top: 0;}
 
.area-subVisual {position: relative;}
.area-subVisual .page-tit__wrap {position:static; top: 40%; left: 0; width: 100%; padding: 0 30rem; box-sizing: border-box;}
.area-subVisual .page-tit {max-width: 1560rem; box-sizing: border-box; margin: 0 auto; padding:60rem 0; }
.area-subVisual .page-tit > span {display:block; font-size: 20rem; font-weight: bold; font-family: var(--font-pointEng02); animation: visual-ani2 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.area-subVisual .page-tit h2 {padding-top: 26rem; font-size: 55rem; font-family: var(--font-point); font-weight: 100; animation: visual-ani2 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.lnb__wrap{height:84rem; padding:0 30rem; background:#00a1e1; background-image:linear-gradient(90deg, #00a1e1, #e30782);}
.lnb__wrap .lnb{display:flex; align-items:center; max-width: 1560rem; height:100%; box-sizing: border-box; margin: 0 auto;}


@keyframes visual-ani2 {
	from {opacity: 0; -webkit-transform: translateY(50rem); transform: translateY(50rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0); transform: translateY(0);}
}

.area-subVisual > i {display: none !important; height: 600rem;}
.area-subVisual[data-subLayout="about"] > i {background: url('../images/content/s-visual0602.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="exhibition"] > i {background: url('../images/content/s-visual0202.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="reservation"] > i {background: url('../images/content/s-visual0302.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="collection"] > i {background: url('../images/content/s-visual0402.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="news"] > i {background: url('../images/content/s-visual05.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="history"] > i {background: url('../images/content/s-visual0602.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="school"] > i {background: url('../images/content/s-visual07.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="etc"] {display: none;}

body.etc #content {padding: 200rem 0 150rem;}
body.bt0 #content {padding: 135rem 0 0;}
.area-subVisual[data-subLayout="school"] .lnb {display: none;}

/* lnb */
.lnb .dept {display: flex; align-items: center;}
.lnb .dept > li {position: relative; width: 139rem;}
.lnb .dept > li:nth-child(2) {margin: 0 68rem;}
.lnb .dept > li:nth-child(3) {width: 218rem;}
.lnb .dept > li a {display: block; color: #fff; font-size: 20rem; font-weight: 600;}
.lnb .dept .home {background: url('/images/content/home.svg') no-repeat; width: 23rem; height: 21rem;}
.lnb .dept .home a {display: block; overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 0; text-indent: 100%; white-space: nowrap;}
.lnb .dept_tit a::after {content:''; display:block; position:absolute; top: 9rem; right: 0; width: 7rem; height: 13rem; margin-top: -4rem; background:url('/images/main/ct-arrow_wt.svg') no-repeat; transform: rotate(90deg);}
.lnb .dept_tit a.active::after {transform: rotate(-90deg);}
.lnb .dept_list {display: none; position: absolute; top: 50rem; left: 50%; padding: 25rem 15rem; box-sizing: border-box; background: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0rem 7rem 29rem 0rem; width: 100%; transform: translateX(-50%); z-index: 9;}
.lnb .dept_list > li > .box {display: none;}
.lnb .dept .dept_list li:nth-child(n+2) {padding-top:13rem;}
.lnb .dept .dept_list li a span {color: #666; font-size: 17rem; font-weight: 500; opacity: .5;}
.lnb .dept .dept_list li a span:hover {opacity: 1;}
.lnb .dept .dept_list .depth3 {display: none;}
.lnb .dept > li a.on span {color: #222; opacity: 1;}

/* area_tab */
.area_tab ul {display: flex; justify-content: center;}
.area_tab ul li:nth-child(n+2) {margin: 0 0 0 10rem;}
.area_tab ul li a {display: flex; align-items: center; justify-content: center; width: 150rem; height: 55rem; border: 1rem solid #ddd; font-size: 17rem; font-weight: 500; color: #aaa;}
.area_tab ul li a.on {border: 1rem solid #000022; color: #222;}

/* swiper */
.swiper {position: relative;}
.swiper-button-next::after,
.swiper-button-prev::after {content: '';}
.swiper-button-next {right: 50rem; background: url('../images/content/ic-arrow.svg') no-repeat; width: 34rem; height: 62rem;}
.swiper-button-prev {left: 50rem; background: url('../images/content/ic-arrow.svg') no-repeat; width: 34rem; height: 62rem; transform: rotate(-180deg);}
.swiper-pagination-bullet {width: 6rem; height: 6rem; margin: 0 5rem !important; background: transparent; border: 2rem solid #fff; opacity: 1;}
.swiper-pagination-bullet-active {background: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 30rem !important;}

/* dot */
.dot {position: relative; padding-left: 12rem;}
.dot::before {content: ''; position: absolute; top: 10rem; left: 0; width: 4rem; height: 4rem; background: #ccc; border-radius: 100%;}

/* table */
table.table {border-top: 0; margin-top: 0;}
table.table thead th {background: #f9f9f9 !important;}
table.table thead th {border-bottom: 0; border-right: 1rem solid #ddd;}
table.table thead th[rowspan] {border-right: 1rem solid #ddd;}
table.table thead th[colspan] {border-bottom: 1rem solid #ddd;}
table.table thead th:last-child {border-right: 0;}
table.table thead th.border {border-right: 1rem solid #ddd !important;}
table.table tbody td {border: 1rem solid #ddd;}
table.table th, 
table.table td {padding: 17rem 10rem;}
table.table tbody td.yes i {display: block; width: 14rem; height: 14rem; margin: 0 auto; background: url('../images/content/ic-yes.svg') no-repeat;}
table.table tbody td.no i {display: block; width: 12rem; height: 12rem; margin: 0 auto; background: url('../images/content/ic-no.svg') no-repeat;}


@media (max-width:1580px) {
    #content {padding: 120rem 0;}
    body.bt0 #content {padding: 125rem 0 0;}
    .trigger.sub {display: none !important;}
}
@media (max-width:1500px) {
	.wrap.ty5 { max-width:auto;}
}
@media (max-width:1300px) {
    .swiper-button-prev {left: 30rem; width: 25rem; height: 48rem;}
    .swiper-button-next {right: 30rem; width: 25rem; height: 48rem;}
}
@media (max-width:1200px) {
    .area-aside__top {display: none;}
}
@media (max-width:1024px) {
    #content {padding: 100rem 0;}
    body.bt0 #content {padding: 100rem 0 0;}
    .area-reservation .sub-tit {padding-bottom: 65rem;}
}
@media (max-width:768px) {
    body.etc #content {padding: 180rem 0 150rem;}

    .area_tab.col5 ul li {width: calc(100% / 5);}
    .area_tab.col5 ul li a {width: auto;}
}
@media (max-width:620px) {
    .wrap {padding: 0 25rem;}
    .swiper-button-prev {left: 25rem; width: 20rem; height: 43rem;}
    .swiper-button-next {right: 25rem; width: 20rem; height: 43rem;}
    .area-btn__comm {width: 120rem; height: 50rem; margin-top: 48rem;}
    .area-btn__comm.ct {margin: 65rem auto 0;}
    .area-btn__comm.ty2 {width: 160rem; margin: 40rem auto 0;}

    .bbsSearch[data-type="A"] form {padding: 30rem 0 !important;}
}
@media (max-width:540px) {
    #content {padding: 80rem 0 100rem;}
    body.bt0 #content {padding: 80rem 0 0;}
    body.etc #content {padding: 130rem 0 100rem;}
    .sub-tit,
    .sub-tit__txt {font-size: 30rem;}
    .area-reservation .sub-tit {padding-bottom: 40rem;}

    .area_tab.col3 ul li {width: calc(100% / 3);}
    .area_tab.col3 ul li a {width: auto;}
    .area_tab.col5 ul {display: grid; gap: 8rem; grid-template-columns: 1fr 1fr;}
    .area_tab.col5 ul li {width: 100%;}
    .area_tab.col5 ul li:nth-child(n+2) {margin: 0;}

    .area-subVisual .page-tit__wrap {top: 38%;}
    .area-subVisual > i  {height: 400rem;}
    .area-subVisual .page-tit > span {font-size: 16rem;}
    .area-subVisual .page-tit h2 {font-size: 42rem;}

    .lnb {margin-top: 90rem;}
    .lnb .dept .home {display: none;}
    .lnb .dept > li:nth-child(2) {margin: 0 35rem 0 0;}
    .lnb .dept > li a {font-size: 18rem !important;}

    .mt {margin-top: 60rem;}
    .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10rem !important;}
	.wrap.ty5{padding:0 15rem;}
}


/* 관람안내 */
.area-about__info {display: flex; gap: 60rem; justify-content: center;}
.area-about__info li {display: flex; flex-direction: column; align-items: center; width: 247rem;}
.area-about__info-cir {position: relative; width: 160rem; height: 160rem; margin-bottom: 18rem; border-radius: 100%; background: #f7f7f7;}
.area-about__info-tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.area-about__info-tit em {display: block; padding-top: 18rem; font-size: 20rem; font-weight: 600; color: #222;}
.area-about__info-tit i {display: block;}
.area-about__info-tit i.icon1 {background: url('../images/content/ic-about01.svg') no-repeat; width: 33rem; height: 32rem; margin: 0 auto;}
.area-about__info-tit i.icon2 {background: url('../images/content/ic-about02.svg') no-repeat; width: 33rem; height: 32rem; margin: 0 auto;}
.area-about__info-tit i.icon3 {background: url('../images/content/ic-about03.svg') no-repeat; width: 31rem; height: 33rem; margin: 0 auto;}
.area-about__info-tit i.icon4 {background: url('../images/content/ic-about04.svg') no-repeat; width: 32rem; height: 32rem; margin: 0 auto;}
.area-about__info-etc {line-height: 1.5; font-size: 17rem; font-weight: 300; text-align: center; color: #444;}
.area-about__info-etc.dot {position: relative; padding-left: 15rem; text-align: left; line-height: normal;}
.area-about__slide {margin-top: 95rem;}
/* .area-about__slide-img {height: 600rem;} */
.area-about__slide-img.im1 {background: url('../images/content/im-about0102.jpg') no-repeat center/cover;}
.area-about__slide-img img {width: 100%;}
.area-about__txt {display: flex; justify-content: space-between; margin-top: 72rem;}
.area-about__txt strong {font-size: 35rem;}
.area-about__txt ul li {position: relative; line-height: 1.5; padding-left: 15rem; font-size: 17rem; font-weight: 300; color: #444;}
.area-about__txt ul li::before {content: ''; position: absolute; top: 11rem; left: 0; width: 4rem; height: 4rem; background: #ccc; border-radius: 100%;}
.area-about__txt ul li:nth-child(n+2) {margin-top: 19rem;}
@media (max-width:1300px) {
    .area-about__txt {flex-direction: column;}
    .area-about__txt ul {margin-top: 25rem;}
    .area-about__info {gap: 30rem;}
    /* .area-about__slide-img {height: 500rem;} */
}
@media (max-width:1024px) {
    .area-about__info {gap: 45rem;}
    .area-about__info {gap: 13rem;}
    /* .area-about__slide-img {height: 400rem;} */
}
@media (max-width:768px) {
    .area-about__info {display: grid; grid-template-columns: 1fr 1fr; gap: 40rem 22rem;}
    .area-about__info-cir {width: 100%; height: 130rem; border-radius: 0;}
    .area-about__info-tit i {width: 25rem !important; height: 25rem !important;}
    .area-about__info li {width: auto;}
    .area-about__txt strong {font-size: 30rem;}
    .area-about__txt ul li:nth-child(n+2) {margin-top: 15rem;}
}
@media (max-width:620px) {
    .area-about__info-etc br {display: none;}
    /* .area-about__slide-img {height: 300rem;} */
}

/* 전시 */
.area-exhibition__list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 80rem 40rem;}
.area-exhibition__list-img {display: block; position:relative; width: 100%; aspect-ratio:1/1.414;}
.area-exhibition__list-img:before{content:'상세보기'; opacity:0; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background-color:rgba(0,0,0,0.6); color:#fff; font-size:25px; font-weight:600; text-align:center; transition:opacity 0.3s;}
.area-exhibition__list li a:hover .area-exhibition__list-img:before{opacity:1;}
.area-exhibition__list-img img {width: 100%; height: 100%; object-fit: cover;}
.area-exhibition__list-txt {padding-top: 28rem;}
.area-exhibition__list-txt p {font-size: 22rem; font-weight: 600; color: #222; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; /* display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */}
.area-exhibition__list-txt span {display: block; padding-top: 12rem; font-size: 17rem; font-weight: 300; color: #444;}
@media (max-width:1580px) {
    .area-exhibition__list {gap: 80rem 20rem;}
}
@media (max-width:1024px) {
    .area-exhibition__list {grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:620px) {
    .area-exhibition__list {grid-template-columns: 1fr 1fr; gap: 60rem 20rem;}
    .area-exhibition__list-txt {padding-top: 20rem;}
    .area-exhibition__list-txt p {font-size: 18rem;}
    .area-exhibition__list-txt span {padding-top: 6rem; font-size: 15rem;}  
}

/* 전시 상세페이지 */
.bbsFile .file {display: flex; align-items: center; margin-top: 85rem;}
.bbsFile .file span {display: inline-block; padding-right: 25rem; font-size: 17rem; font-weight: 600; color: #aaa;}
.bbsFile .file > ul {display: flex;}
.bbsFile .file li > *:not(em) {margin-left: 0;}
.bbsFile .file li > a {display: block; padding-left: 10rem; font-size: 16rem; color: #666;}
.bbsFile .file li:nth-child(1) ~ li {margin-top: 0; margin-left: 15rem;}
.bbsFile .file em:before {width: 12rem; height: 16rem;}
.area-detail__top {display: grid; grid-template-columns:500rem auto; gap: 0 112rem; align-items: center;}
.area-detail__img {position: relative; width: 100%; aspect-ratio:1/1.414;}
.area-detail__img img {width: 100%; height: 100%; object-fit: cover;}
.area-detail__label {display: block; position: absolute; top: 0; left: 0; width: 85rem; height: 85rem; background: linear-gradient(-42deg, #ec008c, #00a8e5); text-align: center; line-height: 85rem; color: var(--color-white); font-size: 22rem; font-weight: 600;}
.area-detail__tag {display: block; width: 77rem; height: 35rem; margin-bottom: 40rem; background: #2f3337; text-align: center; line-height: 35rem; font-size: 16rem; font-weight: 500; color: var(--color-white);}
.area-detail__tit {line-height: 1.4; font-size: 40rem; font-weight: 500; /* font-family: var(--font-point); */}
.area-detail__txt {padding-top: 24rem; font-size: 17rem; font-weight: 300; color: #444; line-height: 1.6;}
.area-detail__date {display: block; padding-top: 40rem; font-size: 25rem; font-family: var(--font-point);} 
.area-detail__table {display: flex; justify-content: space-between; margin-top: 38rem; border-top: 2rem solid #222; border-bottom: 2rem solid #222; padding: 20rem 0;}
.area-detail__table.ty2 {margin-top: 68rem;}
.area-detail__table li {display:flex; align-items:center; gap:5rem 15rem; padding: 28rem 25rem;}
.area-detail__table li:nth-child(n+2) {border-left: 1rem dashed #ddd;}
.area-detail__table li span {display: block; font-size: 17rem; font-weight: 600; color: #aaa;}
.area-detail__table li p {display: flex; font-size: 17rem; color: #444;}
.area-detail__table li p em {display: block; width: 39rem; flex: none;}
.area-detail__table li p i {position: relative; padding-left: 10rem; margin-left: 10rem; display: inline-block;}
.area-detail__table li p i::before {content: ''; position: absolute; top: 50%; left: 0; width: 1rem; height: 14rem; background: #e1e1e1; transform: translateY(-50%);}
.area-detail__table li p:nth-of-type(2) {margin-top: 5rem;}
.area-detail__infoTxt {padding-top: 90rem;}
.area-detail__infoTxt strong {font-size: 35rem;}
.area-detail__infoTxt p {padding-top: 24rem; font-size: 17rem; font-weight: 300; color: #444; line-height: 1.6;}
.area-detail__infoTxt .edit-wrap{padding-top:24rem;}
.area-detail__slide {overflow: hidden;}
.area-detail__slide .swiper-slide {aspect-ratio: 626/695; box-sizing:border-box; border:1rem solid #eee;}
.area-detail__slide .detailSwiper .swiper-slide {width: 20%; height: 100%; box-sizing:border-box; margin-top: 12rem; border:1rem solid #ebebeb;}
.area-detail__slide .swiper-slide img {display: block; width: 100%; height: 100%; object-fit:scale-down;}
.area-detail__slide .swiper-button-next{right:20rem;}
.area-detail__slide .swiper-button-prev{left:20rem;}

@media (max-width:1580px) {
    .area-detail__top {gap: 0 72rem;}
}
@media (max-width:1300px) {
    .area-detail__top {align-items: flex-start; gap: 0;}
    .area-detail__top.ty2 {align-items: center; gap: 0 50rem;}
    .area-detail__img {width: 85%;}
}
@media (max-width:1024px) {
    .area-detail__label {width: 60rem; height: 60rem; font-size: 18rem; line-height: 60rem;}
    .area-detail__tag {margin-bottom: 30rem;}
    .area-detail__tit {font-size: 35rem;}
    .area-detail__date {font-size: 20rem;}
    .area-detail__table {flex-direction: column;}
    .area-detail__table li:nth-child(n+2) {border-left: 0; border-top: 1rem solid #ddd;}
    .area-detail__infoTxt strong {font-size: 28rem;}
    .area-detail__top.ty2 {align-items: flex-start;}
    .area-detail__txt br {display: none;}
}
@media (max-width:768px) {
    .area-detail__top {display: block;}
    .area-detail__img {width: 100%;}
    .area-detail__info {margin-top: 60rem;}
    .area-detail__table li {padding: 20rem;}
}
@media (max-width:620px) {
    .bbsFile .file {flex-direction: column; align-items: flex-start; margin-top: 65rem; padding: 22rem 35rem !important;}
    .bbsFile .file > ul {flex-direction: column; margin-top: 15rem;}
    .bbsFile .file li:nth-child(1) ~ li {margin-left: 0; margin-top: 7rem;}
    .area-detail__table {padding: 15rem 0;}    
}
@media (max-width:540px) {
    .area-detail__tit {font-size: 30rem;}
}

/* 시설안내, 상설전시 */
.area-fcmap__cont{margin-top: 50rem;}
.area-fcmap__list-item {display: flex; align-items:center; gap: 112rem;}
.area-fcmap__list-item:nth-child(n+2) {padding-top: 77rem;}
.area-fcmap__list-img img {width: 100%;}
.area-fcmap__list-info {display: flex; align-items: center;}
.area-fcmap__list-info p {font-size: 40rem; font-family: var(--font-point); color: #222;}
.area-fcmap__list-info ul {counter-reset: li; padding: 12rem 0 12rem 50rem; margin-left: 50rem; border-left: 1rem solid #ccc;}
.area-fcmap__list-info ul li {position: relative; padding-left: 35rem;}
.area-fcmap__list-info ul li:nth-child(n+2) {margin-top: 13rem;}
.area-fcmap__list-info ul li::before {content: counter(li); counter-increment: li; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 21rem; height: 21rem; border-radius: 100%; border: 1rem solid #444; text-align: center; line-height: 21rem; font-size: 13rem; font-weight: 600; color: #222;}
.area-fcmap__list-info ul li em {font-size: 17rem; font-weight: 500; color: #000004;}
.area-fcmap__list-info ul li span {display: inline-block; padding-left: 12rem; font-size: 15rem; color: #a3a3a4;}

/* .area-comm__inr {display: flex;}
.area-comm__inr > div {width: 50%;} */
/* .area-comm__slide-img {height: 600rem;} */

.area-comm__inr.ty2 > div {width: 100%;}
.area-comm__inr.ty2 .area-comm__slide-img {position: relative;}
.area-comm__inr.ty2 .swiper-pagination {bottom: 30rem; left: 50%; transform: translateX(-50%);}

.area-comm__slide-img .slide-img {display: block; aspect-ratio: 450/259;}
.area-comm__slide-img .slide-img img {width: 100%; height: 100%; object-fit: cover;}
.area-comm__slide-img .slide-img.ty2 {aspect-ratio: 741/401;}

.area-comm__txt {position: relative; padding: 70rem; background: #f9f9f9; box-sizing: border-box;}
.area-comm__txt::before {content: ''; position: absolute; right: 0; bottom: 0; background: url('../images/content/im-fcTxt.svg') no-repeat; width: 301rem; height: 122rem; opacity: .1;}
.area-comm__txt strong {font-size: 30rem;}
.area-comm__txt p {line-height: 1.7; padding-top: 32rem; margin-top: 32rem; border-top: 1rem solid #e1e1e1; font-size: 17rem; font-weight: 300; color: #444;}



@media (max-width:1580px) {
    .area-fcmap__list-img {width: 45%;}
}
@media (max-width:1300px) {
    .area-comm__txt {padding: 60rem;}
    .area-comm__txt strong {font-size: 30rem;}
}
@media (max-width:1024px) {
    .area-fcmap__list-item {flex-direction: column; gap: 60rem;}
    .area-fcmap__list-img {width: 100%;}
    .area-fcmap__list-item:nth-child(n+2) {margin-top: 77rem; border-top: 1rem solid #ccc;}
    .area-comm__txt p br {display: none;}
    .area-comm__slide .area-comm__txt p br {display: block;}
}
@media (max-width:768px) {
    .area-comm__inr {flex-direction: column;}
    .area-comm__inr > div {width: 100%;}

    .area-fcmap__cont{margin-top: 20rem;}
}
@media (max-width:540px) {
    .area-fcmap__list-info {flex-direction: column; align-items: flex-start;}
    .area-fcmap__list-info ul {margin-left: 0; margin-top: 30rem; padding: 0; border-left: 0;}
    .area-fcmap__list-info p {font-size: 34rem;}
    .area-comm__txt {padding: 40rem;}
    .area-comm__txt strong {font-size: 22rem;}
    .area-comm__txt p {padding-top: 20rem; margin-top: 20rem; font-size: 16rem;}
    .area-comm__txt::before {width: 201rem; height: 82rem;}
    .area-comm__inr.ty2 .swiper-pagination {bottom: 10rem;}
}

/* 오시는길 */
.root_daum_roughmap .wrap_controllers {display: none;}
.area-location__info {display: flex; margin-top: 65rem;}
.area-location__info > div {padding: 0 100rem; box-sizing: border-box;}
.area-location__info strong {position: relative; display: block; padding-left: 47rem; font-size: 25rem; font-weight: 600;}
.area-location__info strong::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.area-location__info .address strong::before {background: url('../images/content/ic-location01.svg') no-repeat; width: 32rem; height: 32rem;}
.area-location__info .tel strong::before {background: url('../images/content/ic-location02.svg') no-repeat; width: 32rem; height: 32rem;}
.area-location__info .traffic strong::before {background: url('../images/content/ic-location03.svg') no-repeat; width: 35rem; height: 32rem;}
.area-location__info p {padding-top: 18rem; font-size: 22rem; font-weight: 500; color: #444;}
.area-location__info .tel {margin-top: 45rem;}
.area-location__info-lt {width: 45%;}
.area-location__info-lt .btn{margin-top:45rem;}
.area-location__info-rt {width: 55%; border-left: 1rem solid #ddd;}
.area-location__info-rt dl {margin-top: 32rem;}
.area-location__info-rt dl div:nth-child(n+2) {padding-top: 35rem;}
.area-location__info-rt dl dt {display: flex; align-items: center; justify-content: center; width: fit-content; padding: 9rem 12rem; margin-bottom: 16rem; background: #2f3337; font-size: 16rem; font-weight: 500; color: #fff;}
.area-location__info-rt dl dd {font-size: 16rem; font-weight: 300; color: #444; line-height: 1.5;}
.area-location__info-rt dl dd i {display: inline-block; padding: 0 4rem; color: #ddd;}
.area-location__info-rt dl dd:nth-of-type(2) {margin-top: 12rem;}
.area-location__info-rt dl dd.point {color: #03a1e2;}
.naver-link {display: flex; align-items: center; justify-content: space-between; width: 220rem; height: 52rem; padding: 0 20rem; margin-top: 60rem; background: #1ec800; font-size: 17rem; font-weight: 500; color: #fff !important; box-sizing: border-box;} 
.naver-link i {display: block; background: url('../images/content/ic-naver.svg') no-repeat; width: 20rem; height: 20rem;}

@media (max-width:1024px) {
    .root_daum_roughmap .wrap_map {height: 500rem !important;}
    .area-location__info > div {padding: 0 50rem;}

}
@media (max-width:1024px) {
    .area-location__info {flex-direction: column;}
    .area-location__info > div {width: 100% !important; padding: 0 30rem;}
    .area-location__info .tel {margin-top: 52rem;}
    .area-location__info-rt {margin-top: 52rem;padding: 52rem 30rem 0 !important; border-top: 1rem solid #ddd; border-left: 0;}
}
@media (max-width:540px) {
    .root_daum_roughmap .wrap_map {height: 350rem !important;}
    .area-location__info {margin-top: 55rems;}
    .area-location__info > div {padding: 0;}
    .area-location__info strong {padding-left: 43rem; font-size: 25rem;}
    .area-location__info .address strong::before,
    .area-location__info .tel strong::before {width: 28rem; height: 28rem;}
    .area-location__info .traffic strong::before {width: 28rem; height: 25rem;}
    .area-location__info p {font-size: 20rem;}
    .area-location__info-rt {padding: 52rem 0 0 !important;}
    .naver-link {margin-top: 45rem;}
}

/* 예약안내, 예약확인 및 취소 */
.area-reservation .link {display: flex; align-items: center; width: fit-content; margin-top: 18rem; padding: 13rem 16rem; background: #fff; color: #999;}
.area-reservation .link i {display: inline-block; padding-right: 10rem; background: url('../images/content/ic-home.svg') no-repeat; width: 13rem; height: 13rem;}
.area-reservation .link b {display: block; padding-right: 4rem; font-weight: 500;}
.area-reservation .link.ty2 {border: 1rem solid #e1e1e1;}
.area-infoBox {padding: 50rem 45rem; background: #f9f9f9; box-sizing: border-box;}
.area-infoBox strong {display: flex; align-items: center; font-size: 25rem; font-weight: 600;}
.area-infoBox strong i {display: block; position: relative; width: 31rem; height: 31rem; margin-right: 15rem; border-radius: 100%; background: url('../images/content/ic-point.svg') no-repeat center/14rem, linear-gradient(-42deg, #ec008c, #00a8e5);}
.area-infoBox ul {padding-top: 30rem;}
.area-infoBox ul li {line-height: 1.5; font-size: 17rem; font-weight: 300; color: #444;}
.area-infoBox ul li em {font-weight: 500; border-bottom: 2rem solid #444;}
.area-infoBox ul li:nth-child(n+2) {margin-top: 28rem;}
.area-infoBox.ty2 {display: flex; flex-direction: column; align-items: center;}
.area-infoBox.ty2 strong {display: flex; flex-direction: column; justify-content: center;}
.area-infoBox.ty2 strong i {width: 35rem; height: 35rem; margin-bottom: 18rem; background: url('../images/content/ic-cir-check.svg') no-repeat;}
.area-infoBox.ty2 ul li:nth-child(n+2) {margin-top: 16rem;}
.area-guide__box {margin-top: 60rem;}
.area-guide__box ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 13rem; text-align: center;}
.area-guide__box-tit i {display: block; background: url('../images/content/im-logoBranding.jpg') no-repeat center, #05154f; overflow: hidden; height: 124rem;}
.area-guide__box-tit p {display: flex; align-items: center; justify-content: center; background: #192361; font-size: 16rem; font-weight: 500; color: #fff;}
.area-guide__box-tit p:nth-of-type(1) {height: 95rem;}
.area-guide__box-tit p:nth-of-type(2) {height: 56rem;}
.area-guide__box-tit p:nth-of-type(3) {height: 62rem;}
.area-guide__box-tit p:nth-of-type(n+2) {border-top: 1rem solid rgba(255,255,255,.1);}
.area-guide__box-item {display: flex; flex-direction: column; justify-content: space-between; border: 3rem solid #efefef;}
.area-guide__box-item span {display: flex; align-items: center; justify-content: center; width: 100%; height: 55rem; font-size: 17rem; font-weight: 300; color: #444; background: #f6f6f9;}
.area-guide__box-item em {padding-top: 8rem; font-size: 17rem; color: #666;}
.area-guide__box-item.active{border:3rem solid #00a1df;}
.area-guide__box-itemTop {display: flex; flex-direction: column; align-items: center; box-sizing: border-box;}
.area-guide__box-itemTop i {display: block; width: 75rem; height: 75rem; margin-top: 45rem; border-radius: 100%;}
.area-guide__box-itemTop .icon1 {background: url('../images/content/ic-rsrvt_info01.svg') no-repeat center/ 27rem 37rem, #f6f6f9;}
.area-guide__box-itemTop .icon2 {background: url('../images/content/ic-rsrvt_info02.svg') no-repeat center/ 38rem 28rem, #f6f6f9;}
.area-guide__box-itemTop .icon3 {background: url('../images/content/ic-rsrvt_info03.svg') no-repeat center/ 32rem 32rem, #f6f6f9;}
.area-guide__box-itemTop .icon4 {background: url('../images/content/ic-rsrvt_info04.svg') no-repeat center/ 29rem 33rem, #f6f6f9;}
.area-guide__box-itemTop .icon5 {background: url('../images/content/ic-rsrvt_info05.svg') no-repeat center/ 35rem 30rem, #f6f6f9;}
.area-guide__box-itemTop .icon6 {background: url('../images/content/ic-rsrvt_info06.svg') no-repeat center/ 32rem 34rem, #f6f6f9;}
.area-guide__box-itemTop p {padding: 20rem 0 45rem; font-size: 17rem; font-weight: 500; line-height: 1.5;}


/* 교육 프로그램 개인예약 */
.area-program__box {display: flex; gap: 100rem;}
.area-program__box .area-comm__slide {position: sticky; top: 20rem; width: 50%; height: 100%;}
.area-program__box .area-comm__slide-img {width: 100%;}
.area-program__box .swiper-slide {width: 100% !important;}
.area-program__box:nth-child(n+2) {margin-top: 100rem;}
.area-program__box.reverse {flex-direction: row-reverse;}

.area-program.grid {display: grid; grid-template-columns: 1fr 1fr; gap: 140rem 78rem;}
.area-program__box.ty2 {flex-direction: column; gap: 45rem;}
.area-program__box.ty2:nth-child(n+2) {margin-top: 0;}
.area-program__box.ty2 .area-comm__slide {position: unset; width: 100%; height: auto;}
.area-program__box.ty2 .area-comm__slide-img {aspect-ratio: 741/401; height: auto;}
.area-program__box.ty2 .area-comm__slide-img img {width: 100%; height: 100%;}
.area-program__box.ty2 .area-program__info {margin-top: 0; width: 100%;}
.area-program__box.ty2 .area-comm__info-table li {padding: 46rem 0;}
.area-program__box.ty2 .area-comm__info-table li:last-child {border-bottom: 1rem solid #ddd;}

.area-program__info {width: 50%; margin-top: 34rem;}
.area-program__info-tit {display: flex; align-items: center; justify-content: space-between;}
.area-program__info-tit a{display: flex; align-items: center; justify-content: center; width:187rem; height: 47rem; box-sizing:border-box; background: #0aa2e3; font-size: 16rem; font-weight: 500; color: #fff;}
.area-program__info:not(.group) .area-program__info-tit a {min-width:100rem; width:auto; padding:0 15rem; margin-top:0;}
.area-program__info h4 {font-size: 35rem;}
.area-comm__info-table {margin-top: 38rem;}
.area-comm__info-table li {padding: 46rem 0;}
.area-comm__info-table li:last-child {padding: 46rem 0 0;}
.area-comm__info-table li:nth-child(n+2) {border-top: 1rem solid #ddd;}
.area-comm__info-table li:nth-child(1) {border-top: 2rem solid #222;}
.area-comm__info-table li p {font-size: 17rem; font-weight: 300; color: #444; line-height: 1.5;}
.area-comm__info-table li p:nth-of-type(n+2) {margin-top: 6rem;}
.area-comm__info-table li p.point {padding-top: 15rem; font-size: 16rem; color: #03a1e2;}
.area-comm__info-table li p b {font-weight: 500;}
.area-comm__info-table .days-detail {display: flex;}
.area-comm__info-table .days-detail em {font-size: 17rem; font-weight: 500; color: #444;}
.area-comm__info-table .days-detail__time {padding-left: 28rem; margin-left: 28rem; border-left: 1rem dashed #e1e1e1;}

.area-comm__info-table span {display: block; position: relative; padding-left: 28rem; margin-bottom: 15rem; font-size: 18rem; font-weight: 500;}
.area-comm__info-table span::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.area-comm__info-table .titIcon01 span::before {background: url('../images/content/ic-title01.svg') no-repeat; width: 19rem; height: 19rem;}
.area-comm__info-table .titIcon02 span::before {background: url('../images/content/ic-title02.svg') no-repeat; width: 17rem; height: 19rem;}
.area-comm__info-table .titIcon03 span::before {background: url('../images/content/ic-title03.svg') no-repeat; width: 19rem; height: 19rem;}
.area-comm__info-table .titIcon04 span::before {background: url('../images/content/ic-title04.svg') no-repeat; width: 19rem; height: 19rem;}
.area-comm__info-table .titIcon05 span::before {background: url('../images/content/ic-title05.svg') no-repeat; width: 20rem; height: 17rem;}
.area-comm__info-table .titIcon06 span::before {background: url('../images/content/ic-title06.svg') no-repeat; width: 16rem; height: 19rem;}
.area-comm__info-table .titIcon07 span::before {background: url('../images/content/ic-title07.svg') no-repeat; width: 19rem; height: 19rem;}
.area-comm__info-table .titIcon08 span::before {background: url('../images/content/ic-title08.svg') no-repeat; width: 23rem; height: 19rem;}
.area-comm__info-table .titIcon09 span::before {background: url('../images/content/ic-title09.svg') no-repeat; width: 20rem; height: 17rem;}
@media (max-width:1580px) {
    .area-program.grid {gap: 130rem 40rem;}
    .area-program__box {gap: 50rem;}
}
@media (max-width:1300px) {    
	.area-program__info.group .area-program__info-tit {flex-direction: column; align-items: start;}
    .area-program__info.group .area-program__info-tit a {margin-top: 20rem;}

    .area-guide__box-tit i {background: url(../images/content/im-logoBranding.jpg) no-repeat center/208rem, #05154f;}
}
@media (max-width:1024px) {
    .area-guide__box ul {grid-template-columns: 1fr 1fr 1fr;}

    .area-comm__info-table {margin-top: 24rem;} 
    .area-comm__info-table li {padding: 38rem 0;}

    .area-program.grid {gap: 100rem 30rem;}
    .area-program__info h4 {font-size: 28rem;}
    .area-program__box.ty2 .area-comm__info-table li {padding: 35rem 0;}
    
}
@media (max-width:768px) {
    .area-comm__info-table {margin-top: 35rem;} 

    .area-program__box {flex-direction: column !important; gap: 45rem;} 
    .area-program__box .area-comm__slide {position: unset; width: 100%; height: auto;}
    .area-program__info {width: 100%; margin-top: 0;}

    .area-program.grid {grid-template-columns: 1fr;}
    .area-program__box.ty2 .area-comm__info-table li {padding: 28rem 0;}
}
@media (max-width:620px) {
    .area-guide__box ul {grid-template-columns: 1fr 1fr;}
}
@media (max-width:540px) {
    .area-infoBox {padding: 50rem 27rem;}
    .area-infoBox .link {flex-direction: column; align-items: flex-start; width: auto;}
    .area-guide__box {margin-top: 45rem;}
    .area-guide__box-item em {font-size: 15rem;}
    .area-guide__box-itemTop i {margin-top: 30rem; width: 68rem; height: 68rem;}
    .area-guide__box-itemTop .icon1 {background: url('../images/content/ic-rsrvt_info01.svg') no-repeat center/ 22rem 32rem, #f6f6f9;}
    .area-guide__box-itemTop .icon2 {background: url('../images/content/ic-rsrvt_info02.svg') no-repeat center/ 33rem 23rem, #f6f6f9;}
    .area-guide__box-itemTop .icon3 {background: url('../images/content/ic-rsrvt_info03.svg') no-repeat center/ 24rem 24rem, #f6f6f9;}
    .area-guide__box-itemTop .icon4 {background: url('../images/content/ic-rsrvt_info04.svg') no-repeat center/ 24rem 27rem, #f6f6f9;}
    .area-guide__box-itemTop .icon5 {background: url('../images/content/ic-rsrvt_info05.svg') no-repeat center/ 30rem 25rem, #f6f6f9;}
    .area-guide__box-itemTop .icon6 {background: url('../images/content/ic-rsrvt_info06.svg') no-repeat center/ 28rem 30rem, #f6f6f9;}
    .area-guide__box-itemTop p {padding-top: 15rem !important;}

    .area-program__info h4 {font-size: 27rem;}
    .area-comm__info-table li {padding: 30rem 0;}
    .area-comm__info-table .days-detail {flex-direction: column;}
    .area-comm__info-table .days-detail__time {padding-left: 0; margin-left: 0;}
    .area-comm__info-table .days-detail em {margin-bottom: 10rem;}

    .area-program.grid {gap: 60rem;}
    .area-program__info h4 {font-size: 22rem;}
    .area-program__box.ty2 .area-comm__info-table {margin-top: 25rem;}

    
}

/* 기증 */
.st0{fill:#BAD3DD;}

.area-donate__info ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding: 32rem 0; margin-top: 0; border-top: 2rem solid #222; border-bottom: 2rem solid #222;}
.area-donate__info ul li {display: flex; flex-direction: column; align-items: center; padding: 29rem 0 !important;  border-top: 0 !important;}
.area-donate__info ul li:nth-child(n+2) {border-left: 1rem dashed #ddd;}

.edu-step__list-wrap {display: flex; align-items:center; justify-content: space-between;}
.edu-step__list h4 {font-size: 28rem; font-weight: 600;} 
.area-edu__step {padding: 100rem 0 130rem; margin-top: 122rem; background: #f9f9f9;}
.area-edu__step.type02 .edu-step__list-wrap{margin-bottom:20rem;}
/* 
.area-edu__step ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 53rem; margin-top: 35rem;}
.area-edu__step ul li {position: relative; padding: 57rem 30rem 72rem; border: 3rem solid #efefef; background: #fff; text-align: center; box-sizing: border-box;}
.area-edu__step ul li em {display: block; padding-top: 30rem; font-size: 17rem; font-weight: 600; color: #00a1df;}
.area-edu__step ul li p {line-height: 1.6; padding-top: 12rem; font-size: 17rem; font-weight: 500;}
.area-edu__step ul li i {display: flex; align-items: center; justify-content: center; width: 75rem; height: 75rem; margin: 0 auto; border-radius: 100%; background: #f2f8fa;}
.area-edu__step ul li:nth-child(1) i svg {height: 32rem;}
.area-edu__step ul li:nth-child(2) i svg {height: 30rem;}
.area-edu__step ul li:nth-child(3) i svg {height: 30rem;}
.area-edu__step ul li:nth-child(4) i svg {height: 33rem;}
.area-edu__step ul li:nth-child(5) i svg {height: 31rem;}
.area-edu__step ul li:nth-child(-n+4)::before {content: ''; position: absolute; top: 50%; right: -40rem; transform: translateY(-50%); background: url('../images/content/ic-edu-arrow.png') no-repeat; width: 37rem; height: 16rem;}
.area-edu__step ul li.active {border: 3rem solid #00a1df;}
.area-edu__step ul li.active i {background: #00a1df;}
.area-edu__step ul li.active i .st0 {fill: #fff;}
*/
.area-edu__step.type02{padding:0; margin-top:0; background-color:transparent;}
.area-edu__step .area-guide__box.ty2 .area-guide__box-itemTop{height:auto; padding-bottom:50rem;}

.area-donate__contacts {margin-top: 50rem;}
.area-donate__contacts ul {display: flex; justify-content: center;}
.area-donate__contacts ul li {font-size: 20rem;}
.area-donate__contacts ul li:nth-child(2) {margin-left: 30rem;}
.area-donate__contacts ul li em {display: inline-block; padding-right: 10rem; font-weight: 600; color: #999;}

@media (max-width:1680px) {
    .area-edu__step ul li {padding: 45rem 20rem;}
    .area-edu__step ul li p br {display: none;}
}
@media (max-width:1300px) {
    .area-edu__step ul {gap: 40rem;}
    .area-edu__step ul li:nth-child(-n+4)::before {right: -35rem; width: 32rem; height: 11rem; background-size: contain;}
}
@media (max-width:1024px) {
    .area-donate__info ul {grid-template-columns: 1fr 1fr 1fr;}
    .area-edu__step ul {grid-template-columns: 1fr 1fr 1fr;}
    .area-edu__step ul li:nth-child(3)::before {display: none;}
    .area-donate__info ul li:nth-child(4) {border-left: 0;}
}
@media (max-width:768px) {
    .area-donate__info ul {grid-template-columns: 1fr 1fr;}
    .area-edu__step {padding: 85rem 0; margin-top: 100rem;}
    .area-edu__step ul {grid-template-columns: 1fr 1fr;}
    .area-edu__step ul li:nth-child(3)::before {display: block;}
    .area-edu__step ul li:nth-child(2)::before,
    .area-edu__step ul li:nth-child(4)::before {display: none;}
    .area-donate__info ul li:nth-child(3),
    .area-donate__info ul li:nth-child(5) {border-left: 0;}
    .area-donate__info ul li:nth-child(4) {border-left: 1rem dashed #ddd;}
}
@media (max-width:540px) {
    .area-donate__info ul {grid-template-columns: 1fr; padding: 0;}
    .area-donate__info ul li {border-left: 0 !important; flex-direction: row; padding: 29rem 35rem !important;}
    .area-donate__info ul li:nth-child(n+2) {border-top: 1rem dashed #ddd !important;}
    /* .area-comm__info-table li p {padding-left: 18rem;}
    .area-comm__info-table span {margin-bottom: 0;} */
    .area-edu__step {padding: 65rem 0 85rem; margin-top: 85rem;}
    .area-edu__step ul {gap: 13rem;}
    .area-edu__step ul li {padding: 34rem 20rem;}
    .area-edu__step ul li i {width: 65rem; height: 65rem;}
    .area-edu__step ul li:nth-child(1) i svg {height: 29rem;}
    .area-edu__step ul li:nth-child(2) i svg {height: 27rem;}
    .area-edu__step ul li:nth-child(3) i svg {height: 27rem;}
    .area-edu__step ul li:nth-child(4) i svg {height: 30rem;}
    .area-edu__step ul li:nth-child(5) i svg {height: 28rem;}
    .area-edu__step ul li:nth-child(-n+4)::before {display: none !important;}
    .area-donate__contacts ul {flex-direction: column;}
    .area-donate__contacts ul li {text-align: center;}
    .area-donate__contacts ul li:nth-child(2) {margin-left: 0; margin-top: 10rem;}
}

/* 봉사활동 안내 */
.area-volunteer {background: url('../images/content/im-volunteer.jpg') no-repeat center/cover; height: 540rem;}
.area-volunteer__tit {display: flex; flex-direction: column; align-items: center;padding: 130rem 94rem 0; text-align: center;}
.area-volunteer__tit i {display: block; background: url('../images/content/ic-volunteer.svg') no-repeat; width: 71rem; height: 63rem;}
.area-volunteer__tit h4 {padding-top: 38rem; font-size: 32rem; font-weight: 400; font-family: var(--font-point); color: #fff;}
.area-volunteer__tit p {line-height: 1.5; padding-top: 20rem; font-size: 22rem; font-weight: 500; color: #fff;}
.area-volunteer__cont {position: relative; background: #fff;}
.area-volunteer__cont ul li {display: flex; padding: 70rem 46rem;}
.area-volunteer__cont ul li:nth-child(n+2) {border-top: 1rem solid #ddd;}
.area-volunteer__cont ul li i {display: block; padding-top: 5rem; font-size: 17rem; font-weight: 600; color: #00a1df;}
.area-volunteer__cont ul li strong {display: block; padding: 0 0 0 6%; font-size: 25rem;}
.area-volunteer__cont ul li p {font-size: 17rem; color: #444; line-height: 1.6;}
.area-volunteer__cont ul li p:nth-of-type(n+2) {margin-top: 10rem;}
.area-volunteer__cont ul li p.point {font-size: 16rem; font-weight: 500; color: #dd0b0b;}
.area-volunteer__cont-tit {display: flex; width: 30%;}
.area-volunteer__notice {padding: 46rem 43rem; margin: 0 80rem; background: #f9f9f9;}
.area-volunteer__notice span {position: relative; display: block; padding-left: 28rem; margin-bottom: 17rem; font-size: 18rem; font-weight: 500;}
.area-volunteer__notice span::before {content: '!'; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 18rem; height: 18rem; border-radius: 100%; background: #202020; color: #fff; font-size: 12rem; font-weight: 700; text-align: center; line-height: 18rem;}
.area-volunteer__notice ul li {position: relative; padding-left:15rem; font-size: 16rem; color: #666; line-height: 1.5;}
.area-volunteer__notice ul li:nth-child(n+2) {margin-top: 12rem;}
.area-volunteer__notice ul li::before {content: ''; position: absolute; top: 8rem; left: 0; width: 6rem; height: 2rem; background: #969696;}
@media (max-width:1024px) {
    .area-volunteer__cont ul li {flex-direction: column;}
    .area-volunteer__cont-tit {margin-bottom: 15rem;}
}
@media (max-width:768px) {
    .area-volunteer {height: 480rem;}
    .area-volunteer__tit {padding: 100rem 94rem 0;}
    .area-volunteer__tit i {width: 67rem; height: 59rem;}
    .area-volunteer__cont ul li {padding: 50rem 40rem;}
    .area-volunteer__cont-tit {width: auto;}
    .area-volunteer__cont ul li strong {padding: 0 0 0 15rem;}  
    .area-volunteer__notice {margin: 0 30rem;} 
}
@media (max-width:620px) {
    .area-volunteer__cont {top: 0; padding: 0;}
    .area-volunteer__cont ul li {padding: 50rem 0;}
    .area-volunteer__notice {margin: 0; padding: 45rem 32rem;}
    .area-volunteer__tit { padding: 128rem 94rem 0;}
}
@media (max-width:540px) {
    .area-volunteer {height: 350rem;}
    .area-volunteer__tit {padding: 83rem 52rem 0;}
    .area-volunteer__tit i {width: 54rem; height: 47rem;}
    .area-volunteer__tit h4 {font-size: 24rem;}
    .area-volunteer__tit p {font-size: 17rem;}
    .area-volunteer__cont ul li {padding: 35rem 0;}
    .area-volunteer__cont ul li strong {font-size: 20rem;}
    .area-volunteer__cont ul li i {padding-top: 3rem; font-size: 15rem;}
    .area-volunteer__notice {padding: 40rem 28rem;}
    .area-volunteer__notice ul li:nth-child(n+2) {margin-top: 8rem;}
}

/* 검색박스 */
.searchBox {position: relative; width: 600rem; margin: 90rem auto 0;}
.searchBox.ty2 {margin: 55rem auto 0;} 
.searchBox input[type="text"] {width: 100%; padding: 0 0 26rem; border: 0; border-bottom: 1rem solid #ddd; background: transparent;}
.searchBox input[type="text"]::placeholder {font-size: 16rem; color: #aaa;}
.searchBox input[type="text"]:focus {outline: none;}
.searchBox button {position: absolute; right: 0; top: -2rem; width: 24rem; height: 23rem; background: url('../images/content/ic-search.svg') no-repeat; text-indent: -9999rem;}

/* 소장품 검색 */
.area-collection__checkBox {position:relative; padding: 30rem 80rem; background: #f7f7f7; border-top:2rem solid #e6e6e6;}
.area-collection__checkBox ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 15rem 0;}
.area-collection__checkBox span {font-size: 17rem; font-weight: 500; color: #222;}
.area-collection__checkBox label {font-size: 17rem; font-weight: 300; color: #fff;}
.area-collection__checkBox input[type="checkbox"] {width: 16rem; height: 16rem; accent-color: #1eb9ee;}
.area-collection__checkBox input[type="checkbox"]{display: none;}
.area-collection__checkBox input[type="checkbox"] + label{position: relative; top: -1rem; display: inline-block; width: 22px; height: 22px; background: #fff; margin-right: 8rem; border: 2px solid #ccc;}
.area-collection__checkBox input[type="checkbox"]:checked + label {background: #222; border: 0;}
.area-collection__checkBox input[type="checkbox"]:checked + label::after{content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 8px; background: url('../images/content/ic-check.svg') no-repeat;}
.area-collection__checkBox:before{display:block; position:absolute; left:40rem; top:-10rem; padding:2rem 15rem; background:#fff; border-radius:50rem; border:2rem solid #e6e6e6; font-size:14rem;}
.area-collection__checkBox.type{margin-top:15rem;}
.area-collection__checkBox:before{content:'시대별';}
.area-collection__checkBox.type:before{content:'유형별';}
.area-collection__list {margin-top: 56rem;}
.area-collection__list ul {display: grid; grid-template-columns:repeat(5, 1fr); gap: 90rem 40rem;}
.area-collection__list .img {display: block; border:1rem solid #efefef; aspect-ratio: 9/10;}
.area-collection__list .img img {width: 100%; height: 100%; object-fit:scale-down;}
.area-collection__list .tit {padding-top: 18rem; font-size: 20rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
@media (max-width:1024px) {
    .area-collection__checkBox {padding: 30rem 40rem;}
    .area-collection__checkBox ul {grid-template-columns: 1fr 1fr 1fr 1fr;}
    .area-collection__list ul {grid-template-columns:repeat(4, 1fr); gap: 70rem 30rem;}
    .area-collection__list .tit {font-size: 18rem;}
}
@media (max-width:768px) {
    .area-collection__list ul {grid-template-columns: 1fr 1fr 1fr; gap: 60rem 25rem;}
    .searchBox {width: 100%;}
}
@media (max-width:620px) {
    .area-collection__checkBox ul {grid-template-columns: 1fr 1fr 1fr;}
    .area-collection__list ul {grid-template-columns: 1fr 1fr;}
}
@media (max-width:540px) {
    .area-collection__checkBox ul {grid-template-columns: 1fr 1fr;}
    .area-collection__list {margin-top: 40rem;}
}

/* 소개 */
.area-history__about-img {position: relative; background: url('../images/content/im-history-about02.jpg') no-repeat center/cover; height: 388rem;}
.area-history__about-img .txt {position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.area-history__about-img .txt span {display: none; font-size: 17rem; font-weight: 700; text-align: center; color: #41475f; text-transform: uppercase;}
.area-history__about-img .txt h4 {line-height: 1.7; padding-top: 45rem; font-size: 35rem; font-weight: 400; text-align: center; font-family: var(--font-point); color: #fff;}
.area-history__about-txt p {line-height: 1.6; font-size: 20rem; font-weight: 300; color: #444;}
.area-history__about-txt p:nth-of-type(n+2) {padding-top: 40rem;}
.area-history__about-txt em {display: block; padding-top: 60rem; font-size: 24rem; font-weight: 500; color: #222; text-align: center;}
@media (max-width:768px) {
    .area-history__about-txt p br {display: none;}
}
@media (max-width:620px) {
    .area-history__about-img {height: 320rem;}
    .area-history__about-img .txt h4 {padding-top: 20rem; font-size: 30rem;}
    .area-history__about-txt p:nth-of-type(n+2) {padding-top: 30rem;}
}
@media (max-width:540px) {
    .area-history__about-img {background-position-x: -300rem;}
    .area-history__about-img .txt h4 {font-size: 28rem;}
}


/* 연혁 */
.area-history__cont {display: flex; gap: 0 116rem;}
.area-history__tit {flex: none; position: sticky; top: 50rem; height: 100%;}
.area-history__tit h4 {font-size: 40rem; font-family: var(--font-point); font-weight: 400;}
.area-history__tit h4 em {color: #0aa2e3;}
.area-history__tit p {padding-top: 50rem; font-size: 18rem; line-height: 1.6;}
.area-history__tit p b {display: block; font-weight: 500;}
.area-history__tit p span {display: block; padding-top: 18rem; color: #444;}
.area-history__list-img {aspect-ratio: 183/76;}
.area-history__list-img img {width: 100%;}
.area-history__list li {display: flex; padding: 50rem 0;}
.area-history__list li:nth-child(n+2) {border-top: 1rem solid #e1e1e1;}
.area-history__list li strong {flex:none; width:25%; font-size: 35rem; font-family: var(--font-point); font-weight: 400;}
.area-history__list-cont {display: flex; font-size: 17rem;}
.area-history__list-cont:nth-child(n+2) {margin-top: 22rem;}
.area-history__list-cont dt {font-weight: 500; flex: none; line-height: 1.5;}
.area-history__list-cont dt.unit1 {width: 52rem;}
.area-history__list-cont dt.unit2 {width: 130rem;}
.area-history__list-cont dd {line-height: 1.5; color: #444;}
.area-history__list-cont dd p {padding-top: 5rem; font-size: 14rem; color: #666;}
@media (max-width:1300px) {
    .area-history__tit {width: 30%;}
    .area-history__tit p b br {display: none;}
    .area-history__tit p span br {display: none;}
}
@media (max-width:1024px) {
    .area-history__cont {flex-direction: column; gap: 30rem 0;}
    .area-history__tit {position: relative; top: 0; height: auto; width: 100%;}
    .area-history__tit p b br {display: block;}
    .area-history__tit p span br {display: block;}
}
@media (max-width:620px) {
    .area-history__tit h4 {font-size: 36rem;}
    .area-history__list li strong {font-size: 30rem;}
    .area-history__list-cont:nth-child(n+2) {margin-top: 18rem;}
    .area-history__list-cont {flex-direction: column;}
    .area-history__list-cont dd {padding-top: 8rem;}
}
@media (max-width:540px) {
    .area-history__tit h4 {font-size: 32rem;}
    .area-history__list li {flex-direction: column; padding: 42rem 0;}
    .area-history__list li strong {margin-right: 0; margin-bottom: 25rem; font-size: 25rem;}
}

/* 조직도 */
.area-organImg {width: 40%; margin: 0 auto;}
.area-organImg img {width: 100%;}
.area-organList {font-size: 17rem;}
.area-organList .list {text-align: left; line-height: 1.5;}
.area-organList .list .dot:nth-child(n+2) {margin-top: 7rem;}
.area-organList .list-inr {margin: 6rem 0 0 6rem;}
.area-organList .list-inr li {position: relative; padding-left: 13rem; font-size: 16rem; color: #888;}
.area-organList .list-inr li::before {content: ''; position: absolute; top: 10rem; left: 0; width: 6rem; height: 2rem; background: #adadad;}
.area-organList .list-inr li:nth-child(n+2) {margin-top: 5rem;}
@media (max-width:1300px) {
    .area-organImg {width: 40%;}
}
@media (max-width:1024px) {
}

/* 자랑스런우리학교 */
#content.screen{position:relative; padding:40rem 0; width:100%; height:100%; box-sizing:border-box; overflow-x:hidden;}
#content.screen:not(.collection){min-height:100vh; background:url(../../images/content/screen/bg.jpg) repeat center; background-size:contain;}
#content.screen .sub-tit:not(.ori){font-family: 'BMEULJIRO'; font-size:75rem; padding-bottom:15rem;}
.area-school__box{position:relative; margin:0 auto; width:100%; min-height:770rem; height:auto; padding:20rem 70rem 30rem; background:#fff; border-radius:20rem; border:3rem solid #222; box-sizing:border-box;  box-shadow: 0px 5px 12.75px 2.25px rgba(0, 0, 0, 0.03); z-index:2;}

.area-school__radioBox {padding-top:30rem; margin-top:30rem;  border-top:1rem dashed #aaa;}
.area-school__radioBox .searchBox.ty2{display:flex; margin:0 auto; width:585rem}
.area-school__radioBox .searchBox input[type="text"]{width:calc(100% - 67rem); height:60rem; padding:20rem; margin:0; border-bottom:none; background:#f9f9f9; border:2rem solid #e7e7e7; border-radius:10rem; box-sizing:Border-box; font-size:20rem; font-weight:400;}
.area-school__radioBox .searchBox input::placeholder{font-size:20rem; color:#aaa;}
.area-school__radioBox .searchBox button{position:relative; top:0; margin-left:7rem; width:60rem; height:60rem; border-radiuS:10rem; box-sizing:Border-box; background:#564d3d url('../images/content/screen/ic-search.svg') no-repeat center; background-size:22rem auto;}
.area-school__radioBox ul {margin:22rem 0 0; display: flex; gap: 10rem; justify-content:center; flex-wrap: wrap;}
.area-school__radioBox label {font-size: 17rem; font-weight: 600; color: #a9a9a9; text-align: center;}
.area-school__radioBox input[type="radio"] {width: 50rem; height: 50rem; accent-color: #1eb9ee;}
.area-school__radioBox input[type="radio"]{display: none;}
.area-school__radioBox input[type="radio"] + label{display: flex; align-items: center; justify-content: center; width: 50rem; height: 50rem; background: #fff; margin-right: 0; border: 2px solid #ccc; border-radius:3rem; font-size:22rem; font-weight:bold; cursor:pointer;}
.area-school__radioBox input[type="radio"]:checked + label {border: 2rem solid #222; color: #222;}
.area-school__list-wrap {margin-top:14rem;}
.area-school__list-wrap .ko_board_count {font-size: 20rem; font-weight: 600;}
.area-school__list-wrap .ko_board_count strong {color:#e30a2e;}
.area-school__list{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:20rem 30rem; min-height:390rem;}
.area-school__list > li{width:100%; height:150rem; border-radius:10rem; background:#f9f9f9; box-sizing:border-box; border:1px solid #ddd;}
.area-school__list > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding:10rem; box-sizing:border-box; word-break:break-word; text-align:center;}
.area-school__list > li .school-name{font-size:50rem; font-family: 'BMEULJIRO'; font-weight:400; color:#222; line-height:1em; line-height:1.2em;}
.area-school__btn {display: flex; align-items: center; justify-content: center; width: 100rem; height: 40rem; margin: 0 auto; background: #fff; font-size: 15rem; color: #888; border: 1rem solid #e1e1e1; transition: all .3s;}
.area-school__btn:hover {border: 1rem solid #0aa2e3; color: #0aa2e3; transition: all .3s;} 
.area-school__noneBox {display: flex; align-items: center; justify-content: center; height: 300rem; border-top: 1rem solid #e1e1e1; border-bottom: 1rem solid #e1e1e1; font-size: 17rem; font-weight: 300; color: #444; text-align: center; line-height: 1.5;}
.area-school__box .pagination{margin-top:30rem}
.student{position:absolute; top:-40rem; z-index:1;}
#content.screen .student.girl{left:150rem;}
#content.screen .student.boy{right:230rem;}
.flower{position:absolute; bottom:0; z-index:3;}
.flower-right{right:0;}
.glass{position:absolute; left:0; right:0; bottom:0; width:100%;}
.glass img{width:100%;}
.cloud{position:absolute;}
.cloud-left{ top:30rem; left:7%; }
.cloud-right{top:100rem; right:8%; }

@media (max-width:1600px) {
	.flower-left{left:-50rem;}
	.flower-left img{height:220rem;}
	.flower-right{right:-20rem;}
	.flower-right img{height:240rem;}
}
@media (max-width:1500px) {
	.flower-right{right:-50rem;}
}
@media (max-width:1300px) {
	#content.screen .student.girl{left:100rem;}
	#content.screen .student.girl img{height:250rem;}
	#content.screen .student.boy{right:140rem;}
	#content.screen .student.boy img{height:270rem;}
	.cloud-left{left:2%;}
	.cloud-right{right:2%;}
	.flower-left{left:-85rem;}
	.flower-left img{height:200rem;}
	.flower-right{right:-110rem;}
	.flower-right img{height:220rem;}
}
@media (max-width:1024px) {
	#content.screen{padding:50rem 0;}
	#content.screen .sub-tit{padding-bottom:30rem; font-size:52rem;}
	#content.screen .student.girl{left:50rem;}
	#content.screen .student.girl img{height:220rem;}
	#content.screen .student.boy{right:90rem;}
	#content.screen .student.boy img{height:230rem;}
	.cloud-left{top:30rem;}
	.cloud-left img{height:75rem; }
	.cloud-right{top:70rem;}
	.cloud-right img{height:45rem; }
	.area-school__box{padding:40rem 50rem; min-height:auto;}
	.area-school__radioBox ul{margin:17rem 0 0; gap:8rem;}
	.area-school__list-wrap{margin-top:22rem;}
	.area-school__list{gap:25rem;}
	.area-school__list > li .school-name{font-size:40rem;}
}
@media (max-width:768px) {
	#content.screen{padding:40rem 0;}
	#content.screen .sub-tit{padding-bottom:20rem; font-size:43rem;}
	#content.screen .student{top:-30rem;}
	#content.screen .student.girl{left:20rem;}
	#content.screen .student.girl img{height:170rem;}
	#content.screen .student.boy{right:40rem;}
	#content.screen .student.boy img{height:180rem;}
	.cloud-left{top:20rem; left:-20rem;}
	.cloud-left img{height:65rem;}
	.cloud-right{top:30rem;}
	.cloud-right img{height:30rem;}
	.area-school__box{padding:40rem;}
	.area-school__radioBox .searchBox.ty2{width:80%;}
	.area-school__radioBox .searchBox input[type="text"]{width: calc(100% - 57rem); height:50rem; padding:10rem 15rem; border-radius:7rem;}
	.area-school__radioBox .searchBox button{width:50rem; height:50rem; border-radius:7rem;}
	.area-school__radioBox ul{gap:6rem;}
	.area-school__radioBox input[type="radio"] + label{width:37rem; height:37rem;}
	.area-school__list{gap:20rem; min-height:315rem;}
	.area-school__list > li{height:150rem;}
	.area-school__list > li .school-name{font-size:34rem;}
}
@media (max-width:620px) {
	#content.screen .sub-tit{font-size:35rem;}
	#content.screen .student{top:-25rem;}
	#content.screen .student.girl{left:20rem;}
	#content.screen .student.girl img{height:145rem;}
	#content.screen .student.boy{right:35rem;}
	#content.screen .student.boy img{height:150rem;}
	.area-school__box{padding:35rem; border-radius:15rem;}
	.area-school__radioBox .searchBox.ty2{width:100%;}
    .area-school__radioBox ul {justify-content: center; flex-wrap: wrap; width:90%; margin:15rem auto 0;}
    .area-school__noneBox {height: 200rem;}
	.area-school__list-wrap{margin:15rem 0 0;}
	.area-school__list-wrap .ko_board_count{font-size:18rem; margin-bottom:10rem;}
	.area-school__list{grid-template-columns: 1fr 1fr; gap:15rem;}
	.area-school__list > li{height:130rem;}
	.area-school__list{gap:20rem; min-height:400rem;}
}
@media (max-width:540px) {
	#content.screen{padding:30rem 0;}
	#content.screen .sub-tit{font-size:27rem; padding-bottom:16rem;}
	#content.screen .student{top:-25rem;}
	#content.screen .student.girl{left:8rem;}
	#content.screen .student.girl img{height:115rem;}
	#content.screen .student.boy{right:25rem;}
	#content.screen .student.boy img{height:120rem;}
	.cloud-left img{height:50rem;}
	.cloud-right{top:48rem; right:1%;}
	.cloud-right img{height:20rem;}
	.area-school__box{padding:20rem 17rem; border-radius:10rem;}
	.area-school__radioBox .searchBox input[type="text"]{width: calc(100% - 45rem); height:40rem; font-size:16rem; padding:10rem; border-radius:5rem;}
	.area-school__radioBox .searchBox input::placeholder{font-size:16rem;}
	.area-school__radioBox .searchBox button{margin-left:5rem; width:40rem; height:40rem; border-radius:5rem; background-size:18rem auto;}
	.area-school__radioBox .searchBox.ty2{width:100%;}
    .area-school__radioBox ul {justify-content: center; flex-wrap: wrap; width:95%; margin:12rem auto 0;}
	.area-school__radioBox input[type="radio"] + label{font-size:20rem; width:35rem; height:35rem;}
	.area-school__list-wrap{margin:15rem 0 0;}
	.area-school__list-wrap .ko_board_count{font-size:16rem; margin-bottom:10rem;}
	.area-school__list{gap:10rem;  min-height:350rem;}
	.area-school__list > li{height:110rem; border-radius:7rem;}
	.area-school__list > li .school-name{font-size:27rem;}
	.area-school__box .pagination{margin-top:20rem;}
	.flower-left img{height:130rem;}
	.flower-right img{height:150rem;}

    .area-school__list thead {display: none;}
    .area-school__list tbody {background: #f9f9f9;}
    .area-school__list tbody tr {display: block; border-top: 1rem solid #e1e1e1; padding: 23rem;}
    .area-school__list tbody tr:first-child {border-top: 2rem solid #999;} 
    .area-school__list tbody td {display: block; padding: 0 !important; text-align: left !important; border: 0 !important;}
    .area-school__list tbody td.school {padding-top: 10rem !important; font-size: 20rem; font-weight: 600; color: #222;}
    .area-school__list tbody td.no {color: #999;}
    .area-school__list tbody td.address {padding-top: 7rem !important; color: #666;}
    .area-school__btn {margin: 15rem 0 0;}
}

/* 자랑스런우리학교 상세페이지 */
#content.screen.detail{padding:50rem 0 45rem;}
/* #content.screen.detail .area-school .sub-tit{font-size:58rem;} */
#content.screen.detail .student.girl{left:170rem;}
#content.screen.detail .student.boy{right:220rem;}
#content.screen.detail .student.girl img{height:260rem;}
#content.screen.detail .student.boy img{height:280rem;}
.area-school__detail {}
.area-school__detail-tit{text-align:center;}
.area-school__detail-name {position:relative; display: flex; align-items: center; justify-content: center;}
.area-school__detail-name h4 {padding-left: 15rem; font-size: 42rem; font-family: var(--font-point); font-weight: 300;}
.area-school__detail-cont {position: relative; width: 1026rem; margin:0 auto; word-break:keep-all;}
.area-school__detail-cont strong {position: relative;display:inline-block; padding:0 60rem; margin:25rem auto 0;  font-size: 32rem; text-align: center; font-weight:600; word-break:keep-all;}
.area-school__detail-cont strong::before {content: ''; position: absolute; top:5rem; left: 0; background: url('../images/content/ic-quotation-mark.svg') no-repeat; width: 35rem; height: 24rem;}
.area-school__detail-cont strong::after {content: ''; position: absolute; top:5rem; right: 0; background: url('../images/content/ic-quotation-mark.svg') no-repeat; width: 35rem; height: 24rem; transform: rotate(180deg);}
.area-school__detail-cont .cont-box{position:relative;}
.area-school__detail-cont .cont-box:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#eee;}
.img-list{margin:50rem 0 0; display:grid; gap:60rem; grid-template-columns: 1fr 1fr;}
.img-list > li{width:100%;}
.img-list > li .img{width:100%; border:3rem solid #111; box-sizing:border-box;}
.img-list > li .img img{width:100%;}
.img-list > li .txt{margin:10rem 0 0; text-align:center; font-size:18rem; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.area-school__dt-box{display:grid; gap:60rem; grid-template-columns: 1fr 1fr;}
.area-school__dt-item {width:100%; padding:25rem 0 0; box-sizing:border-box;}
.area-school__dt-top {margin-bottom: 18rem;}
.area-school__dt-top em {font-size: 20rem; font-weight: 700; color: #222;}
.area-school__dt-img {display: flex; justify-content: space-between; gap: 20rem;}
.area-school__dt-img span {position: relative; display: block; aspect-ratio: 86/45; width: 50%;}
.area-school__dt-img span img {width: 100%; height: 100%; object-fit: cover;}
.area-school__dt-history li {font-weight: 300; font-size: 19rem; color: #444;}
.area-school__dt-history li b {display: inline-block; width: 125rem; font-family:'Tahoma', Sans-serif; font-weight: 500; color: #222;}
.area-school__dt-history li:nth-child(n+2) {margin-top: 12rem;}
.area-school__dt-top.flex {display: flex; align-items: center;}
.area-school__dt-top.flex em {position: relative; display: flex; align-items: center; padding-right: 26rem; margin-right: 12rem;}
.area-school__dt-top.flex em::before {content: ''; position: absolute; top: 2rem; right: 0; width: 2rem; height: 20rem; background: #e1e1e1;}
.area-school__dt-top.flex em i {display: block; width: 2rem; height: 20rem; margin: 0 12rem 0 24rem; background: #e1e1e1;}
.area-school__dt-top.flex span {position: relative; display: flex; align-items: center; font-size: 16rem; color: #888;}
.area-school__dt-top.flex span button {width: 26rem; height: 26rem; margin-right: 8rem; background: url('../images/content/ic-play.svg') no-repeat;}
.area-school__dt-lyric {font-size: 19rem; font-weight: 300; color: #444; line-height: 1.6;}
.area-school__detail-cont .area-btn__comm{margin:45rem auto 0; background:#564d3d; border-radius:5rem;}
#content.screen.detail .cloud-left{ top:40rem;}
#content.screen.detail .cloud-right{top:80rem; right:8%; }
.btn-reset{display:inline-block; position:relative; top:0; margin-left:7rem; width:60rem; height:60rem; border-radius:10rem; box-sizing:border-box; background:#564d3d url('../images/content/screen/ico_reset.svg') no-repeat center; background-size:22rem auto; font-size:0;}
@media (max-width:1300px) {
	#content.screen.detail .student.girl{left:150rem;}
	#content.screen.detail .student.girl img{height:240rem;}
	#content.screen.detail .student.boy{right:180rem;}
	#content.screen.detail .student.boy img{height:260rem;}
	#content.screen.detail .cloud-left{top:25rem; right:2%;}
	#content.screen.detail .cloud-right{top:70rem; right:2%;}
	#content.screen.detail .sub-tit{padding-bottom:35rem;}
    .area-school__detail {flex-direction: column;}
    .area-school__detail-name {position: relative; top: 0; height: auto;}
    .area-school__detail-cont {width: 100%;}
}
@media (max-width:1024px) {
	#content.screen.detail .area-school .sub-tit{font-size:52rem; padding-bottom:30rem;}
	#content.screen.detail .student.girl{left:50rem;}
	#content.screen.detail .student.girl img{height:220rem;}
	#content.screen.detail .student.boy{right:90rem;}
	#content.screen.detail .student.boy img{height:230rem;}
	.area-school__detail-name h4{font-size:40rem;}
	.area-school__detail-cont strong{margin:20rem auto 0; font-size:30rem; padding:0 50rem;}
	.img-list{margin:40rem 0 0;}
}
@media (max-width:768px) {
   #content.screen.detail{padding:40rem 0;}
   .area-school__detail-cont strong {width: 70%;}
	#content.screen.detail .area-school .sub-tit{font-size:43rem; padding-bottom:20rem;}
	#content.screen.detail .student.girl{left:20rem;}
	#content.screen.detail .student.girl img{height:170rem;}
	#content.screen.detail .student.boy{right:40rem;}
	#content.screen.detail .student.boy img{height:180rem;}
	.area-school__detail-name img{height:40rem;}
	.area-school__detail-name h4{font-size:37rem;}
	.area-school__detail-cont strong{padding:0 40rem; font-size:27rem;}
	.area-school__detail-cont strong::after,
	.area-school__detail-cont strong::before{width:30rem; height:20rem;}
	.img-list{margin:30rem 0 0; gap:30rem;}
	.area-school__dt-box{gap:30rem;}
	.area-school__dt-history li b{display:block;}
	.area-school__dt-top.flex em{padding-right:15rem;}
	.area-school__detail-cont .area-btn__comm{margin:35rem auto 0; height:54rem; width:125rem;}
}
@media (max-width:620px) {
	#content.screen.detail .area-school .sub-tit{font-size:35rem;}
	#content.screen.detail .student.girl{left:20rem;}
	#content.screen.detail .student.girl img{height:145rem;}
	#content.screen.detail .student.boy{right:35rem;}
	#content.screen.detail .student.boy img{height:150rem;}
	.area-school__detail-name img{height:35rem;}
	.area-school__detail-name h4{font-size:30rem;}
	.area-school__detail-cont strong{font-size:24rem; width:80%;}
    .area-school__dt-img {flex-direction: column;}
    .area-school__dt-img span {width: 100%;}
}
@media (max-width:540px) {
	#content.screen.detail{padding:30rem 0;}
	#content.screen.detail .area-school .sub-tit{font-size:27rem; padding-bottom:16rem;}
	#content.screen.detail .student{top:-25rem;}
	#content.screen.detail .student.girl{left:8rem;}
	#content.screen.detail .student.girl img{height:115rem;}
	#content.screen.detail .student.boy{right:25rem;}
	#content.screen.detail .student.boy img{height:120rem;}
	#content.screen.detail .cloud-left{top:15rem;}
	#content.screen.detail .cloud-right{top:50rem; right:1%;}
    .area-school__detail-cont strong {margin:10rem auto 0; padding:0 25rem; font-size:20rem;}
    .area-school__detail-cont strong::after, .area-school__detail-cont strong::before{width:20rem; height: 15rem;}
    .area-school__detail-name h4 {font-size: 25rem;}
	.img-list{margin:15rem 0 0; gap:10rem; grid-template-columns: 1fr;}
	.img-list > li .txt{font-size:17rem;}
	.area-school__detail-cont .cont-box:before{display:none;}
	.area-school__dt-box{gap:20rem; grid-template-columns: 1fr;}
	.area-school__dt-item{padding:0;}
	.area-school__dt-top{margin-bottom:10rem;}
	.area-school__dt-top em{font-size:18rem;}
	.area-school__dt-history li{}
	.area-school__dt-history li:nth-child(n+2){margin-top:10rem;}
	.area-school__dt-top.flex span{font-size:15rem;}
	.area-school__dt-top.flex span button{width:23rem; height:23rem;}
	.area-school__dt-lyric{}
	.area-school__detail-cont .area-btn__comm{margin:15rem auto 0; height:40rem; width:100rem; font-size:16rem;}
	.dot::before{top:9rem;}
}

/* 대관안내 */
.area-about__slide.ty2 {margin-top: 0;}
.area-about__slide.ty2 .area-about__slide-img.im1 {background: url('../images/content/im-about-facility01.jpg') no-repeat center/cover;}
.area-about__slide.ty2 .area-about__slide-img.im2 {background: url('../images/content/im-about-facility02.jpg') no-repeat center/cover;}
.area-about__slide.ty2 .area-about__slide-img.im3 {background: url('../images/content/im-about-facility03.jpg') no-repeat center/cover;}
.area-about__slide.ty2 .area-about__slide-img.im4 {background: url('../images/content/im-about-facility04.jpg') no-repeat center/cover;}
.area-about__slide.ty2 .area-about__slide-img.im5 {background: url('../images/content/im-about-facility05.jpg') no-repeat center/cover;}
.area-about__slide.ty2 ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:20rem;}
.area-about__slide.ty2 li{position:relative;}
.area-about__slide.ty2 .area-about__slide-img{height:auto;}
.area-about__slide .name-tag {display: block; position: absolute; top: 30rem; right: 30rem; padding: 14rem 30rem; background: linear-gradient(-42deg, #ec008c, #00a8e5); font-size: 18rem; font-weight: 500; color: #fff;}
.area-about__rental-tit-wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40rem;}
.area-about__rental-tit {margin-bottom: 20rem; font-size: 28rem; font-weight: 600;}
.area-about__rental-tit-wrap h4 {margin-bottom: 0;}
.area-about__rental-box-wrap > div:nth-child(1) {margin-top: 50rem;}
.area-about__rental-box-wrap > div:nth-child(n+2) {margin-top: 100rem;}
.area-about__rental-info li {line-height: 1.5; font-size: 17rem; color: #444;}
.area-about__rental-info li:nth-child(n+2) {margin-top: 12rem;}
.area-about__rental-info li.dot::before {top: 11rem;}
.table-info {font-size: 16rem; color: #666; padding-top: 20rem;}
.area-guide__box.ty2 {margin-top: 0;}
.area-guide__box.ty2 ul {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.area-guide__box.ty2 i {width: 35rem; height: 35rem; line-height: 35rem; border-radius: 100%; background: #0aa2e3; color: #fff; font-size: 14rem;}
.area-guide__box.ty2 .area-guide__box-itemTop {height: 180rem;}
.area-guide__box.ty2 .area-guide__box-itemTop p {padding: 26rem 8rem 0; font-size: 20rem;}
.area-guide__box.ty2 .area-guide__box-item > p {font-size: 15rem; padding: 0 8rem;}
/* 이미지박스 수정 240326 */
.about-rental__imgBox {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem;}
.about-rental__img {aspect-ratio: 446 / 329;}
.about-rental__img img {width: 100%; height: 100%; object-fit: cover;}
.about-rental__imgBox  .name-tag {display: block; padding: 14rem 30rem 0; font-size: 18rem; font-weight: 500; color: #333; text-align: center;}
@media (max-width:1024px) {
    .area-guide__box.ty2 ul {grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width:620px) {
    .area-about__rental-box-wrap > div:nth-child(1) {margin-top: 0;}
    .area-about__rental-box-wrap > div:nth-child(n+2) {margin-top: 80rem;}
    .area-guide__box.ty2 ul {grid-template-columns: 1fr 1fr;}
    .area-guide__box.ty2 .area-guide__box-itemTop p {font-size: 18rem;}
    .area-about__slide .name-tag {padding: 10rem 15rem; font-size: 17rem;}

    .about-rental__imgBox {grid-template-columns: repeat(1, 1fr); gap: 50rem;}
}
@media (max-width:540px) {
    .area-guide__box.ty2 .area-guide__box-itemTop {height: 160rem;}
    .area-guide__box-item > p {height: 60rem;}
    .table-info {font-size: 14rem;}
}


/* 개인정보처리방침, 이메일무단수집거부 */
.area-etc {line-height: 1.6;}
.area-etc___tit {padding: 32rem 25rem; margin-bottom: 65rem; background: #f9f9f9; font-size: 17rem; font-weight: 300;}
.area-etc__box.int {padding-top: 53rem; margin-top: 53rem; border-top: 1rem solid #ddd;}
.area-etc__box strong {display: block; padding-bottom: 18rem; font-size: 18rem; font-weight: 500;}
.area-etc__box p {font-size: 17rem; font-weight: 300; color: #444;}
.area-etc__box p:nth-of-type(n+2) {padding-top: 8rem;}
.area-etc__box p.ptTy2 {padding-top: 35rem;}
.area-etc__box span {display: block; padding-top: 17rem; font-size: 16rem; font-weight: 300; color: #888;}
.area-etc__box ul {padding-top: 20rem;}
.area-etc__box ul li {position: relative; padding-left: 13rem; color: #444;}
.area-etc__box ul li:nth-child(n+2) {margin-top: 12rem;}
.area-etc__box ul li::before {content: '-'; position: absolute; top: -3rem; left: 0; font-size: 17rem; color: #444;}
@media (max-width:540px) {
    .area-etc___tit {margin-bottom: 40rem;}
    .area-etc__box.int {padding-top: 40rem; margin-top: 40rem;}
}


/* vr */
.area-vr {padding: 100rem 0; margin-top: 72rem; background: #3e4447;}
.area-vr__menu {margin: 0 0 50rem;}
.area-vr__menu ul {display: grid; grid-template-columns: repeat(5,1fr); background: #fff;}
.area-vr__menu ul li {display: flex; justify-content: center; align-items: center; width: 100%; height: 65rem; font-size: 18rem; color: #999; cursor:pointer;}
.area-vr__menu ul li.active {background: #00a1df; color: #fff; font-weight: 600; }
.area-vr__cont ul li {display: none;}
.area-vr__cont ul li.active {display: block;}
@media (max-width:768px) {
    .area-vr__cont ul li iframe {height: 500rem;}
}
@media (max-width:540px) {
    .area-vr {padding: 80rem 0;}
    .area-vr__menu ul {grid-template-columns: repeat(2,1fr);}
    .area-vr__menu ul li:nth-child(n+3) {border-top: 1rem dashed #e8e8e8;}
    .area-vr__menu ul li:nth-child(4) {border-bottom: 1rem dashed #e8e8e8;}
    .area-vr__cont ul li iframe {height: 300rem;}
}

/* mi 안내 */
.mi-titBox {position: relative; width: 100%; border: 1rem solid #ddd; background: url('../images/content/mi-bg.png') repeat; height: 320rem;}
.mi-titBox__logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.mi-titBox__logo img {height: 70rem;}
.mi-info {display: flex; margin-top: 45rem;}
.mi-info__tit {display: flex; flex-direction: column; align-items: center;}
.mi-info__tit strong {flex: none; font-size: 24rem; font-weight: 600; color: #222;}
.mi-info__symbol {display: block; padding-top: 26rem;}
.mi-info__symbol img {height: 60rem;}
.mi-info__box {flex: auto; margin-left: 10%;}
.mi-info__box p {font-size: 17rem; font-weight: 300; color: #333; line-height: 1.7;}
.mi-info__box-btn {display: flex; gap: 18rem; margin-top: 50rem;}
.mi-info__box-btn a {display: flex; justify-content: space-between; align-items: center; width: 198rem; height: 50rem; padding: 0 17rem; border: 1rem solid #111; box-sizing: border-box; color: #111; font-size: 17rem; font-weight: 500;}
.mi-info__box-btn a i {background: url('../images/content/mi-download.svg') no-repeat; width: 16rem; height: 17rem;}
.mi-logoBox {display: flex; margin-top: 100rem;}
.mi-logo {display: flex; align-items: center; justify-content: center; width: 50%; height: 400rem; border: 1rem solid #ddd; box-sizing: border-box;}
.mi-logo.logo1 img {height: 57rem;}
.mi-logo.logo2 img {height: 283rem;}
.mi-logo.logo2 {border-left: 0;}
.mi-colorBox {margin-top: 150rem; padding: 100rem 0 150rem; background: #f8f8f8;}
.mi-colorBox h4 {font-size: 30rem; font-family: var(--font-point); text-align: center; font-weight: 300;}
.mi-colorBox ul {margin-top: 50rem;}
.mi-colorBox ul li:nth-child(n+2) {padding-top: 80rem;}
.mi-colorBox ul li p {padding-bottom: 26rem; font-size: 17rem; font-weight: 600; color: #666; text-align: center;}
.mi-colorBox ul li img {width: 100%;}
@media (max-width:768px) {
    .mi-info {flex-direction: column; }
    .mi-info__tit {align-items: unset;}
    .mi-info__box {margin-left: 0; margin-top: 30rem;}
    .mi-logo {height: 360rem;}
    .mi-logo.logo1 img {height: 40rem;}
    .mi-logo.logo2 img {height: 200rem;}
    .mi-colorBox {margin-top: 120rem;}
}
@media (max-width:620px) {
    .mi-titBox {height: 280rem;}
    .mi-titBox__logo img {height: 55rem;}
    .mi-info__box p {font-size: 16rem;}
    .mi-info__box p br {display: none;}
    .mi-logoBox {flex-direction: column;}
    .mi-colorBox ul li:nth-child(n+2) {padding-top: 65rem;}
    .mi-logo {width: 100%; height: auto ; padding: 90rem 0;}
    .mi-logo.logo2 {border-left: 1rem solid #ddd; border-top: 0;}
}
@media (max-width:540px) {
    .mi-colorBox h4 {font-size: 26rem;}
    .mi-colorBox {margin-top: 90rem; padding: 80rem 0 100rem;}
    .mi-colorBox ul li:nth-child(n+2) {padding-top: 50rem;}
    .mi-info__box-btn {gap: 10rem;}
    .mi-info__box-btn a {width: 100%;}
    .mi-info__tit strong {font-size: 22rem; text-align: center;}
    .mi-info__symbol {display: flex; justify-content: center;}
    .mi-info__symbol img {height: 50rem;}
    .mi-logoBox {margin-top: 80rem;}
}