@charset "utf-8";

/* 
 * content CSS Document
 *
 */

a.text-primary {color: var(--color-point);}
a.text-primary:hover {color: #c93c00;}

/* sub Visual */
.area-subVisual{position:relative; width:100%; height:630rem; z-index:1;}
.area-subVisual[data-subLayout="info"]{background:url('/images/content/subVisual_info.jpg')no-repeat center/cover;}
.area-subVisual[data-subLayout="exhibition"]{background:url('/images/content/subVisual_exhibition.jpg')no-repeat center/cover;}
.area-subVisual.cine{background:url('/images/content/subVisual_exhibition_cine.jpg')no-repeat center/cover;}
.area-subVisual.planning{background:url('/images/content/subVisual_exhibition_planning.jpg')no-repeat center/cover;}
.area-subVisual.special{background:url('/images/content/subVisual_exhibition_special.jpg')no-repeat center/cover;}
.area-subVisual[data-subLayout="communication"]{background:url('/images/content/subVisual_communication.jpg')no-repeat center/cover;}
.area-subVisual[data-subLayout="about"]{background:url('/images/content/subVisual_about.jpg')no-repeat center/cover;}
.area-subVisual[data-subLayout="data"]{background:url('/images/content/subVisual_data.jpg')no-repeat center/cover;}
.area-subVisual .pageTitle{display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:100rem; height:calc(100% - 80rem);}
.area-subVisual .pageTitle p{font-size:var(--fs20); color:#fff; line-height:1; opacity:.8;}
.area-subVisual .pageTitle h2{margin-top:12rem; font-size:var(--fs65); color:#fff; line-height:1.5;}
@media(max-width:1024px){
    .area-subVisual{height:540rem;}
    .area-subVisual .pageTitle{padding-bottom:70rem; height:calc(100% - 70rem);}
}
@media(max-width:768px){
    .area-subVisual{height:420rem;}
    .area-subVisual .pageTitle{padding-bottom:40rem; height:calc(100% - 60rem);}
    .area-subVisual .pageTitle h2{font-size:var(--fs60);}
}
@media(max-width:480px){
    .area-subVisual{display:flex; justify-content:space-between; flex-direction:column; height:380rem;}
    .area-subVisual .pageTitle{margin-top:180rem; padding-bottom:0; height:auto;}
    .area-subVisual .pageTitle h2{margin-top:8rem; font-size:var(--fs55);}
}

/* lnb */
.area_lnb{--lnb-height:80rem; position:relative; height:var(--lnb-height); background:rgba(0,0,0,.1); backdrop-filter:blur(10px);;}
.area_lnb:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background:rgba(255,255,255,.3);}
.area_lnb .inr{display:flex; height:100%; z-index:1;}
.area_lnb .btn_home{display:flex; justify-content:center; align-items:center; height:100%; aspect-ratio:1/1; background:var(--color-point);}
.area_lnb .btn_home img{display:block; width:20rem;}
.area_lnb .lnb-depth{position:relative; width:280rem; height:100%; border-right:1px solid rgba(255,255,255,.3);}
.area_lnb .lnb-depth button{display:flex; align-items:center; position:relative; padding:0 30rem; width:100%; height:100%; font-size:var(--fs18); font-weight:500; color:#fff; background:none;}
.area_lnb .lnb-depth button:after{content:''; display:block; position:absolute; right:30rem; top:50%; transform:translateY(-50%); width:11rem; aspect-ratio:1/1; background:url('/images/content/drop_down.svg')no-repeat center/contain; transition:.3s ease;}
.area_lnb .lnb-depth button.open:after{transform:translateY(-50%) rotate(180deg);}
.area_lnb .lnb-depth nav{display:none; position:absolute; left:0; top:var(--lnb-height); width:100%; z-index:1;}
.area_lnb .lnb-depth nav ul{margin-top:10rem; padding:25rem 30rem; background:var(--color-navy); border-radius:10rem;}
.area_lnb .lnb-depth nav ul > li+li{margin-top:14rem;}
.area_lnb .lnb-depth nav ul > li > a{display:block; font-size:var(--fs16); color:#fff; font-weight:300; opacity:0.6;}
.area_lnb .lnb-depth nav ul > li > a.on{opacity:1; font-weight:500;}
.area_lnb .lnb-depth .box{display:none;}
@media(max-width:1024px){
    .area_lnb{--lnb-height:70rem;}
    .area_lnb .btn_home img{width:18rem;}
    .area_lnb .lnb-depth{width:240rem;}
    .area_lnb .lnb-depth button{padding:0 20rem;}
    .area_lnb .lnb-depth button:after{right:20rem;}
    .area_lnb .lnb-depth nav ul{padding:25rem 20rem;}
}
@media(max-width:768px){
    .area_lnb{--lnb-height:60rem;}
    .area_lnb .btn_home img{width:18rem;}
    .area_lnb .lnb-depth button{padding:0 15rem;}
    .area_lnb .lnb-depth button:after{right:15rem; width:9rem;}
    .area_lnb .lnb-depth nav ul{padding:20rem 15rem;}
    .area_lnb .lnb-depth nav ul > li+li{margin-top:10rem;}
}
@media(max-width:480px){
    .area_lnb{height:auto;}
    .area_lnb .inr{flex-wrap:wrap;}
    .area_lnb .btn_home{height:45rem;}
    .area_lnb .btn_home img{width:14rem;}
    .area_lnb .lnb-depth{height:45rem;}
    .area_lnb .lnb-depth[data-lnb="01"],
    .area_lnb .lnb-depth[data-lnb="02"]{width:calc((100% - 45rem) / 2);}
    .area_lnb .lnb-depth[data-lnb="03"]{width:100%; border-top:1px solid rgba(255,255,255,.3); border-left:1px solid rgba(255,255,255,.3);}
    .area_lnb .lnb-depth button{font-size:var(--fs16);}
    .area_lnb .lnb-depth nav{top:calc(var(--lnb-height) / 2);}
    .area_lnb .lnb-depth nav ul{margin-top:5rem;}
}


/* sub common */
:root{
    --fs65:65rem;
    --fs60:60rem;
    --fs60:60rem;
    --fs55:55rem;
    --fs50:50rem;
    --fs45:45rem;
    --fs40:40rem;
    --fs35:35rem;
    --fs30:30rem;
    --fs28:28rem;
    --fs25:25rem;
    --fs22:22rem;
    --fs20:20rem;
    --fs18:18rem;
    --fs16:16rem;
    --fs15:15rem;
    --fs14:14rem;
    
    --p140:140rem;
    --p120:120rem;
    --p100:100rem;
    --m120:120rem;
    --m100:100rem;
    --m50:50rem;
    
    --border-radius30:30rem;
    --border-radius20:20rem;
    --border-radius15:15rem;
    
    @media(max-width:1024px){
        --fs65:60rem;
        --fs60:55rem;
        --fs55:50rem;
        --fs50:45rem;
        --fs45:40rem;
        --fs40:35rem;
        --fs35:32rem;
        
        --p140:120rem;
        --p120:100rem;
        --p100:80rem;
        --m120:100rem;
        --m100:80rem;
    }
    @media(max-width:768px){
        --fs65:55rem;
        --fs60:50rem;
        --fs55:45rem;
        --fs50:40rem;
        --fs45:35rem;
        --fs40:32rem;
        --fs35:30rem;
        --fs30:26rem;
        --fs28:25rem;
        --fs25:23rem;
        --fs22:21rem;
        
        --p140:90rem;
        --p120:80rem;
        --p100:70rem;
        --m120:80rem;
        --m100:70rem;
        --m50:40rem;
    }
    @media(max-width:480px){
        --fs65:40rem;
        --fs60:35rem;
        --fs55:35rem;
        --fs50:32rem;
        --fs45:28rem;
        --fs40:26rem;
        --fs35:24rem;
        --fs30:20rem;
        --fs28:19rem;
        --fs25:18rem;
        --fs22:17rem;
        --fs20:16rem;
        --fs18:15rem;
        --fs16:14rem;
        --fs15:13rem;
        --fs14:12rem;
        
        --p140:70rem;
        --p120:70rem;
        --p100:60rem;
        --m120:70rem;
        --m100:60rem;
        --m50:35rem;
        
        --border-radius30:26rem;
        --border-radius20:12rem;
        --border-radius15:8rem;
    }
}

html,body{scroll-behavior:smooth;}

article{position:relative; padding:var(--p100) 0 var(--p120);}
article h2[data-subTitle="current"],
article h2[data-subTitle="custom"]{margin-bottom:var(--m100); font-size:var(--fs45); color:#010101; line-height:1; text-align:center;}
article h2[data-subTitle="current"]:before,
article h2[data-subTitle="custom"]:before{content:''; display:block; margin-bottom:18rem; width:100%; height:15rem; background:url('/images/content/title_point.svg')no-repeat center/contain;}
section+section{margin-top:var(--m120);}
.subTit_check{position:relative; margin-bottom:30rem; padding-left:38rem; font-size:var(--fs30); color:#090909; line-height:1;}
.subTit_check:before{content:''; display:block; position:absolute; left:0; top:2rem; width:28rem; aspect-ratio:1/1; background:url('/images/content/titBullet_check.svg')no-repeat center/contain;}
a.btn_st1{display:block; width:220rem; height:70rem; line-height:70rem; border-radius:35rem; background:var(--color-point); color:#fff; font-size:var(--fs20); font-weight:600; text-align:center;}
@media(max-width:1024px){}
@media(max-width:768px){
    article h2[data-subTitle="current"]:before,
	article h2[data-subTitle="custom"]:before{margin-bottom:16rem; height:12rem;}
    .subTit_check{margin-bottom:25rem; padding-left:32rem;}
    .subTit_check:before{top:0; width:25rem;}
}
@media(max-width:480px){
    article h2[data-subTitle="current"]:before,
	article h2[data-subTitle="custom"]:before{margin-bottom:12rem; height:10rem;}
    .subTit_check{margin-bottom:20rem; padding-left:28rem;}
    .subTit_check:before{width:20rem;}
    a.btn_st1{width:180rem; height:56rem; line-height:56rem;}
}

table.table{border-top:3rem solid var(--color-point); font-size:var(--fs16);}
table.table *{border-color:#e5e5e5 !important;}
table.table thead th{background:#fffaf7 !important; }
table.table tbody th{background:#fff;}
table.table th{font-weight:bold; color:#222;}
table.table th, table.table td{padding:15rem 10rem; font-size:var(--fs16); line-height:1.4; background:#fff;}
table.table thead + tbody th{background:#fff;}
@media(max-width:1024px){}
@media(max-width:768px){
    table.table th, table.table td{padding:12rem 8rem;}
}
@media(max-width:480px){
/*    table.table_st1 th, table.table_st1 td{padding:12rem 8rem;}*/
}

.list_txt1 li{position:relative; padding-left:13rem; font-size:var(--fs18); color:#444; line-height:1.5;}
.list_txt1 li:before{content:''; display:block; position:absolute; left:0; top:11rem; width:5rem; aspect-ratio:1/1; background:#ccc; border-radius:50%;}
.list_txt1 li+li{margin-top:10rem;}
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){
    .list_txt1 li{padding-left:10rem;}
    .list_txt1 li:before{top:9rem; width:4rem;}
    .list_txt1 li+li{margin-top:8rem;}
}

.caution{padding:30rem; background:#f7f7f7; border-radius:var(--border-radius20); border:1px solid #e5e5e5;}
.caution em{display:block; font-size:var(--fs18); font-weight:600; color:#f15a30;}
.caution ul{margin-top:20rem;}
.caution ul li{position:relative; padding-left:11rem; font-size:var(--fs15); color:#666; line-height:1.4;}
.caution ul li:before{content:''; display:block; position:absolute; left:0; top:9rem; width:4rem; aspect-ratio:1/1; background:#ccc; border-radius:50%;}
.caution ul li+li{margin-top:8rem;}
@media(max-width:1024px){}
@media(max-width:768px){
    .caution{padding:25rem 20rem;}
}
@media(max-width:480px){
    .caution{padding:22rem 15rem;}
    .caution ul{margin-top:12rem;}
    .caution ul li{padding-left:9rem;}
    .caution ul li:before{top:8rem;}
    .caution ul li+li{margin-top:6rem;}
}



/* 관람정보 > 이용안내 > 관람안내 */
.infoUse{overflow:hidden;}
.infoUse *{box-sizing:border-box; word-break:keep-all;}
.infoUse .time .inr{display:grid; grid-template-columns:repeat(2, 1fr); gap:30rem;}
.infoUse .time .box{display:flex; align-items:center; padding:30rem 0; border-radius:var(--border-radius20); border:5rem solid #e5e5e5; background:#fff;}
.infoUse .time .box h3{display:flex; justify-content:center; align-items:center; font-size:var(--fs30); color:#090909; line-height:1; width:230rem; height:80rem; border-right:1px dashed #ccc;}
.infoUse .time .box h3 img{display:block; margin:0 12rem 0 0; height:32rem;}
.infoUse .time .box p{padding:0 40rem; font-size:var(--fs18); color:#444; line-height:1.5; width:calc(100% - 230rem);}
.infoUse .time .box p b{display:block;}
.infoUse .cost .inr{display:flex; flex-wrap:wrap;}
.infoUse .costTable{padding-right:50rem; width:50%; border-right:2px dashed #e5e5e5;}
.infoUse .costTable table{table-layout:fixed;}
.infoUse .costTable br.show_mo{display:none;}
.infoUse .costExempt{padding-left:50rem; width:50%;}
.infoUse .costExempt .list_txt1{padding:40rem 30rem; height:88%; border-radius:var(--border-radius20); border:1px solid #e5e5e5; background:#fff;}
.infoUse .costCaution{margin-top:var(--m50); width:100%;}
@media(max-width:1024px){
    .infoUse .time .inr{gap:20rem;}
    .infoUse .time .box h3{width:190rem;}
    .infoUse .time .box p{padding:0 20rem; width:calc(100% - 190rem);}
    .infoUse .costTable{padding-right:40rem;}
    .infoUse .costExempt{padding-left:40rem;}
}
@media(max-width:768px){
    .infoUse .time .box{display:block; padding:30rem 20rem;}
    .infoUse .time .box h3{margin-bottom:20rem; justify-content:flex-start; width:auto; height:auto; border-right:none;}
    .infoUse .time .box h3 img{margin:0 10rem 0 0; height:26rem;}
    .infoUse .time .box p{padding:0; width:100%;}
    .infoUse .cost .inr{display:block;}
    .infoUse .costTable{padding:0; width:100%; border-right:0;}
    .infoUse .costExempt{margin-top:var(--m120); padding:0; width:100%;}
    .infoUse .costExempt .list_txt1{padding:30rem 20rem;}
}
@media(max-width:480px){
    .infoUse .time .inr{grid-template-columns:1fr; gap:15rem;}
    .infoUse .time .box{padding:22rem 15rem;}
    .infoUse .time .box h3{margin-bottom:15rem;}
    .infoUse .time .box h3 img{margin-right:7rem; height:20rem;}
    .infoUse .costTable br.show_mo{display:block;}
    .infoUse .costExempt .list_txt1{padding:22rem 15rem;}
}


/* 관람정보 > 이용안내 > 찾아오시는 길 */
.infoLocation{overflow:hidden;}
.infoLocation *{box-sizing:border-box; word-break:keep-all;}
.infoLocation .root_daum_roughmap{width:100% !important; height:600rem; border-radius:var(--border-radius20); border:5rem solid var(--color-navy);}
.infoLocation .root_daum_roughmap .wrap_map{width:100%; height:100% !important;}
.infoLocation .root_daum_roughmap .map_border,
.infoLocation .root_daum_roughmap .wrap_controllers,
.infoLocation .root_daum_roughmap .cont{display:none;}
.infoLocation .infoList{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:var(--m50);}
.infoLocation .infoList > li:not(.parking){display:flex; align-items:center; padding:30rem 0; border:5rem solid #e5e5e5; border-radius:var(--border-radius20); width:calc(50% - 15rem); background:#fff;}
.infoLocation .infoList > li:not(.parking) > span{display:flex; justify-content:center; align-items:center; font-size:var(--fs22); font-weight:bold; color:#090909; line-height:1; width:200rem; border-right:1px dashed #ccc; height:80rem;}
.infoLocation .infoList > li:not(.parking) > span i{display:block; margin-right:15rem; font-size:var(--fs28); color:var(--color-point);}
.infoLocation .infoList > li:not(.parking) > span+*{display:block; margin-top:1rem; padding:0 40rem; width:calc(100% - 200rem); font-size:var(--fs18); color:#444; line-height:1.5;}
.infoLocation .parking{margin-top:60rem;}
.infoLocation .parking > span{display:block; margin-bottom:20rem; font-size:var(--fs22); font-weight:bold; color:#090909;}
.infoLocation .parking .cost{display:flex; font-size:var(--fs16);}
.infoLocation .parking .cost span{display:block; margin-right:20rem; font-weight:bold; color:var(--color-navy);}
.infoLocation .parking .cost p{display:flex; gap:10rem; color:#666; line-height:1.4;}
.infoLocation .parking .cost p i{display:block; color:#ccc;}
.infoLocation .parking .cost p > br{display:none;}
.infoLocation .parking table.table{margin-top:20rem; table-layout:fixed;}
.infoLocation .parking .caution{margin-top:15rem;}
.infoLocation .parking .caution ul{margin-top:0 !important;}
@media(max-width:1024px){
    .infoLocation .root_daum_roughmap{height:480rem;}
    .infoLocation .infoList > li:not(.parking){width:calc(50% - 10rem);}
    .infoLocation .infoList > li:not(.parking) > span{width:160rem;}
    .infoLocation .infoList > li:not(.parking) > span i{margin-right:10rem;}
    .infoLocation .infoList > li:not(.parking) > span+*{padding:0 20rem; width:calc(100% - 160rem);}
}
@media(max-width:768px){
    .infoLocation .root_daum_roughmap{height:420rem;}
    .infoLocation .infoList > li:not(.parking){display:block; padding:30rem 20rem;}
    .infoLocation .infoList > li:not(.parking) > span{margin-bottom:20rem; justify-content:flex-start; width:auto; height:auto; border-right:none;}
    .infoLocation .infoList > li:not(.parking) > span i{margin-right:10rem;}
    .infoLocation .infoList > li:not(.parking) > span+*{padding:0; width:100%;}
    .infoLocation .parking table.table{width:100% !important;}
    .infoLocation .parking .mob_info{display:none !important;}
}
@media(max-width:480px){
    .infoLocation .root_daum_roughmap{height:65vh;}
    .infoLocation .infoList{display:block;}
    .infoLocation .infoList > li:not(.parking){margin-bottom:15rem; padding:22rem 15rem; width:100%;}
    .infoLocation .infoList > li:not(.parking) > span{margin-bottom:15rem;}
    .infoLocation .infoList > li:not(.parking) > span i{margin-right:8rem;}
    .infoLocation .parking{margin-top:50rem;}
    .infoLocation .tableWrap .cost p{display:block;}
    .infoLocation .tableWrap .cost p i{display:none;}
    .infoLocation .tableWrap .cost p > br{display:block;}
    .infoLocation .parking table.table{width:560rem !important;}
    .infoLocation .parking .mob_info{display:block !important;}
}


/* 관람정보 > 예약 > 개인 */
.reserve1 *{box-sizing:border-box; word-break:keep-all;}
.reserve1 .banner{position:relative; padding:80rem; border-radius:var(--border-radius20); background:#fff7e7;}
.reserve1 .banner:before{content:''; display:block; position:absolute; right:0; bottom:0; width:55%; height:100%; background:url('/images/content/infoReservation_bg.png')no-repeat bottom/contain; border-bottom-right-radius:var(--border-radius20);}
.reserve1 .txt h3{font-size:var(--fs35); font-weight:500; color:#222; line-height:1.5;}
.reserve1 .txt h3 em{display:inline-block; font-size:var(--fs60); color:var(--color-point); font-weight:bold;}
.reserve1 .txt .btn{display:block; margin-top:50rem; width:250rem; height:80rem; border-radius:40rem; line-height:80rem; background:var(--color-point); color:#fff; font-weight:600; text-align:center; font-size:var(--fs25);}
.reserve1 .img{display:block; position:absolute; right:80rem; bottom:0; width:25%;}
.reserve1 .img img{display:block; width:100%;}
@media(max-width:1400px){
    .reserve1 .img{right:40rem; width:28%;}
}
@media(max-width:1024px){
    .reserve1 .banner{padding:60rem 50rem;}
    .reserve1 .img{right:20rem; width:25%;}
}
@media(max-width:768px){
    .reserve1 .banner{padding:50rem 40rem 300rem;}
    .reserve1 .banner:before{width:90%;}
    .reserve1 .img{right:2%; width:38%;}
}
@media(max-width:480px){
    .reserve1 .banner{padding:35rem 20rem 120rem; overflow:hidden;}
    .reserve1 .banner:before{width:90%;}
    .reserve1 .txt h3{font-size:var(--fs25);}
    .reserve1 .txt h3 em{display:block; margin-top:3rem; font-size:var(--fs50);}
    .reserve1 .txt .btn{margin-top:35rem; width:180rem; height:60rem; line-height:60rem;}
    .reserve1 .img{right:-1%; width:38%;}
}


/* 관람정보 > 예약 > 단체 - 01.달력/목록 */
.reserve2 *{box-sizing:border-box; word-break:keep-all;}
.reserve2 .sec1 .inr{display:flex; justify-content:space-between; align-items:flex-start;}
.reserve2 .calendar{width:50%; border:1px solid #e8e8e8; box-shadow:0 10rem 25rem rgba(0,0,0,.1); border-radius:var(--border-radius20); overflow:hidden;}
.reserve2 .calendar table{table-layout:fixed;}
.reserve2 .calendar thead th{padding:18rem 8rem; background:#f5f5f5; font-size:var(--fs16);}
.reserve2 .calendar thead th+th{border-left:1px solid #e8e8e8;}
.reserve2 .calendar tbody td{position:relative; border:1px solid #e8e8e8; background:#fff;}
.reserve2 .calendar tbody td:first-child{border-left:none;}
.reserve2 .calendar tbody td:last-child{border-right:none;}
.reserve2 .calendar tbody tr:last-child td{border-bottom:none;}
.reserve2 .calendar tbody td a{display:block; position:relative; padding:8rem; font-size:var(--fs14); height:80rem; color:#444; text-align:center;}
.reserve2 .calendar tbody td a.today:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; /*border:2px solid #ed4f4f;*/}
.reserve2 .calendar tbody td a.on:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #ed4f4f;;}
.reserve2 .calendar tbody td em{position:absolute; left:50%; transform:translateX(-50%); top:8rem;}
.reserve2 .calendar tbody td a.today{background:rgba(255,101,101,.08);}
.reserve2 .calendar tbody td a.today em{color:#ed4f4f; font-weight:bold;}
.reserve2 .calendar tbody td a.today em:before{content:''; display:block; position:absolute; left:-7rem; top:0; width:4rem; aspect-ratio:1/1; background:#ed4f4f; border-radius:50%;}
.reserve2 .calendar tbody td a.today em i{display:none;}
.reserve2 .calendar tbody td em+i{display:block; margin-top:40rem; font-size:var(--fs14); color:#ed4f4f;}
.reserve2 .calendar tbody td span{display:inline-block; position:relative; margin-top:40rem; width:14rem; height:16rem; background:url('/images/content/calender_schedule.svg')no-repeat bottom/contain;}
.reserve2 .list{padding:30rem; width:calc(50% - 30rem); box-shadow:0 10rem 25rem rgba(0,0,0,.1); border:1px solid #e8e8e8; border-radius:var(--border-radius20); overflow:hidden; background:#fff;}
.reserve2 .list .top{display:flex; justify-content:space-between; margin-bottom:15rem;}
.reserve2 .list .top .date{display:flex; align-items:center;}
.reserve2 .list .top .date em{font-size:var(--fs25); font-weight:bold; color:#090909; line-height:1;}
.reserve2 .list .top .date span{display:flex; justify-content:space-between; align-items:center; margin-left:10rem; padding:0 5rem; width:110rem; height:40rem; border-radius:25rem; text-align:center; border:3rem solid #e5e5e5; font-size:var(--fs16); color:#333; font-weight:500; line-height:1;}
.reserve2 .list .top .date a{display:flex; justify-content:space-between; align-items:center; position:relative; width:22rem; aspect-ratio:1/1; font-size:var(--fs20); line-height:1; color:#aaa;}
.reserve2 .list .top .btn{display:flex; align-items:center; justify-content:center; width:120rem; height:40rem; font-size:var(--fs16); color:#fff; background:#333; border-radius:30rem;}
.reserve2 .list table.table td{padding:10rem 8rem !important;}
.reserve2 .list tbody tr td a{display:flex; justify-content:center; align-items:center; margin:auto; height:40rem; width:80%; border-radius:20rem; background:#eee; color:#aaa;}
.reserve2 .list tbody tr td a.on{background:var(--color-point); color:#fff; font-weight:500;}
.reserve2 .list > i{display:block; margin-top:15rem; color:#aaa; font-size:var(--fs14); line-height:1.4;}
.reserve2 .cost table.table{width:100%;}
@media(max-width:1024px){
    .reserve2 .sec1 .inr{display:block;}
    .reserve2 .calendar{width:100%;}
    .reserve2 .list{margin-top:30rem; width:100%;}
}
@media(max-width:480px){
    .reserve2 .calendar thead th{padding:10rem 8rem; font-size:13rem;}
    .reserve2 .calendar tbody td a{padding:8rem 5rem; height:50rem; font-size:10rem;}
    .reserve2 .calendar tbody td span{margin-top:18rem; width:7rem;}
    .reserve2 .calendar tbody td a.today em:before{left:-5rem;}
    .reserve2 .calendar tbody td em+i{margin-top:24rem; font-size:10rem;}
    .reserve2 .list{padding:22rem 15rem;}
    .reserve2 .list .top .date span{width:90rem; height:36rem;}
    .reserve2 .list .top .date a{width:15rem;}
    .reserve2 .list .top .btn{width:90rem; height:36rem;}
    .reserve2 .list table.table td{padding:5rem !important;}
    .reserve2 .list tbody tr td a{height:32rem; width:100%;}
}


/* 관람정보 > 예약정보/신청 (공통) */
.application{display:flex; justify-content:space-between;}
.application_box{position:sticky; left:0; top:120rem; width:400rem; height:400rem; }
.application_box ul{padding:40rem; border:5rem solid #e5e5e5; border-radius:var(--border-radius20); background:#fff;}
.application_box li+li{margin-top:40rem;}
.application_box span{display:inline-block; margin-bottom:8rem; font-size:var(--fs18); color:var(--color-point); font-weight:600;}
.application_box p{font-size:var(--fs25); color:#090909; font-weight:bold; line-height:1.5;}
.application_form{padding:60rem; width:calc(100% - 450rem); box-shadow:10rem 15rem 50rem rgba(0,0,0,.15); border-radius:20rem; background:#fff;}
.application_form > ul{margin-bottom:60rem;}
.application_form > ul li{display:flex; font-size:var(--fs18);}
.application_form > ul li+li{margin-top:30rem;}
.application_form em.formTit{display:block; margin-top:17rem; width:120rem; font-weight:500; color:#111;}
.application_form em.formTit+*{width:calc(100% - 120rem);}
.application_form input,
.application_form select,
.application_form .tel button,
.application_form .fileUpload > div{padding:0 15rem; height:54rem; font-size:var(--fs18); border-radius:30rem;}
.application_form .tel div{display:flex; align-items:center;}
.application_form .tel select,
.application_form .tel input{width:32%;}
.application_form .tel i{display:block; width:20rem; text-align:center;}
.application_form .tel button{margin-left:20rem; width:calc(40% - 60rem); font-size:var(--fs18); color:#fff; background:#e7af48; font-weight:500;}
.application_form .fileUpload > div{display:flex; align-items:center; border:1rem solid #ddd;}
.application_form .fileUpload > div label{width:100rem; padding:4rem 0; border-radius:20rem; text-align:center; background:#eee; cursor:pointer; font-size:var(--fs16);}
.application_form .fileUpload > div span{color:#999; padding-left:15rem; width:calc(100% - 100rem);}
.application_form .visitor {margin-top:0;}
.application_form .visitor > em.formTit{margin-top:10rem; align-content: center;}
.application_form .personnel > em.formTit{margin-top:0 !important;}
.application_form .personnel ul, .application_form .visitor ul{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10rem; margin-top:10rem;}
.application_form .personnel ul li, .application_form .visitor ul li{display:flex; justify-content:space-between; align-items:center; margin-top:0 !important; padding:0 15rem; height:54rem; font-size:var(--fs18); border-radius:30rem; border:1rem solid #ddd;}
.application_form .personnel ul li div, .application_form .visitor ul li div{width:100rem; text-align:end;}
.application_form .personnel ul li input, .application_form .visitor ul li input{padding:3rem 5rem !important; width:60rem; border-radius:0 !important; height:100% !important; border:none !important; border-bottom:1px solid #aaa !important;}
.application_form .guide{position:relative; margin-top:30rem; font-size:var(--fs15);}
.application_form .guide em{display:block; color:var(--color-navy);}
.application_form .guideCnt{margin:10rem 0 15rem; padding:20rem; height:150rem; background:#f7f7f7; border-radius:5rem; overflow-y:scroll;}
.application_form .agree input{display:none;}
.application_form .agree input+label{display:flex; align-items:center; justify-content:flex-end; gap:6rem; margin:0; font-size:var(--fs15); cursor:pointer;}
.application_form .agree input+label span{display:block; margin-top:-1rem; width:18rem; aspect-ratio:1/1; border-radius:50%; border:1px solid #bbb;}
.application_form .agree input:checked+label span{background:url('/images/content/check1.svg')no-repeat center/cover; border-color:var(--color-point);}
.application_form .guide > a{display:block; position:absolute; left:0; bottom:0; font-size:var(--fs15); color:#aaa; text-decoration:underline;}
.btn_apply{display:flex; justify-content:center; align-items:center; margin:50rem 0 0 auto; width:180rem; height:60rem; border-radius:30rem; background:var(--color-point); color:#fff; font-weight:500; font-size:var(--fs18);}
.applyPopup{display:none; position:fixed; left:0; top:0; width:100%; height:100vh; z-index:10000; background:rgba(0,0,0,.6); backdrop-filter:blur(10px);}
.applyPopup > div{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:40rem; background:#fff; border:5rem solid var(--color-navy); max-width:450rem; width:92%; font-size:0; text-align:center;}
.applyPopup > div img{display:block; margin:auto; width:50rem;}
.applyPopup > div p{margin:30rem 0 20rem; font-size:var(--fs18); color:#222; line-height:1.5;}
.applyPopup > div button{display:inline-block; font-size:var(--fs16); width:100rem; height:40rem; border-radius:20rem; background:#efefef;}
.applyPopup > div button+button{margin-left:5rem;}
@media(max-width:1500px){
    .application_form .personnel ul li, .application_form .visitor ul li{flex-direction:column; align-items:center; justify-content:center; height:90rem; gap:10rem; border-radius:10rem;}
    .application_form .personnel ul li div, .application_form .visitor ul li div{width:100%; text-align:center;}
}
@media(max-width:1400px){
    .application_box{width:350rem;}
    .application_form{padding:60rem 40rem; width:calc(100% - 400rem);}
}
@media(max-width:1024px){
    .application{display:block;}
    .application_box{position:relative; top:auto; width:100%; height:auto;}
    .application_box ul{padding:30rem;}
    .application_box li{display:flex; align-items:flex-start;}
    .application_box li+li{margin-top:15rem;}
    .application_box span{margin-bottom:0; margin-top:8rem; width:90rem;}
    .application_box p{width:calc(100% - 90rem);}
    .application_form{margin-top:20rem; width:100%;}
}
@media(max-width:768px){
    .application_box ul{padding:25rem 20rem;}
    .application_box li+li{margin-top:10rem;}
    .application_box span{margin-top:5rem;}
    .application_box p{font-size:var(--fs22);}
    .application_form{padding:30rem 20rem;}
    .application_form .agree input+label span{margin-top:1rem;}
}
@media(max-width:480px){
    .application_box ul{padding:15rem;}
    .application_box span{margin-top:3rem; margin-bottom:0; font-size:var(--fs16); width:70rem;}
    .application_box p{font-size:var(--fs18); width:calc(100% - 70rem);}
    .application_form{padding:22rem 15rem;}
    .application_form > ul{margin-top:40rem;}
    .application_form > ul li{font-size:var(--fs16);}
    .application_form > ul li+li{margin-top:15rem;}
    .application_form input,
    .application_form select,
    .application_form .tel button,
    .application_form .fileUpload > div{height:42rem; font-size:var(--fs16);}
    .application_form em.formTit{margin-top:14rem; width:65rem;}
    .application_form em.formTit+*{width:calc(100% - 65rem);}
    .application_form em.formTit_center{margin-top:6rem;}
    .application_form .tel div{flex-wrap:wrap;}
    .application_form .tel i{width:15rem;}
    .application_form .tel select, .application_form .tel input{width:calc((100% - 30rem) / 3);}
    .application_form .tel button{margin:5rem 0 0; width:100%;}
    .application_form .fileUpload > div label{margin-left:-5rem; font-size:var(--fs14); width:65rem;}
    .application_form .fileUpload > div span{padding-left:5rem; width:calc(100% - 60rem); font-size:var(--fs15);}
    .application_form .personnel ul li, .application_form .visitor ul li{padding:0; gap:5rem; height:65rem; font-size:var(--fs14);}
    .application_form .personnel ul li div, .application_form .visitor ul li div{height:25rem;}
    .application_form .personnel ul li div input, .application_form .visitor ul li div input{width:40rem;}
    .application_form .agree input+label span{margin-top:2rem;}
    .application_form .guideCnt{height:120rem;}
    .btn_apply{width:150rem; height:50rem;}
}


/* 관람정보 > 예약확인 (공통) */
.confirm{display:grid; grid-template-columns:1fr 1fr; gap:40rem;}
.confirmBox{position:relative; padding:30rem; border-radius:var(--border-radius20); border:5rem solid #e8e8e8; background:#fff; box-shadow:0 10rem 25rem rgba(0,0,0,.1); transition:.3s ease;}
.confirmBox_info span{display:block; font-size:var(--fs22); color:#111; font-weight:bold;}
.confirmBox_info span em{display:block; margin-bottom:5rem; font-size:var(--fs15); color:#aaa; font-weight:500;}
.confirmBox_info ul{display:grid; grid-template-columns:1fr; gap:10rem; margin-top:30rem; padding-top:30rem; padding-right:170rem; border-top:2px dashed #e8e8e8;}
.confirmBox_info ul li{display:flex; font-size:var(--fs16); color:#333;}
.confirmBox_info ul li em{color:#777; width:130rem;}
.confirmBox_info ul li p{width:calc(100% - 130rem);}
.confirmBox_btn{display:flex; justify-content:flex-end; flex-direction:column; gap:5rem; position:absolute; right:30rem; bottom:30rem;}
.confirmBox_btn button{display:block; width:140rem; height:50rem; border-radius:30rem; font-size:var(--fs16); font-weight:500; color:#fff;}
.confirmBox_btn button.complete{background:var(--color-point);}
.confirmBox_btn button.cancel1{background:#444;}
.confirmBox_btn button.cancel2{background:#bbb;}
.confirmBox_cancel .confirmBox_info span{color:#bbb; text-decoration-line:line-through;}
.confirmBox_cancel .confirmBox_info ul{opacity:.6;}
.cancelAlert{display:none; position:fixed; left:0; top:0; width:100%; height:100vh; z-index:10000; background:rgba(0,0,0,.6); backdrop-filter:blur(10px);}
.cancelAlert > div{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:40rem; background:#fff; border:5rem solid var(--color-navy); max-width:450rem; width:92%; font-size:0; text-align:center;}
.cancelAlert > div.cnt2{display:none;}
.cancelAlert > div img{display:block; margin:auto; width:50rem;}
.cancelAlert > div p{margin:30rem 0 20rem; font-size:var(--fs18); color:#222; line-height:1.5;}
.cancelAlert > div button{display:inline-block; font-size:var(--fs16); width:100rem; height:40rem; border-radius:20rem; background:#efefef;}
.cancelAlert > div button+button{margin-left:5rem;}
@media(hover:hover){
    .confirmBox:hover{border-color:var(--color-point);}
    
}
@media(max-width:1024px){
    .confirm{grid-template-columns:1fr; gap:30rem;}
}
@media(max-width:480px){
    .confirmBox{padding:22rem 15rem;}
    .confirmBox_info ul{grid-template-columns:1fr; gap:8rem; margin-top:20rem; padding-top:20rem; padding-right:0;}
    .confirmBox_info ul li em{width:105rem;}
    .confirmBox_info ul li p{width:calc(100% - 105rem);}
    .confirmBox_btn{position:relative; justify-content:center; flex-direction:row; right:auto; bottom:auto; margin-top:25rem;}
    .confirmBox_btn button{width:130rem; height:40rem;}
}


/* 관람정보 > 예약 > 단체 - 02.신청페이지 */
.reserve2_1 *{box-sizing:border-box; word-break:keep-all;}
/* 관람정보 > 예약 > 단체 - 03.예약확인 */
.reserve2_2 *{box-sizing:border-box; word-break:keep-all;}


/* 관람정보 > 대관안내 > 대관예약 - 00. 대관신청현황 */
.rental0 .top{display:flex; align-items:center; justify-content:space-between;}
.rental0 .top .month{display:flex; align-items:center; gap:10rem;}
.rental0 .top .month span{font-size:var(--fs25); font-weight:bold; color:#090909; line-height:1;}
.rental0 .top .month div{display:flex; align-items:center; gap:6rem;}
.rental0 .top .month a{display:flex; align-items:center; justify-content:center; width:25rem; height:25rem;}
.rental0 .top .month a i{display:block; font-size:var(--fs25); color:#aaa; line-height:1;}
.rental0 .top .month a.prev2 i:first-child{margin-right:-20rem;}
.rental0 .top .month a.next2 i:last-child{margin-left:-20rem;}
.rental0 .btn{display:flex; align-items:center; justify-content:center; width:180rem; height:60rem; font-size:var(--fs18); color:#fff; background:#333; border-radius:30rem;}
.rental0 .btn1{background:#333;}
.rental0 .btn2{background:var(--color-point);}
.rental0 .calendar{margin:15rem 0 20rem; width:100%; border:1px solid #e8e8e8; box-shadow:0 10rem 25rem rgba(0,0,0,.1); border-radius:var(--border-radius20); overflow:hidden;}
.rental0 .calendar table{table-layout:fixed;}
.rental0 .calendar thead th{padding:18rem 8rem; background:#f5f5f5; font-size:var(--fs16);}
.rental0 .calendar thead th+th{border-left:1px solid #e8e8e8;}
.rental0 .calendar tbody td{position:relative; padding:8rem; border:1px solid #e8e8e8; background:#fff; text-align:center;}
.rental0 .calendar tbody td:first-child{border-left:none;}
.rental0 .calendar tbody td:last-child{border-right:none;}
.rental0 .calendar tbody tr:last-child td{border-bottom:none;}
.rental0 .calendar em.date{display:block; position:absolute; left:50%; top:8rem; transform:translateX(-50%); font-size:var(--fs14); line-height:1; color:#444;}
.rental0 .calendar dl{padding-top:15rem; font-size:var(--fs14);}
.rental0 .calendar dl dt{margin-top:10rem; padding:3rem 0; font-weight:bold; color:#111; background:#f5f5f5; border-radius:20rem;}
.rental0 .calendar dl dd{margin-top:3rem; color:#3e5383;}
.rental0 .calendar dl dd.deadline{color:#ed4f4f; opacity:.65;}
.rental0 ul.btnWrap{display:flex; justify-content:flex-end; gap:10rem;}
.rental0 ul.btnWrap .btn{margin:0;}
.rental0 ul.btnWrap li:first-child .btn{background:#aaa !important;}
.rental0 ul.btnWrap li:first-child .btn i{margin-top:2rem; font-size:var(--fs22);}
.rental0 .caution{margin-top:var(--m50);}
@media(max-width:1024px){
    .rental0 .top .month a.prev2 i:first-child{margin-right:-18rem;}
    .rental0 .top .month a.next2 i:last-child{margin-left:-18rem;}
}
@media(max-width:768px){
    .rental0 .mob_info{display:none !important;}
    .rental0 .calendar{overflow-x:scroll;}
    .rental0 .calendar table{width:600rem;}
}
@media(max-width:480px){
    .rental0 .top .month{gap:5rem;}
    .rental0 .top .month div{gap:5rem;}
    .rental0 .top .month a{width:20rem; height:20rem;}
    .rental0 .top .month a.prev2 i:first-child{margin-right:-23rem;}
    .rental0 .top .month a.next2 i:last-child{margin-left:-23rem;}
    .rental0 .btn{width:150rem; height:50rem;}
    .rental0 .mob_info{display:block !important;}
    .rental0 .calendar thead th{padding:10rem 8rem; font-size:13rem;}
    .rental0 .calendar tbody td{padding:8rem 5rem; font-size:11rem;}
    .rental0 ul.btnWrap{justify-content:center;}
    .rental0 ul.btnWrap li:first-child .btn i{font-size:var(--fs25);}
}


/* 관람정보 > 대관안내 > 대관예약 - 01.달력/시설선택 */
[data-sub="rental"] *{box-sizing:border-box; word-break:keep-all;}
.rental1 .today{display:flex; align-items:center; gap:20rem; margin-bottom:15rem;}
.rental1 .today em{display:block; font-size:var(--fs15); color:var(--color-point);}
.rental1 .today span{display:block; font-size:var(--fs18); color:#666; font-weight:600;}
.rental1 .select{display:grid; grid-template-columns:1fr 1fr; position:relative; padding-top:30rem; border-top:1px solid #e5e5e5; width:100%;}
.rental1 .select .start{position:relative; padding-right:50rem; border-right:2px dashed #ccc;}
.rental1 .select .end{position:relative; padding-left:50rem;}
.rental1 .select .date{display:flex; align-items:center; position:relative; border:5rem solid #e5e5e5; height:70rem; border-radius:35rem; cursor:pointer;}
.rental1 .select .date em{display:block; font-size:var(--fs18); color:var(--color-navy); font-weight:bold; width:160rem; text-align:center;}
.rental1 .select .date span{display:block; padding-right:30rem; width:calc(100% - 160rem); height:30rem; line-height:30rem; border-left:1px solid #ccc; font-size:var(--fs20); color:#090909; font-weight:600; text-align:center;}
.rental1 .select .tableDate{display:none; position:absolute; padding:22rem 15rem; top:80rem; width:calc(100% - 50rem); border-radius:var(--border-radius20); border:1px solid #e8e8e8; background:#fff; box-shadow:0 10rem 20rem rgba(0,0,0,.15); z-index:1; height:420rem; overflow-y:scroll;}
.rental1 .select .start .tableDate{left:0;}
.rental1 .select .end .tableDate{left:50rem;}
.rental1 .select .tableDate > span{display:block; line-height:1; margin:0 auto 20rem; text-align:center; font-size:var(--fs18); font-weight:bold; background:var(--color-navy); color:#fff; width:180rem; height:40rem; line-height:40rem; border-radius:20rem;}
.rental1 .select table+span{margin-top:20rem !important;}
.rental1 .select table thead{border-bottom:1px solid #e8e8e8;}
.rental1 .select table th{padding-bottom:15rem;}
.rental1 .select table th,
.rental1 .select table td{font-size:var(--fs14);}
.rental1 .select table td a{display:block; padding:10rem 0; text-align:center; height:60rem; transition:.2s ease;}
.rental1 .select table td a em{transition:.2s ease;}
.rental1 .select table td a em > i{display:block; margin-top:5rem; color:var(--color-point); transition:.2s ease;}
.rental1 .select table td a.on{background:var(--color-point); color:#fff;}
.rental1 .select table td a.on em > i{color:#fff;}
.rental1 .select table td a.off{cursor: default;}
.rental1 .btn{display:flex; align-items:center; justify-content:center; margin:0 0 0 auto; width:180rem; height:60rem; font-size:var(--fs18); color:#fff; background:#333; border-radius:30rem;}
.rental1 .btn1{background:#333;}
.rental1 .btn2{margin-top:20rem; background:var(--color-point);}
.rental1 .list{margin-top:30rem;}
.rental1 .list table td.impossible{pointer-events:none;}
.rental1 .list table td.impossible span{display:none !important;}
.rental1 .list table td.impossible input+label{color:#aaa !important;}
.rental1 .list table td input{display:none;}
.rental1 .list table td input+label{display:flex; margin:0; align-items:center; justify-content:center; color:var(--color-point); font-size:var(--fs16);}
.rental1 .list table td.possible input+label span{display:block; margin-top:-1rem; margin-left:6rem; width:18rem; aspect-ratio:1/1; border-radius:50%; border:1px solid #ccc;}
.rental1 .list table td.possible input:checked+label span{background:url('/images/content/check1.svg')no-repeat center/cover; border-color:var(--color-point);}
.rental1 .list .caution{margin-top:15rem;}
.rental1 .list .caution ul{margin-top:0 !important;}
.rental1 .sec2 h2[data-subTitle="current"] span{display:none !important;}
.rental1 .sec2 table.table{margin-top:0;}
.rental1 .sec2 table.table thead th:last-child{border-left:1rem dashed #c3cae6;}
.rental1 .sec2 table.table tbody ul{display:grid; grid-template-columns:1fr 1fr;}
.rental1 .sec2 table.table tbody ul li:nth-child(1){padding-right:10rem;}
.rental1 .sec2 table.table tbody ul li:nth-child(2){padding-left:10rem; border-left:1px solid #ddd;}
@media(hover:hover){
    .rental1 .select table td a:hover{background:var(--color-point);}
    .rental1 .select table td a:hover em{color:#fff}
    .rental1 .select table td a:hover em > i{color:#fff}
    .rental1 .select table td a.off:hover{background: #fff;}
    .rental1 .select table td a.off:hover em{color: #000;}
    .rental1 .select table td a.off:hover em > i{color: var(--color-point);}
}
@media(max-width:1024px){
    .rental1 .select .start{padding-right:20rem;}
    .rental1 .select .end{padding-left:20rem;}
    .rental1 .select .date em{width:120rem;}
    .rental1 .select .date span{width:calc(100% - 120rem);}
    .rental1 .select .tableDate{width:calc(100% - 20rem);}
    .rental1 .select .end .tableDate{left:20rem;}
}
@media(max-width:768px){
    .rental1 .select .date em{width:100rem;}
    .rental1 .select .date span{padding-right:10rem; width:calc(100% - 100rem);}
    .rental1 .sec1 .mob_info{display:none !important;}
    .rental1 .sec1 .scrollTable .table{width:100% !important;}
    .rental1 .sec2 .mob_info{display:none !important;}
    .rental1 .sec2 table.table{width:100% !important;}
}
@media(max-width:480px){
    .rental1 .select{display:block; padding-top:20rem;}
    .rental1 .select .start{padding:0; margin-bottom:10rem; border-right:0;}
    .rental1 .select .end{padding:0;}
    .rental1 .select .date{height:54rem;}
    .rental1 .select .date span{height:25rem; line-height:25rem;}
    .rental1 .select .tableDate{width:100%; height:370rem; top:64rem; left:0 !important;}
    .rental1 .select .tableDate > span{width:130rem; height:36rem; line-height:36rem;}
    .rental1 .select table th, .rental1 .select table td{font-size:11rem;}
    .rental1 .select table td a{height:50rem;}
    .rental1 .sec1 .btn{width:150rem; height:50rem;}
    .rental1 .sec1 .mob_info{display:block!important;}
    .rental1 .scrollTable .table{width:400rem !important;}
    .rental1 .sec2 .mob_info{display:block !important;}
    .rental1 .sec2 table.table{margin-top:15rem; width:570rem !important;}
}


/* 관람정보 > 대관안내 > 대관예약 - 02.예약자정보/신청 */
.rental1_1 .application_box p > br{display:none;}
.rental1_1 .tableCheck{display:block;}
.rental1_1 .tableCheck em{width:100% !important;}
.rental1_1 .tableCheck em > i{display:inline-block; font-size:var(--fs14); color:#ed4f4f;}
.rental1_1 .tableCheck table.table{}
.rental1_1 .tableCheck table.table input{height:auto;}
.rental1_1 .tableCheck td.impossible{color:#aaa;}
.rental1_1 .tableCheck td.possible input{display:none;}
.rental1_1 .tableCheck td.possible input+label{display:flex; margin:0; align-items:center; justify-content:center; font-size:var(--fs16);}
.rental1_1 .tableCheck td.possible input+label span{display:block; margin-top:-1rem; margin-left:6rem; width:18rem; aspect-ratio:1/1; border-radius:50%; border:1px solid #ccc;}
.rental1_1 .tableCheck td.possible input:checked+label span{background:url('/images/content/check1.svg')no-repeat center/cover; border-color:var(--color-point);}
.rental1_1 .total{text-align:right; color:#ed4f4f !important; font-weight:500;}
@media(max-width:1024px){}
@media(max-width:768px){
    .rental1_1 .tableCheck .mob_info{display:none !important;}
    .rental1_1 .tableCheck table.table{width:100% !important;}
}
@media(max-width:480px){
    .rental1_1 .application_box p > br{display:block;}
    .rental1_1 .tableCheck .mob_info{display:block !important;}
    .rental1_1 .tableCheck table.table{width:400rem !important;}
}


/* 관람정보 > 대관안내 > 대관예약 - 03.예약확인 */
.rental1_2 a.view{color:var(--color-point);}
.rental1_2 .confirmBox_cancel a.view{pointer-events:none; color:#333;}
@media(max-width:480px){}


/* 관람정보 > 대관안내 > 대관예약 - 04.신청현황 자세히보기 */
.rental1_3 .state_box{padding:40rem 60rem; border:5rem solid #e5e5e5; border-radius:var(--border-radius20); background:#fff; text-align:center;}
.rental1_3 .state_box span{display:inline-block; margin-bottom:8rem; font-size:var(--fs18); color:var(--color-point); font-weight:600;}
.rental1_3 .state_box p{font-size:var(--fs25); color:#090909; font-weight:bold; line-height:1.5;}
.rental1_3 .state_box p > br{display:none;}
.rental1_3 .state_list{margin-top:30rem; padding:60rem; box-shadow:10rem 15rem 50rem rgba(0,0,0,.15); border-radius:20rem; background:#fff;}
.rental1_3 .state_list ul li:not(.state_table){display:flex;}
.rental1_3 .state_list ul li+li{margin-top:15rem; padding-top:15rem; border-top:1px dashed #ddd;}
.rental1_3 .state_list ul li > em{display:block; font-size:var(--fs16); font-weight:bold; }
.rental1_3 .state_list ul li:not(.state_table) em{width:100rem; }
.rental1_3 .state_list ul li:not(.state_table) span{display:block; font-size:var(--fs16); width:calc(100% - 100rem);}
.rental1_3 table td.impossible{color:#aaa;}
.rental1_3 table td.possible input{display:none;}
.rental1_3 table td.possible input+label{display:flex; margin:0; align-items:center; justify-content:center; font-size:var(--fs16);}
.rental1_3 table td.possible input+label span{display:block; margin-top:-1rem; margin-left:6rem; width:18rem; aspect-ratio:1/1; border-radius:50%; border:1px solid #ccc;}
.rental1_3 table td.possible input:checked+label span{background:url('/images/content/check1.svg')no-repeat center/cover; border-color:var(--color-point);}
.rental1_3 .total{text-align:right; color:#ed4f4f !important; font-weight:500;}
@media(max-width:1024px){
    .rental1_3 .state_box{padding:40rem;}
    .rental1_3 .state_list{padding:40rem;}
}
@media(max-width:768px){
    .rental1_3 .state_box{padding:30rem;}
    .rental1_3 .state_list{padding:30rem;}
    .rental1_3 .mob_info{display:none !important;}
    .rental1_3 table.table{width:100% !important;}
}
@media(max-width:480px){
    .rental1_3 .state_box{padding:22rem 15rem;}
    .rental1_3 .state_box p{font-size:var(--fs22);}
    .rental1_3 .state_list{margin-top:20rem; padding:30rem 15rem;}
    .rental1_3 .mob_info{display:block !important;}
    .rental1_3 table.table{width:400rem !important;}
}


/* 예약확인 전 로그인 */
.logWrap h3{margin-bottom:40rem; font-size:var(--fs30); color:#090909; line-height:1; text-align:center;}
.logWrap form input{display:block; margin:0 auto 5rem; padding:8rem 30rem; max-width:400rem; width:90%; height:70rem; border-radius:40rem; border:5rem solid #e5e5e5; font-size:var(--fs16); color:#222;}
.logWrap form input:focus{outline:none; border-color:var(--color-point);}
.logWrap form input:placeholder{color:#bbb;}
.logWrap button{display:block; margin:15rem auto 0; max-width:400rem; width:90%; height:70rem; border-radius:40rem; font-size:var(--fs18); color:#fff; background:var(--color-navy);}
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){
    .logWrap h3{margin-bottom:30rem;}
    .logWrap form input{height:60rem; padding:8rem 25rem;}
    .logWrap button{height:60rem;}
}


/* 관람정보 > 시설안내 */
.facilities *{box-sizing:border-box; word-break:keep-all;}
.facilities .box{display:flex; justify-content:space-between; align-items:center; padding-top:var(--p100);}
.facilities .box:nth-child(even){flex-direction:row-reverse;}
.facilities .box > *{width:calc(50% - 40rem);}
.facilities .txt{position:relative; padding:20rem 0; z-index:2;}
.facilities .txt em{display:block; margin-bottom:50rem; font-size:var(--fs45); color:#090909; font-weight:bold; line-height:1;}
.facilities .txt em i{display:block; margin-bottom:20rem; font-size:var(--fs20); color:var(--color-point);}
.facilities .txt ul{display:flex; flex-direction:column; gap:15rem; font-size:var(--fs18); color:#444; line-height:1.5;}
.facilities .txt ul li{display:flex;}
.facilities .txt ul li span{display:block; width:90rem; font-weight:600; color:#111;}
.facilities .txt ul li p{width:calc(100% - 90rem);}
.facilities .swiper{margin:0; border-radius:var(--border-radius20); box-shadow:0 10rem 30rem rgba(0,0,0,.3);}
.facilities .swiper li img{display:block; width:100%; border-radius:var(--border-radius20);}
.facilities .swiper > div{margin-top:0; top:50%; transform:translateY(-50%); width:60rem; height:auto; aspect-ratio:1/1; background:rgba(13,54,90,.6); border-radius:50%;}
.facilities .swiper > div:after{color:#fff; font-size:22rem; font-weight:bold;}
.facilities .swiper .swiper-button-prev{left:10rem;}
.facilities .swiper .swiper-button-prev:after{margin-left:-2rem;}
.facilities .swiper .swiper-button-next{right:10rem;}
.facilities .swiper .swiper-button-next:after{margin-right:-2rem;}
@media(max-width:1024px){
    .facilities .box > *{width:calc(50% - 25rem);}
}
@media(max-width:768px){
    .facilities .box{display:block; padding-top:var(--p140);}
    .facilities .box > *{width:100%;}
    .facilities .txt{padding:0; margin-bottom:35rem;}
    .facilities .txt em{margin-bottom:35rem;}
    .facilities .txt em i{margin-bottom:15rem;}
}
@media(max-width:480px){
    .facilities .swiper > div{width:40rem;}
    .facilities .swiper > div:after{font-size:15rem;}
    .facilities .swiper .swiper-button-next{right:5rem;}
    .facilities .swiper .swiper-button-prev{left:5rem;}
    .facilities .txt{margin-bottom:25rem;}
    .facilities .txt em{margin-bottom:25rem;}
    .facilities .txt ul{gap:10rem;}
    .facilities .txt ul li span{width:70rem;}
    .facilities .txt ul li p{width:calc(100% - 70rem);}
}




/* 전시 > 상설전시 > 체험존(3층) */
.exhibition1 *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
.exhibition1 [data-subTitle="current"]{margin-bottom:var(--m50);}
.exhibition1 .sec1 .inr > p{font-size:var(--fs18); color:#444; text-align:center;}
.exhibition1 .sec1 .box{display:flex; align-items:center; margin-top:40rem; padding:60rem 80rem; background:url('/images/content/exhibition1_bg.jpg')no-repeat center/cover; border-radius:var(--border-radius20);}
.exhibition1 .sec1 .boxLeft{padding-right:80rem; width:42%;}
.exhibition1 .sec1 .boxLeft h3{margin-bottom:25rem; font-size:var(--fs20); color:var(--color-navy);}
.exhibition1 .sec1 .boxLeft h2{display:flex; flex-direction:column; gap:10rem; line-height:1.4; font-size:var(--fs35); color:#090909;}
.exhibition1 .sec1 .boxLeft h2 img{display:block; width:33rem;}
.exhibition1 .sec1 .boxRight{display:flex; flex-direction:column; justify-content:space-between; width:58%; height:400rem; border-radius:10rem; border:2px solid var(--color-navy); background:#fff; overflow:hidden;}
.exhibition1 .sec1 .boxRight img{display:block; width:100%;}
.exhibition1 .sec1 .boxRight .txt{padding:10rem 15rem 0; text-align:center;}
.exhibition1 .sec1 .boxRight em{display:block; margin-bottom:35rem; line-height:1; font-size:var(--fs16); color:var(--color-point); font-weight:bold;}
.exhibition1 .sec1 .boxRight p{font-size:var(--fs20); color:#444;}
.exhibition1 .sec2{margin-top:0 !important; padding-top:var(--p120);}
.exhibition1 .sec2 .inr{display:flex; align-items:center;}
.exhibition1 .sec2 .map{padding-right:80rem; width:42%;}
.exhibition1 .sec2 .map svg{width:100%;}
.exhibition1 .sec2 .map svg #Layer_1 > g{cursor:pointer;}
.exhibition1 .sec2 .map svg .cls-1{fill:#bababa;}
.exhibition1 .sec2 .map svg .cls-2{fill:#fff;}
.exhibition1 .sec2 .map svg .cls-4{fill:#f5f5f5;}
.exhibition1 .sec2 .map svg .on .cls-1{fill:var(--color-point);}
.exhibition1 .sec2 .info {padding-left:80rem; width:58%; border-left:2px dashed #ccc;}
.exhibition1 .sec2 .info em{display:flex; align-items:center; margin-bottom:35rem; line-height:1; font-size:var(--fs30); font-weight:bold; color:#090909;}
.exhibition1 .sec2 .info em img{display:block; margin-right:15rem; width:25rem;}
.exhibition1 .sec2 .info p{font-size:var(--fs18); color:#444;}
.exhibition1 .sec2 .info p+p{margin-top:15rem;}
.exhibition1 .sec2 .swiper{margin-top:35rem; border-radius:var(--border-radius20);}
.exhibition1 .sec2 .swiper li img{display:block; width:100%; border-radius:var(--border-radius20);}
.exhibition1 .sec2 .swiper > div{margin-top:0; top:50%; transform:translateY(-50%); width:60rem; height:auto; aspect-ratio:1/1; background:rgba(13,54,90,.6); border-radius:50%;}
.exhibition1 .sec2 .swiper > div:after{color:#fff; font-size:22rem; font-weight:bold;}
.exhibition1 .sec2 .swiper .swiper-button-prev{left:10rem;}
.exhibition1 .sec2 .swiper .swiper-button-prev:after{margin-left:-2rem;}
.exhibition1 .sec2 .swiper .swiper-button-next{right:10rem;}
.exhibition1 .sec2 .swiper .swiper-button-next:after{margin-right:-2rem;}
@media(max-width:1400px){
    .exhibition1 .sec1 .boxRight p > br.hide_mo{display:none;}
}
@media(max-width:1024px){
    .exhibition1 .sec1 .box{display:block; padding:60rem; background:url('/images/content/exhibition1_bg_mo.jpg')no-repeat center/cover;}
    .exhibition1 .sec1 .boxLeft{padding-right:0; width:100%; text-align:center;}
    .exhibition1 .sec1 .boxLeft h2 img{margin:auto;}
    .exhibition1 .sec1 .boxLeft h2 > br.hide_mo{display:none;}
    .exhibition1 .sec1 .boxRight{margin:30rem auto 0; width:80%; height:350rem;}
    .exhibition1 .sec1 .boxRight em{margin-bottom:25rem;}
    .exhibition1 .sec2 .map{padding-right:50rem;}
    .exhibition1 .sec2 .info{padding-left:50rem;}
}
@media(max-width:768px){
    .exhibition1 .sec1 .box{padding:50rem 40rem;}
    .exhibition1 .sec1 .boxRight{width:100%;}
    .exhibition1 .sec2 .inr{display:block;}
    .exhibition1 .sec2 .map{margin:auto; padding-right:0; width:55%;}
    .exhibition1 .sec2 .info{margin-top:30rem; padding-left:0; padding-top:40rem; border-left:none; border-top:2px dashed #ddd; width:100%; text-align:center;}
    .exhibition1 .sec2 .info em{justify-content:center; margin-bottom:25rem;}
    .exhibition1 .sec2 .info em img{margin:-3rem 10rem 0 0; width:20rem;}
    .exhibition1 .sec2 .swiper{margin-top:30rem;}
}
@media(max-width:480px){
    .exhibition1 .sec1 .inr > p > br{display:none;}
    .exhibition1 .sec1 .box{margin-top:30rem; padding:30rem 15rem;}
    .exhibition1 .sec1 .boxLeft h2 img{width:25rem;}
    .exhibition1 .sec1 .boxLeft h2 > br.hide_mo{display:block;}
    .exhibition1 .sec1 .boxRight{height:300rem;}
    .exhibition1 .sec1 .boxRight em{margin-bottom:15rem;}
    .exhibition1 .sec1 .boxRight p{font-size:var(--fs18);}
    .exhibition1 .sec2 .map{width:90%;}
    .exhibition1 .sec2 .info{margin-top:20rem; padding-top:30rem;}
    .exhibition1 .sec2 .info em{margin-bottom:20rem;}
    .exhibition1 .sec2 .info em img{margin:-1rem 10rem 0 0; width:16rem;}
    .exhibition1 .sec2 .info p+p{margin-top:10rem;}
    .exhibition1 .sec2 .swiper{margin-top:25rem;}
    .exhibition1 .sec2 .swiper > div{width:40rem;}
    .exhibition1 .sec2 .swiper > div:after{font-size:15rem;}
    .exhibition1 .sec2 .swiper .swiper-button-next{right:5rem;}
    .exhibition1 .sec2 .swiper .swiper-button-prev{left:5rem;}
}


/* 전시 > 기획전시 > detail */
.exhibition_detail{display:flex; justify-content:space-between;}
.exhibition_detail .img{overflow:hidden; position:sticky; left:0; top:100rem; width:400rem; height:600rem;}
.exhibition_detail .img img{object-fit:cover; display:block; width:100%; height:100%;}
.exhibition_detail .cnt{padding-top:30rem; width:calc(100% - 500rem); border-top:3rem solid var(--color-navy);}
.exhibition_detail .cnt h2.title{margin-bottom:30rem; font-size:var(--fs30); font-weight:600; color:#111; line-height:1.4;}
.exhibition_detail .cnt i.date{display:block; font-size:var(--fs18); color:#909090;}
.exhibition_detail .cnt h3{margin:70rem 0 30rem; padding-top:20rem; font-size:var(--fs20); font-weight:bold; color:var(--color-navy); border-top:1px solid #ddd;}
.exhibition_detail .cnt .editer.bbsContent{margin:50rem 0 30rem; padding-top:30rem; border-top:1px solid #ddd !importrant;}
@media(max-width:1024px){
    .exhibition_detail .img{width:300rem; height:500rem;}
    .exhibition_detail .cnt{width:calc(100% - 350rem);}
}
@media(max-width:768px){
    .exhibition_detail{display:block;}
    .exhibition_detail .img{position:relative; margin:auto; top:auto; width:50%; height:auto;}
    .exhibition_detail .cnt{margin-top:50rem; padding-top:25rem; width:100%;}
    .exhibition_detail .cnt h2.title{margin-bottom:25rem;}
    .exhibition_detail .cnt h3{margin:60rem 0 30rem;}
}
@media(max-width:480px){
    .exhibition_detail .img{width:80%;}
    .exhibition_detail .cnt{margin-top:40rem; padding-top:20rem;}
    .exhibition_detail .cnt h2.title{margin-bottom:20rem;}
    .exhibition_detail .cnt h3{margin:40rem 0 25rem;}
}


/* 전시 > 온라인전시관 > 홍영철 온라인 전시관 */
.exhibition4_1 *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
.exhibition4_1 .wideImg{position:relative; height:420rem; background:transparent;}
.exhibition4_1 .txt{padding:80rem 0;}
.exhibition4_1 p{font-size:var(--fs18); color:#444; text-align:center;}
.exhibition4_1 p+p{margin-top:30rem;}
.exhibition4_1 .time{display:flex; align-items:center; justify-content:center; margin:50rem auto 0; width:520rem; height:70rem; border-radius:35rem; border:5rem solid #e5e5e5; font-size:var(--fs18); background:#fff;}
.exhibition4_1 .time em{display:flex; align-items:center; line-height:1; font-weight:bold; color:var(--color-navy);}
.exhibition4_1 .time em i{display:block; margin-right:5rem; font-size:var(--fs22);}
.exhibition4_1 .time span{display:block; margin-left:15rem;}
.exhibition4_1 .btn_st1{margin:0 auto 100rem;}
.exhibition4_1 .imgList{display:flex; justify-content:center; gap:50rem;}
.exhibition4_1 .imgList img{display:block; height:450rem;}
@media(max-width:1850px){
    .exhibition4_1 .imgList{gap:20rem;}
    .exhibition4_1 .imgList img{height:340rem;}
}
@media(max-width:1400px){
    .exhibition4_1 .mob_info{display:block !important; margin:auto !important; width:92% !important;}
    .exhibition4_1 .imgList{justify-content:flex-start; gap:15rem; margin-top:15rem; padding:0 4%; overflow-x:scroll;}
    .exhibition4_1 .imgList img{height:400rem;}
}
@media(max-width:1024px){
    .exhibition4_1 .wideImg{height:320rem;}
    .exhibition4_1 p > br{display:none;}
    .exhibition4_1 .imgList img{height:360rem;}
}
@media(max-width:768px){
    .exhibition4_1 .wideImg{height:280rem;}
    .exhibition4_1 .txt{padding:60rem 0;}
    .exhibition4_1 .btn_st1{margin:0 auto 60rem;}
    .exhibition4_1 .imgList img{height:300rem;}
}
@media(max-width:480px){
    .exhibition4_1 .wideImg{height:240rem;}
    .exhibition4_1 .txt{padding:40rem 0;}
    .exhibition4_1 p+p{margin-top:25rem;}
    .exhibition4_1 .time{flex-direction:column; margin-top:40rem; width:100%;}
    .exhibition4_1 .time em{justify-content:center; margin-bottom:2rem;}
    .exhibition4_1 .time span{margin-left:0;}
    .exhibition4_1 .btn_st1{margin-bottom:50rem;}
    .exhibition4_1 .imgList img{height:250rem;}
}


/* 전시 > 온라인전시관 > 공모전 전시관 */
.exhibition4_2 *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
.exhibition4_2 .banner{position:relative; padding:100rem 80rem; color:#fff; border-radius:var(--border-radius20); background:url('/images/content/exhibition4-2_bg.jpg')no-repeat center/cover; overflow:hidden;}
.exhibition4_2 .banner:before{content:''; display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.exhibition4_2 .banner *{position:relative; z-index:1;}
.exhibition4_2 .banner h2{font-size:var(--fs40); line-height:1.4;}
.exhibition4_2 .banner h2 > br{display:none;}
.exhibition4_2 .banner p{margin:40rem 0 70rem; font-size:var(--fs22);}
@media(max-width:1024px){
    .exhibition4_2 .banner{padding:80rem 60rem;}
    .exhibition4_2 .banner p{margin:30rem 0 60rem;}
}
@media(max-width:768px){
    .exhibition4_2 .banner{padding:60rem 40rem;}
    .exhibition4_2 .banner h2 > br{display:block;}
}
@media(max-width:480px){
    .exhibition4_2 .banner{padding:40rem 15rem 100rem;}
    .exhibition4_2 .banner:before{display:block;}
    .exhibition4_2 .banner p{margin:20rem 0 30rem; padding-right:50rem;}
    .exhibition4_2 .banner p > br{display:none;}
}


/* 전시 > 교육 > 박물관 활동지 */
.exhibition5_1:before{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:425rem; background:#fff7e7;}
.exhibition5_1 *{box-sizing:border-box; word-break:keep-all;}
.exhibition5_1 ul{display:flex; flex-wrap:wrap; justify-content:center; gap:20rem;}
.exhibition5_1 ul li{width:calc((100% - 80rem) / 5);}
.exhibition5_1 ul li:nth-child(1){transition-delay:.1s;}
.exhibition5_1 ul li:nth-child(2){transition-delay:.2s;}
.exhibition5_1 ul li:nth-child(3){transition-delay:.3s;}
.exhibition5_1 ul li:nth-child(4){transition-delay:.4s;}
.exhibition5_1 ul li:nth-child(5){transition-delay:.5s;}
.exhibition5_1 ul span{display:block; width:100%; aspect-ratio:1/1; border-radius:50%; background:#fff;}
.exhibition5_1 ul span img{display:block; width:100%;}
.exhibition5_1 ul em{display:block; margin:25rem 0; font-size:var(--fs20); font-weight:600; color:#111; text-align:center; line-height:1;}
.exhibition5_1 ul .btn_wrap a{display:flex; justify-content:space-between; align-items:center; margin:auto; padding:0 33rem 0 35rem; width:200rem; height:50rem; border-radius:25rem; color:#fff; line-height:1; font-size:var(--fs18); font-weight:500; font-family:var(--pop);}
.exhibition5_1 ul .btn_wrap a i{font-size:var(--fs25);}
.exhibition5_1 ul .btn_wrap a.hwp{background:var(--color-navy);}
.exhibition5_1 ul .btn_wrap a.jpg{margin-top:5rem; background:var(--color-point)}
@media(max-width:1024px){
    .exhibition5_1:before{height:360rem;}
    .exhibition5_1 ul .btn_wrap a{padding:0 23rem 0 25rem; width:150rem;}
}
@media(max-width:768px){
    .exhibition5_1:before{height:785rem;}
    .exhibition5_1 ul{gap:40rem 20rem;}
    .exhibition5_1 ul li{width:calc((100% - 80rem) / 3);}
}
@media(max-width:480px){
    .exhibition5_1 ul{display:block;}
    .exhibition5_1 ul li{display:flex; align-items:center; width:100%; transition-delay:0s !important;}
    .exhibition5_1 ul li+li{margin-top:20rem;}
    .exhibition5_1 ul span{width:120rem;}
    .exhibition5_1 ul em{margin:0 0 15rem;}
    .exhibition5_1 ul .txt{padding-left:20rem; width:calc(100% - 120rem);}
    .exhibition5_1 ul .btn_wrap{display:grid; grid-template-columns:1fr 1fr; gap:5rem;}
    .exhibition5_1 ul .btn_wrap a{margin:0 !important; padding:0 15rem 0 18rem; width:100%; height:35rem;}
}


/* 전시 > 씨네뮤지엄 */
.exhibition6 *{box-sizing:border-box; word-break:keep-all;}
.exhibition6{background:url('/images/content/exhibition6_bg_mo.jpg')no-repeat center/cover;}
.exhibition6 h2[data-subTitle="current"]{margin-bottom:var(--m50); color:#fff;}
.exhibition6 .sec1{padding-top:20rem;}
.exhibition6 .sec1 p{font-size:var(--fs18); font-weight:300; color:#fff; text-align:center; line-height:1.7; text-align:center; opacity:.9;}
.exhibition6 .sec1 p > br.show_mo{display:none;}
.exhibition6 .sec1 p+p{margin-top:30rem;}
.exhibition6 .sec1 h3{display:flex; flex-direction:column; gap:10rem; margin-top:var(--m50); line-height:1.4; font-size:var(--fs35); color:#fff; text-align:center;}
.exhibition6 .sec1 h3 img{display:block; margin:auto; width:33rem;}
.exhibition6 .mob_info{margin:0 auto 20rem; width:92% !important; background:transparent !important; border:1px dashed rgba(255,255,255,.2) !important; color:rgba(255,255,255,.6);}
.exhibition6 .themeAll{text-align:center;}
.exhibition6 .themeAll i{display:inline-block; margin:0 auto 30rem; padding:10rem 30rem; border-radius:40rem; background:rgba(255,255,255,.2); color:#fff; font-size:var(--fs16); text-align:center;}
.exhibition6 .themeAll .mob_info:before{background:url(../../images/board/img_drag_w.png) no-repeat 50% 0/100% !important; opacity:.6;}
.exhibition6 .themeAll .scrollWrap{position:relative; margin:auto; padding:0 2%;}
.exhibition6 .themeAll .scroll{display:block; position:relative; margin:auto; max-width:1600rem; width:100%;}
.exhibition6 .themeAll .scroll img{display:block; width:100%;}
.exhibition6 .themeAll .scroll a{position:absolute; height:7%;}
.exhibition6 .themeAll .scroll a.theme__01{top:44.2%; right:12.6%; width:14.25%;}
.exhibition6 .themeAll .scroll a.theme__02{top:17.2%; right:21.4%; width:14.2%;}
.exhibition6 .themeAll .scroll a.theme__03{top:11.3%; left:42%; width:14.2%}
.exhibition6 .themeAll .scroll a.theme__04{top:11.3%; left:17.2%; width:14.2%;}
.exhibition6 .themeAll .scroll a.theme__05{top:30.7%; left:1.4%; width:12.3%;}
.exhibition6 .themeAll .scroll a.theme__06{top:37%; left:17.4%; width:16%;}
.exhibition6 .themeAll .scroll a.theme__07{top:44.1%; left:36.2%; width:12.7%;}
.exhibition6 .themeAll .scroll a.theme__08{top:33.8%; left:48.4%; width:12.7%;}
.exhibition6 .themeInfo .box{display:flex; justify-content:space-between; align-items:center; padding-top:var(--p100);}
.exhibition6 .themeInfo .box:nth-child(even){flex-direction:row-reverse;}
.exhibition6 .themeInfo .box > *{width:calc(50% - 40rem);}
.exhibition6 .themeInfo .txt{position:relative; padding:20rem 0; z-index:2;}
.exhibition6 .themeInfo .txt em{display:block; margin-bottom:40rem; font-size:var(--fs50); color:#fff; font-weight:bold; line-height:1; font-family:var(--font-pop);}
.exhibition6 .themeInfo .txt em i{display:block; margin-bottom:20rem; font-size:var(--fs18); color:var(--color-point);}
.exhibition6 .themeInfo .txt p{font-size:var(--fs20); font-weight:300; color:#fff; line-height:1.7; opacity:.9;}
.exhibition6 .themeInfo .txt p > br.show_mo{display:none;}
.exhibition6 .themeInfo .swiper{margin:0; border-radius:var(--border-radius20); box-shadow:0 10rem 30rem rgba(0,0,0,.3);}
.exhibition6 .themeInfo .swiper li img{display:block; width:100%; border-radius:var(--border-radius20);}
.exhibition6 .themeInfo .swiper > div{margin-top:0; top:50%; transform:translateY(-50%); width:60rem; height:auto; aspect-ratio:1/1; background:rgba(13,54,90,.6); border-radius:50%;}
.exhibition6 .themeInfo .swiper > div:after{color:#fff; font-size:22rem; font-weight:bold;}
.exhibition6 .themeInfo .swiper .swiper-button-prev{left:10rem;}
.exhibition6 .themeInfo .swiper .swiper-button-prev:after{margin-left:-2rem;}
.exhibition6 .themeInfo .swiper .swiper-button-next{right:10rem;}
.exhibition6 .themeInfo .swiper .swiper-button-next:after{margin-right:-2rem;}
@media(hover:hover){
    .exhibition6{background:url('/images/content/exhibition6_bg.jpg')no-repeat center/cover; background-attachment:fixed;}
}
@media(max-width:1024px){
    .exhibition6 .themeInfo .box > *{width:calc(50% - 25rem);}
    .exhibition6 .themeInfo .txt p > br{display:none;}
}
@media(max-width:768px){
    .exhibition6 .themeAll i{margin-bottom:10rem;}
    .exhibition6 .themeAll .scrollWrap{overflow-x:scroll;}
    .exhibition6 .themeAll .scroll{display:block; width:1200rem;}
    .exhibition6 .themeInfo .box{display:block; padding-top:var(--p140);}
    .exhibition6 .themeInfo .box > *{width:100%;}
    .exhibition6 .themeInfo .txt{padding:0; margin-bottom:35rem;}
    .exhibition6 .themeInfo .txt em{margin-bottom:25rem;}
    .exhibition6 .themeInfo .txt em i{margin-bottom:15rem;}
}
@media(max-width:480px){
    .exhibition6 .sec1 p > br{display:none;}
    .exhibition6 .sec1 p > br.show_mo{display:block;}
    .exhibition6 .sec1 p+p{margin-top:20rem;}
    .exhibition6 .sec1 h3 img{width:25rem;}
    .exhibition6 .themeInfo .swiper > div{width:40rem;}
    .exhibition6 .themeInfo .swiper > div:after{font-size:15rem;}
    .exhibition6 .themeInfo .swiper .swiper-button-next{right:5rem;}
    .exhibition6 .themeInfo .swiper .swiper-button-prev{left:5rem;}
    .exhibition6 .themeInfo .txt{margin-bottom:25rem;}
    .exhibition6 .themeInfo .txt em{margin-bottom:18rem;}
    .exhibition6 .themeInfo .txt p > br.show_mo{display:block;}
}


/* 정보공개 > 공공데이터개방 */
.publicData *{box-sizing:border-box; word-break:keep-all;}
.publicData p{font-size:var(--fs18); color:#444; line-height:1.5;}
.publicData p i{color:#aaa;}
.publicData .txtBox{padding:30rem 40rem; border-radius:var(--border-radius20); border:5rem solid #e5e5e5; background:#fff;}
.publicData .linkBox{margin-top:30rem; padding:80rem; border-radius:var(--border-radius20); overflow:hidden;}
.publicData .sec2 .linkBox{background:#fff7e7;}
.publicData .sec3 .linkBox{background:#eceff5;}
.publicData .linkBox h2{margin-bottom:30rem; font-size:var(--fs35); color:#222; line-height:1.5;}
.publicData .linkBox img{display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:50%;}
@media(max-width:1024px){
    .publicData .txtBox{padding:30rem 20rem;}
    .publicData .linkBox{padding:60rem 50rem;}
}
@media(max-width:768px){
    .publicData .linkBox{padding:50rem 40rem;}
    .publicData .sec3 .linkBox img{width:55%;}
}
@media(max-width:480px){
    .publicData p i{display:block;}
    .publicData .txtBox{padding:20rem 15rem;}
    .publicData .linkBox{margin-top:20rem; text-align:center; padding:35rem 20rem 220rem;}
    .publicData .linkBox h2{margin-bottom:20rem;}
    .publicData .linkBox a{margin:auto;}
    .publicData .linkBox img{top:auto; bottom:-10rem; right:auto; left:50%; transform:translateX(-50%); width:auto !important; height:180rem;}
}


/* 박물관 소개 > 인사말 */
.greeting *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
.greeting .cnt{display:flex; justify-content:center; position:relative; z-index:1;}
.greeting .cnt h2{display:flex; align-items:center; flex-direction:column; gap:12rem; margin-top:10rem; font-size:var(--fs40); font-weight:bold; color:#090909; line-height:1.4; text-align:center;}
.greeting .cnt h2 img{display:block; width:34rem;}
.greeting .cnt .txt{padding-left:80rem; margin-left:80rem; border-left:1px solid #ddd;}
.greeting .cnt .txt p{font-size:var(--fs18); color:#444;}
.greeting .cnt .txt p+p{margin-top:30rem;}
.greeting .cnt .txt span{display:flex; justify-content:flex-end; align-items:flex-end; gap:15rem; margin-top:40rem; font-size:var(--fs16); font-weight:600; color:var(--color-navy); line-height:1;}
.greeting .cnt .txt span img{display:block; margin-bottom:-2rem; width:60rem;}
.greeting .img{display:block; margin-top:-100rem; width:100%; border-radius:0 0 20rem 20rem; overflow:hidden;}
.greeting .img img{display:block; width:100%;}
.greeting .img img.mo{display:none;}
@media(max-width:1024px){
    .greeting .cnt .txt{padding-left:50rem; margin-left:50rem; width:calc(100% - 400rem);}
    .greeting .cnt .txt p > br.hide_mo{display:none;}
}
@media(max-width:768px){
    .greeting h2[data-subTitle="current"]{margin-bottom:var(--m50);}
    .greeting .cnt{display:block;}
    .greeting .cnt h2{gap:10rem;}
    .greeting .cnt h2 > br{display:none;}
    .greeting .cnt .txt{margin:40rem auto 0; padding-left:0; border-left:none; width:85%; text-align:center;}
    .greeting .cnt .txt span{justify-content:center;}
    .greeting .img{margin-top:-50rem;}
}
@media(max-width:480px){
    .greeting .cnt h2{gap:8rem;}
    .greeting .cnt h2 img{width:28rem;}
    .greeting .cnt .txt{margin-top:30rem; width:95%;}
    .greeting .cnt .txt p+p{margin-top:20rem;}
    .greeting .cnt .txt span{margin-top:30rem;}
    .greeting .cnt .txt span img{width:50rem;}
    .greeting .img{margin-top:20rem;}
    .greeting .img img.pc{display:none;}
    .greeting .img img.mo{display:block;}
}


/* 박물관 소개 > 조직도 */
.group img{display:block; margin:auto; max-width:580rem; width:100%;}


/* 박물관 소개 > 연혁 */
.history *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
.history .inr > h3{margin:-20rem 0 10rem; font-size:var(--fs30); font-weight:600; line-height:1.4; color:var(--color-point); text-align:center;}
.history .inr > p{font-size:var(--fs18); color:#777; text-align:center;}
.historyWrap{position:relative; margin-top:45rem; padding:40rem 0;}
.historyWrap:before{content:''; display:block; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd;}
.historyWrap .hisBox{position:relative; display:flex; gap:140rem;}
.historyWrap .hisBox:before{content:''; display:block; position:absolute; left:50%; top:12rem; transform:translateX(-50%); width:20rem; aspect-ratio:1/1; background:#fff; border-radius:50%; border:5rem solid var(--color-point);}
.historyWrap .hisBox+.hisBox{margin-top:120rem;}
.historyWrap .hisBox > *{width:50%;}
.historyWrap .hisBox h1{font-size:var(--fs45); font-weight:bold; color:#090909; font-family:var(--font-pop); line-height:1;}
.historyWrap .hisBox ul{margin-top:7rem}
.historyWrap .hisBox ul li{display:flex; font-size:var(--fs20);}
.historyWrap .hisBox ul li+li{margin-top:20rem;}
.historyWrap .hisBox ul em{display:block; font-weight:900; color:var(--color-point); width:60rem;}
.historyWrap .hisBox ul p{color:#444; width:calc(100% - 60rem);}
.historyWrap .hisBox:nth-child(odd) h1{text-align:end;}
.historyWrap .hisBox:nth-child(even){flex-direction:row-reverse;}
.historyWrap .hisBox:nth-child(even) ul li{flex-direction:row-reverse; text-align:end;}
@media(max-width:1024px){
    .historyWrap .hisBox{gap:100rem;}
}
@media(max-width:768px){
    .historyWrap .hisBox{gap:80rem;}
    .historyWrap .hisBox:before{top:8rem;}
    .historyWrap .hisBox+.hisBox{margin-top:100rem;}
    .historyWrap .hisBox ul{margin-top:5rem;}
    .historyWrap .hisBox ul li{font-size:var(--fs18);}
    .historyWrap .hisBox ul em{width:50rem;}
    .historyWrap .hisBox ul p{width:calc(100% - 50rem);}
}
@media(max-width:480px){
    .history .inr > h3{margin-bottom:8rem; font-size:18rem;}
    .historyWrap{margin-top:30rem; padding:30rem 0;}
    .historyWrap:before{left:80rem;}
    .historyWrap .hisBox{gap:0;}
    .historyWrap .hisBox:before{top:2rem; left:80rem; width:15rem; border-width:4rem;}
    .historyWrap .hisBox+.hisBox{margin-top:50rem;}
    .historyWrap .hisBox h1{width:55rem !important; font-size:22rem;}
    .historyWrap .hisBox ul{margin-top:0; padding-left:50rem; width:calc(100% - 55rem);}
    .historyWrap .hisBox ul li+li{margin-top:15rem;}
    .historyWrap .hisBox ul em{width:35rem;}
    .historyWrap .hisBox ul p{width:calc(100% - 35rem);}
    .historyWrap .hisBox:nth-child(even){flex-direction:row;}
    .historyWrap .hisBox:nth-child(even) h1{text-align:end;}
    .historyWrap .hisBox:nth-child(even) ul li{flex-direction:row; text-align:left;}
}


/* 박물관 소개 > 시설현황 */
.facilityStatus *{box-sizing:border-box; word-break:keep-all;}
.facilityStatus .cntWrap{display:flex;}
.facilityStatus .cnt1{padding-right:50rem; width:50%; border-right:2px dashed #e5e5e5;}
.facilityStatus .cnt2{padding-left:50rem; width:50%;}
@media(max-width:1024px){
    .facilityStatus .cnt1{padding-right:40rem;}
    .facilityStatus .cnt2{padding-left:40rem;}
}
@media(max-width:768px){
    .facilityStatus .cntWrap{display:block;}
    .facilityStatus .cnt1{padding-right:0; width:100%; border-right:none;}
    .facilityStatus .cnt2{margin-top:var(--m120); padding-left:0; width:100%;}
}


/* 박물관 소개 > 시그니쳐 */
.mi *{box-sizing:border-box; word-break:keep-all;}
.mi h3.tit{position:relative; padding-top:25rem; line-height:1; font-size:var(--fs30); font-family:var(--font-pop); color:var(--color-point); text-align:center; border-top:1px solid #e5e5e5;}
.mi h3.tit:before{content:''; display:block; position:absolute; left:50%; top:-6rem; transform:translateX(-50%); width:10rem; aspect-ratio:1/1; border-radius:50%; background:var(--color-point);}
.mi h3.tit+p{margin:35rem 0 50rem; font-size:var(--fs18); color:#444; text-align:center; line-height:1.5;}
.mi .story .logoBox{display:flex; justify-content:center; align-items:center; padding:0 20rem; height:370rem; border-radius:var(--border-radius20); background:#fff url('/images/content/mi_logoBg.png')no-repeat center/cover; border:1px solid #e5e5e5;}
.mi .story .logoBox img{display:block; max-width:800rem; width:100%;}
.mi .colorBox{display:flex; justify-content:center; align-items:center; padding:100rem 20rem; background:#fff url('/images/content/mi_colorBg.jpg')no-repeat center/cover; border-radius:var(--border-radius20); overflow:hidden;}
.mi .colorBox .cnt{display:flex; padding:15rem; max-width:1060rem; width:100%; height:280rem; background:#fff; box-shadow:0 0 60rem rgba(0,0,0,.2);}
.mi .colorBox .primaryColor{display:block; width:250rem; aspect-ratio:1/1; background:#f15a30;}
.mi .colorBox .info{display:flex; flex-direction:column; justify-content:space-between; padding:35rem 60rem; width:calc(100% - 250rem);}
.mi .colorBox .info h2{font-size:var(--fs45); font-family:var(--font-pop); color:#090909; line-height:1;}
.mi .colorBox .info h2 em{display:block; margin-bottom:15rem; font-size:var(--fs16); font-weight:600; color:#f15a30;}
.mi .colorBox .info ul{display:flex; justify-content:space-between;}
.mi .colorBox .info ul li{color:#333; font-weight:500;}
.mi .colorBox .info ul i{display:block; margin-bottom:10rem; font-size:var(--fs15); line-height:1; opacity:.3;}
.mi .colorBox .info ul p{font-size:var(--fs18);}
@media(max-width:1024px){
    .mi .story .logoBox img{max-width:600rem;}
    .mi .color h3.tit+p > br{display:none;}
    .mi .colorBox{padding:50rem 20rem;}
    .mi .colorBox .cnt{height:250rem;}
    .mi .colorBox .primaryColor{width:220rem;}
    .mi .colorBox .info{padding:20rem 30rem; width:calc(100% - 220rem);}
}
@media(max-width:768px){
    .mi h3.tit+p{margin:25rem 0 35rem;}
    .mi h3.tit+p > br{display:none;}
    .mi .story .logoBox{height:280rem;}
    .mi .colorBox .cnt{height:320rem;}
    .mi .colorBox .info ul{flex-wrap:wrap; gap:25rem 0;}
    .mi .colorBox .info ul li{width:50%;}
    .mi .colorBox .info ul i{margin-bottom:8rem;}
}
@media(max-width:480px){
    .mi h3.tit{padding-top:15rem;}
    .mi h3.tit+p{margin:20rem 0 30rem;}
    .mi .story .logoBox{height:200rem;}
    .mi .colorBox{padding:40rem 20rem;}
    .mi .colorBox .cnt{display:block; height:auto;}
    .mi .colorBox .primaryColor{width:100%;}
    .mi .colorBox .info{padding:30rem 0 10rem; width:100%;}
    .mi .colorBox .info h2 em{margin-bottom:8rem;}
    .mi .colorBox .info ul{margin-top:40rem; gap:20rem 0;}
    .mi .colorBox .info ul i{margin-bottom:5rem;}
    .mi .colorBox .info ul p{font-size:14rem;}
}


/**/
.endowment *{box-sizing:border-box; word-break:keep-all;}
.endowment h2[data-subTitle="current"]{margin-bottom:var(--m50);}
.endowment .inr > p{font-size:var(--fs18); color:#444; line-height:1.5; text-align:center;}
.endowment .procedure{margin-top:var(--m50); padding-top:30rem; border-top:1px solid #ddd;}
.endowment .procedure .box{padding:60rem 15rem; border:1px solid #e5e5e5; border-radius:var(--border-radius20); background:#fff; overflow:hidden;}
.endowment .procedure .box img{display:block; margin:auto; max-width:1210rem; width:100%;}
.endowment .sec2 .inr{display:flex;}
.endowment .donor{padding-right:50rem; width:50%; border-right:2px dashed #e5e5e5;}
.endowment .donor .list_txt1{padding:40rem 30rem; border-radius:var(--border-radius20); border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
.endowment .contact{padding-left:50rem; width:50%;}
.endowment .contact ul li{display:flex; align-items:center; width:100%; height:70rem; border-radius:35rem; border:1px solid #e5e5e5; background:#fff; font-size:var(--fs18);}
.endowment .contact ul li+li{margin-top:10rem;}
.endowment .contact ul span{display:flex; align-items:center; gap:20rem; padding:0 30rem ; font-weight:600; color:#111; width:160rem; height:30rem; border-right:1px solid #ccc;}
.endowment .contact ul span i{display:block; font-size:var(--fs30); color:var(--color-point);}
.endowment .contact ul span+*{padding-left:30rem; width:calc(100% - 160rem); color:#444;}
@media(max-width:1024px){
    .endowment .donor{padding-right:40rem;}
    .endowment .contact{padding-left:40rem;}
}
@media(max-width:768px){
    .endowment .inr > p > br{display:none;}
    .endowment .procedure .box{padding:20rem 15rem 40rem;}
    .endowment .procedure .box .scrollWrap{margin-top:15rem; overflow-x:scroll;}
    .endowment .procedure .box img{width:880rem;}
    .endowment .donor{padding-right:20rem;}
    .endowment .donor .list_txt1{padding:30rem 20rem;}
    .endowment .contact{padding-left:20rem;}
    .endowment .contact ul li{height:60rem;}
    .endowment .contact ul span{gap:10rem; padding:0 20rem; width:120rem;}
    .endowment .contact ul span i{margin-top:2rem;}
    .endowment .contact ul span+*{padding-left:20rem; width:calc(100% - 120rem);}
}
@media(max-width:480px){
    .endowment .procedure{padding-top:20rem;}
    .endowment .procedure .box{padding:10rem 15rem 30rem;}
    .endowment .procedure .box img{width:750rem;}
    .endowment .sec2 .inr{display:block;}
    .endowment .donor{padding-right:0; width:100%; border-right:none;}
    .endowment .donor .list_txt1{padding:22rem 15rem;}
    .endowment .contact{margin-top:var(--m120); padding-left:0; width:100%;}
    .endowment .contact ul span{padding:0 25rem;}
    .endowment .contact ul span+*{padding-left:25rem;}
}


/**/
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){}


/**/
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){}