@charset "utf-8";

.mView { display:none; }
.mHide { display:inline-block; }
/* 서브메뉴 */
.secMenu { position:absolute; top:0; left:0; width:100%; /*height:77px;*/ /*background: #eee;*/ background:#fff; /*border-bottom:1px solid #000;*/ text-align:center; z-index:100; }
body.navOpen .secMenu {z-index:1;}
.secMenu >  div { margin:0 auto; max-width:1392px; border-bottom:1px solid #000; }
.secMenu ul { justify-content: center; }
.secMenu li { display: inline-block; width:auto; }
.secMenu li a { position:relative; display: block; padding:15px 23px; color: #949494; font-size:21px; /*font-size: 1.5rem;*/ font-weight: 600; text-align: center; transition: color .2s; }
@media screen and (min-width: 940px){
	.secMenu li a {padding:0px 23px; height:60px; line-height:60px;}
}
/* 2022-01-19 수정 -s */
.secMenu li a.curr { color:#000; border: 2px dotted #000; border-radius: 4px;}
/* .secMenu li a.curr:before { position:absolute; content:""; left:0; bottom:0; width:100%; height:2px; background: #000; } */
@media (hover: hover) {
    .secMenu li a:hover { color:#000; }
    /*.secMenu li a:hover:before{ position:absolute; content:""; left:0; bottom:0; width:100%; height:2px; background: #000; }*/
}
@media screen and (max-width:1350px) {
    html:lang(en) .gnb .gnbList > li > a, 
    html:lang(en) .gnb .sub ul a {font-size:22px;}
    html:lang(en) .secMenu li a {padding:25px 20px; font-size:16px;}
    
    html:lang(ja) .gnb .gnbList > li > a, 
    html:lang(ja) .gnb .sub ul a {font-size:22px;}
    html:lang(ja) .secMenu li a {padding:25px 20px; font-size:16px;}
}
/* 2022-01-19 수정 -e */
@media screen and (max-width:1160px) {
    .secMenu li a { padding:26px 15px; font-size: 20px; }
}
@media screen and (max-width:940px) {
    .mainCont { height:100%; }
    .mView { display:inline-block; }
    .mHide { display:none; }
    /* .secMenu { height:61px; } */
    .secMenu .baner-slide-wraper { overflow: hidden; }
    .secMenu .baner-slide .swiper-slide{ width: auto !important; }
    .secMenu ul { justify-content: inherit; }
    .secMenu li { width:auto; }
    .secMenu li a { padding:20px 20px 19px; font-size: 17px; }

    /* .secMenu ul { white-space: nowrap; } */
}
.mainCont + .mainCont { padding-top:70px; }
.mainCont .inner > div.centerCon { padding-top:60px; padding-bottom:30px;}
.centerCon h3 { margin-left:104px; margin-bottom:20px; font-size: 28px; font-weight:600; }
.centerCon .titBtnWrap { display: flex; justify-content: space-between; align-items: center; }
.centerCon .titBtnWrap h3 { margin-left:0; }

/* slide */
.centerCon .swiperWrap { position:relative; margin:0 auto; padding:0 104px; width:1600px; }
.centerCon .swiper { overflow: hidden; }
/* .centerCon .swiper-slide { padding:0 1px; text-align:center; } */
/* .exhibition .swiper-slide img,
.education .swiper-slide img{ border:1px solid #d8d8d8; }
.exhibition .swiper-slide:hover img,
.education .swiper-slide:hover img{ border:1px solid #000; } */ /*2022-01-19*/
.centerCon .swiper-slide .info { text-align:left; }
.centerCon .swiper-button-prev,
.centerCon .swiper-button-next { top:35%; margin-top:-36px; width:40px; height:77px; cursor: pointer;  }
.centerCon .swiper-button-prev { left:0; background: url(../images/common/slider_arrow_prev.png) no-repeat center; }
.centerCon .swiper-button-next { right:0; background: url(../images/common/slider_arrow_next.png) no-repeat center; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display:none; }

/* list */
.centerCon .listArea { padding: 0 104px; }
.centerCon .listArea h3 { margin-left:0; }
.centerCon .listArea > div {  margin:0 auto; width:1390px; }
[class^=boardType] { margin-top: 20px; }
[class^=boardType] > ul { display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 -30px; }
[class^=boardType] > ul > li { position: relative; width: 25%; }
[class^=boardType] > ul > li > a { position: relative; display: inline-block; padding: 0 30px; width: 100%; }
[class^=boardType] figure { position: relative; margin-bottom: 25px; min-height: 290px; /*border: 1px solid #d5d5d5;*/ overflow: hidden; background-size:100% auto !important;} /*2022-01-19*/
.exhibition [class^=boardType] figure { min-height:400px; }/*2022-01-19*/
/* [class^=boardType] figure:hover { border:1px solid #000; } 2022-01-28  */
[class^=boardType] figure img { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0 } /*2022-01-19*/ 
.boardType01 > ul > li { padding: 0 0 40px; }
.boardType01 > ul > li > div:not(.info) { display: inline-block; width: 100%; padding: 0 20px; }
.boardType01 > ul > li > button { margin-left:0; padding: 0 0 0 30px; border:none; font-weight:600; }
.boardType01 .info { position: relative; }
.boardType01 .info .btnIcon { position: absolute; top: -4px; right: 0; }
/* 220128 최종 */
.exhibition [class^=boardType] figure {border:none; background:none !important; min-height:auto !important; border-bottom: 1px solid #000;}
.exhibition [class^=boardType] figure img {position:static; display:block; top:auto; left:auto; bottom:auto; right:auto; width:auto; max-height:270px; height:auto; opacity:1; margin:0 auto;}
.exhibition ul li .btnIcon {
    min-width: auto;
    padding: 0 30px;
    height: auto;
    border: 0;
    border-radius: 0;
    line-height: normal;
    margin: 10px 0 0 0;
    font-weight: 600;
    color: #949494;
    margin-top: 10px;
}

.centerCon .info { margin-top:25px; }
.centerCon .info span { display:block; }
.centerCon .info span.cate { margin-bottom:10px; font-weight:600;}
.centerCon .info span.date { font-weight:400; color:#777; }
.centerCon .info .tit { display:block; margin:0 0 10px; font-size:20px; } 
.centerCon .info .tit + p,
.centerCon .info ul { margin-top:10px; font-weight:400; line-height: 25px; word-break: keep-all; }
.centerCon .info ul + p { margin-top:10px; font-weight:400; }
.centerCon .info ul li { position:relative; padding-left:10px; color:#454b54; }
.centerCon .info ul li:before { position:absolute; content:""; top:50%; left:0; margin-top:-2px; width:3px; height:3px; border-radius: 100%; background-color: #454b54;}
.centerCon .info ul.breadcrumb li { display:inline-block; padding-left:0; font-weight:400; color:#000; }
.centerCon .info ul.breadcrumb li + li { padding-left:10px;  }
.centerCon .info ul.breadcrumb li:first-child:before { display:none; }
.centerCon .info ul.breadcrumb li + li:before { top:50%; left:4px; margin-top:-8px; width:1px; height:17px; background-color:#000; }
@media screen and (max-width:1600px) {
    /* list */
    .centerCon .listArea { padding: 0 52px; }
    .centerCon .listArea > div { padding:0; width:100%; }
    .centerCon h3 { margin-left:52px; }
    .centerCon .swiperWrap { padding:0 52px; width:100%; }
    /* list */
    .boardType01 > ul { margin: 0; }
    [class^=boardType] > ul > li > a { padding: 0 10px; }
    .boardType01 > ul > li > button { padding: 0 0 0 20px }
}
/* @media screen and (max-width:1200px) {
    .exhibition [class^=boardType] figure { min-height:280px; }
}
@media screen and (max-width:1160px) {
    [class^=boardType] figure { min-height:230px; }
    .exhibition [class^=boardType] figure { min-height:320px; }   
}
@media screen and (max-width:1160px) {
    [class^=boardType] > ul { margin:0; }
    [class^=boardType] figure { min-height:190px; }
    .exhibition [class^=boardType] figure { min-height:280px; }
} */
@media screen and (max-width:940px) {
    .mainCont + .mainCont { padding-top:40px; }
    .mainCont .inner > div.centerCon { padding-top:55px; }
    .centerCon h3 { margin-left:0; margin-bottom:15px; font-size: 20px; }
    .centerCon .titBtnWrap { padding-bottom:10px; }
    .centerCon .titBtnWrap h3 { margin-left:0; margin-bottom:0; }
    .centerCon .titBtnWrap button { margin-right:15px; padding: 0 38px; height:40px; line-height: 40px; }
    .centerCon .info .tit + p, 
    .centerCon .info ul { line-height: 20px; }
    .centerCon .info .tit { margin: 0 0 6px; font-size:15px; } 
    .centerCon .info .tit + p br { display:none; }

    /* slide */
    .centerCon .swiperWrap { padding:0; }
    .centerCon .swiper-slide { max-width:100%; width:210px; }
    .centerCon .swiper-button-prev, 
    .centerCon .swiper-button-next { display:none; }
    /* list */
    .centerCon .listArea { padding: 0; }
    [class^=boardType] { margin-top: 0; }
	[class^=boardType] > ul { width: 100%; margin: -24px 0 0; }
	[class^=boardType] > ul > li { width: 50%; }
	[class^=boardType] > ul > li > a { padding: 24px 8px 0; }
	[class^=boardType] figure { margin-bottom: 17px; }
	.boardType01 > ul > li { padding:0; }
    /* boardType01 */
	.boardType01 { margin-top: 20px; }
	.boardType01 > ul > li > div:not(.info) { padding: 20px 10px; }
    .boardType01 > ul > li > button { padding: 0 0 0 8px }

    .exhibitionSwiper .centerCon .swiper-slide { max-width:210px; width:100%; }
    /* [class^=boardType] > ul > li,
    .exhibitionSwiper > ul > li { width: 50%; } */
}
@media screen and (max-width:767px) {
    .centerCon .info .tit { font-size:15px; }
    .centerCon .info ul.breadcrumb li + li:before { margin-top:-6.5px; height:13px; }

    [class^=boardType] figure { margin-bottom: 10px; }
}
.centerCon .noSlideWrap a { display:inline-block; }
.colorB { color:#000; }

/* 메인visual */
.visual { position: relative; height:100vh; }
.visual div .title { position:absolute; top:25%; left:50%; width:100%; font-size:20px; text-align: center; letter-spacing:0px; transform: translateX(-50%); /* animation: fadein 1.5s ease-in both; -webkit-animation: fadein 1.5s ease-in both; animation-delay: 1s; -webkit-animation-delay: 1s; */} /*2022-01-19수정*/
.visual div .title strong { display:block; margin-top:20px; font-size:28px; /* animation: fadeIn2 1.5s ease-in both; -webkit-animation: fadein2 1.5s ease-in both; animation-delay: 2.5s; -webkit-animation-delay: 2.5s;*/ }
.visual div .title p {font-size:21px;}
.infoWrap { position: absolute; left: 0; bottom: 15px; transition: .3s; } /*2022-02-03*/
.infoWrap > div { display: flex; position:relative; padding-right:48px; height: 250px;}
.infoWrap > div > div { flex:1; padding:20px; margin-left:15px; width: 310px; background:#fff; border-radius:24px; border:1px solid #000; color:#000;} /*2022-02-03*/
.infoWrap p.tit { font-size:17px; font-weight:600; }
.infoWrap #noticeList p.tit {
    height:44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.infoWrap .sub.date {
    display:none;
}
.infoWrap > div > div p + p { margin-top:10px; }
.infoWrap > div > div p span { display:block; font-size: 13px; letter-spacing: 0; }
.infoWrap div.timeInfo .sameHeight { /*position:absolute; bottom:35px;*/ margin-top:20px; width:100%; } /*2022-01-14*/
/* .infoWrap div.timeInfo .sameHeight p:last-child { position:absolute; bottom:0; } */
.infoWrap div.timeInfo .time p { font-size: 28px; font-weight:600; }
html:lang(en) .infoWrap div.timeInfo .time p {font-size:20px;}
html:lang(ja) .infoWrap div.timeInfo .time p {font-size:20px;}
.infoWrap .swiperWrap { overflow: hidden; margin: 0 15px; }  /*2022-02-03*/
.infoWrap #noticeList .swiperWrap {margin:0;}
.infoWrap .swiper-slide { width:100% !important; }
.infoWrap div.comInfo { position:relative; left:0; background:#fff; } /*2022-02-03*/
/* .infoWrap div.comInfo .sameHeight { max-height: 150px; overflow-y: scroll; } */
.infoWrap div.comInfo .sameHeight.cScroll { height:150px; }
.infoWrap div.comInfo .date { margin: 7px 0 17px; color:#666; }
.infoWrap div.comInfo p:not(.tit) { font-size: 13px; font-weight:400; }
.infoWrap div.comInfo .viewMore{ display:inline-block; margin-top:50px; padding-right:12px; background:url('../images/common/icon_arrow.png') no-repeat center right/ auto 12px; font-size: 13px; font-weight: 600; letter-spacing: -.3px; }
.infoWrap > div > a.notiOpenBtn { position:absolute; top:0px; right:0; width: 48px; height:48px; border:1px solid #000; background: #fff url('../images/common/icon_arrow_b.png') no-repeat center / 12px auto; text-indent:-9999px; overflow:hidden; border-radius:100%;} 
/*2022-02-03*/ .infoWrap > div > a.notiOpenBtn.on { transform: rotate(180deg); border-radius:100%;}
.infoWrap .swiperWrap .swiper-button-next,
.infoWrap .swiperWrap .swiper-button-prev { opacity:1; }
.infoWrap .swiperWrap .swiper-button-next { right:0; background:url('../images/common/arrow_small_next.png') no-repeat center / 8px auto; }
.infoWrap .swiperWrap .swiper-button-prev { left:0; background:url('../images/common/arrow_small_prev.png') no-repeat center / 8px auto; }

.authorName { position: absolute; right:29px; bottom:29px; font-weight: 600; font-size:14px; line-height:1; color:#fff; }
@media screen and (max-width:940px) {
    .visual { height:100vh; }
    .visual div .title { width:100%; font-size:15px; }
    .visual div .title p {font-size:15px;}
    .visual div .title strong {font-size:20px;}

    .infoWrap { width:280px; }
    .infoWrap > div { display:block; padding-right:40px; width:100%; height:100%; }
    .infoWrap > div > div { padding:20px; width: auto; }

    .infoWrap > div > div p span,
    .infoWrap div.comInfo .date { font-size:12px; }
    /* .infoWrap > div > div p span.mHide { display:none; } */
    /* .infoWrap div.timeInfo .sameHeight { position:static; height:auto; padding-top:20px; } */ /*2022-01-14*/
    .infoWrap div.timeInfo .sameHeight { margin-top:10px; }
    .infoWrap div.timeInfo .sameHeight p:last-child { position:static; bottom:inherit; }
    /* .infoWrap div.timeInfo .time { display:flex; } */
    .infoWrap div.timeInfo .time p { flex:1; font-size: 20px; }
    /* .infoWrap > div > div p + p { margin-top:0; } */
    .infoWrap > div > a.notiOpenBtn  { width:40px; height:40px; background-size:10px auto; }
    .infoWrap div.comInfo { display:none; }

    /* 20241105 박혜연 선생님께서 모바일 화면에서 공지 팝업의 바로가기가 노출되지 않아 수정을 요청하셔서 수정한 코드 */
    /*.infoWrap div.comInfo .viewMore { display:none; }*/
    .infoWrap div.comInfo .viewMore {
        display:inline-block;
        margin-top: 10px;
    }

    /* 슬라이드 들어가는 섹션 */
    .mainCont .inner { padding: 0 0 0 15px; }
    /* .mainCont.exhibition .inner,
    .mainCont.education .inner { padding: 0 15px; } */
    .floorInfo .inner,
    .map .inner,
    .muManner .inner{ padding: 0 15px; }

    .authorName { right:15px; bottom:15px; font-size: 12px; }

}

/* 전시 */
.exhibition { position:relative; }
@media screen and (max-width:940px) {
    .boardSwiper > ul { flex-wrap: inherit; } 
    .exhibition .pagingWrap,
    .education .pagingWrap,
    .event .pagingWrap { display:none; }
}

/* 관람정보 */
.previewInfo .centerCon > div,
.floorInfo .centerCon > div,
.map .centerCon > div,
.noSlideWrap,
.mainfacilities .tabBtn,
.mainfacilities .introduce,
.direction .iconCon  { margin:0 105px; }
.table table,
.table tr th,
.table tr td { border:1px solid #ccc; text-align:center; }
.table table { border-left:none; border-right:none; }
.table tr th,
.table tr td { padding:18px 30px; vertical-align: middle; }
.table tr th:first-child,
.table tr td:first-child { border-left:none; }
.table tr th:last-child,
.table tr td:last-child { border-right:none; }
.table tr th { background:#000; border-bottom:none; font-weight:600; color:#fff; }
.table tr td { font-weight:400; }
.table tr td div { display:flex; }
.table tr td div > * { flex:1; }
.table tr td div ul li { line-height:25px; }
.table tr td div ul li.color02 { padding-top:10px; }
.table tr td.bgGray { /*background-color:#eeeeee;*/ font-weight:400; }
@media screen and (max-width:1600px) {
    .previewInfo .centerCon > div,
    .floorInfo .centerCon > div,
    .map .centerCon > div,
    .noSlideWrap,
    .mainfacilities .tabBtn,
    .mainfacilities .introduce,
    .direction .iconCon { margin:0 52px; }
    .table tr th, 
    .table tr td { padding:10px 15px; }
}
@media screen and (max-width:940px) {
    .previewInfo .centerCon > div,
    .floorInfo .centerCon > div,
    .map .centerCon > div,
    .direction .iconCon { margin:0; }
    .noSlideWrap { margin:0 15px 0 0; }
    .table { width:100%; overflow-x: scroll; white-space: nowrap; }
    .table table { width:auto; }
    .table tr th, 
    .table tr td { padding:5px; word-break: keep-all; }
    .table.noScroll { overflow: inherit; white-space: inherit; }
    .table.noScroll table { width:100%; }
}

/* 층별안내 */
/* 탭 */
.tabWrap > * { flex:auto; }
.tabWrap { position:relative; display:flex; }
.tabWrap .tabBox > div + div { display: none; }

.floorInfo .tabWrap { align-items: center; /*padding-left:62px;*/ }
/* .floorInfo .tabWrap > ul > li.curr {
    border: 2px solid blue; 
    border-radius: 5px; 
} */
/* .floorInfo .tabWrap { border:1px solid #ccc; }  */
.floorInfo .tabWrap .tabBox { border:none; }
.floorInfo .tabWrap > ul > li { text-align:center;}
.floorInfo .tabWrap > ul > li + li { border-top:1px solid #eaeaea; }
.floorInfo .tabWrap > ul > li > a { display:inline-block; width:103px; height:85px; line-height: 85px; font-weight:600; font-size: 28px; color:#949494; }
.floorInfo .tabWrap > ul > li.curr > a,
.floorInfo .tabWrap > ul > li > a:hover { color:#000; border: 2px dotted #000; border-radius: 4px;}
.floorInfo .tabBox > div > div { display:flex; justify-content: end; }
.floorInfo .tabBox > div > div img { width:100%; }
@media screen and (max-width:1160px) {
    .floorInfo .tabWrap { padding-left:30px; }
    .floorInfo .tabWrap > ul > li > a { width:54px; height:auto; line-height: inherit; padding:15px 0; font-size: 18px; }
}
@media screen and (max-width:940px) {
    .floorInfo .tabWrap { display:block; padding-left:0; }
    .floorInfo .tabWrap > ul { margin-top:30px; text-align:center; }
    .floorInfo .tabWrap > ul > li { display:inline-block; padding:0; }
    .floorInfo .tabWrap > ul > li > a { padding:0; }
    .floorInfo .tabWrap > ul > li + li { border-top:none; border-left:2px solid #eaeaea; }
    .floorInfo .tabBox > div > div { display:block; }
}

/* 편의시설 */
@media screen and (max-width:940px) {
    .facilities .centerCon .swiper-slide { max-width: 250px; }
}

/* 문화시설 */
.culture .centerCon .swiper-slide > div { display:table; }
.culture .centerCon .swiper-slide > div > * { display:table-cell; vertical-align: top; }
.culture .centerCon .swiper-slide > div > figure { width:427px; }
.culture .centerCon .swiper-slide > div > div { padding-left:30px; }
/* .culture .centerCon .info .tit { margin-top:-6px; } */
.culture .centerCon .info ul { margin-top:20px; }
.culture .centerCon .info ul li:before { display:none; padding-left:0; }
.culture .centerCon .swiper-button-prev,
.culture .centerCon .swiper-button-next { top:50%; }
@media screen and (max-width:1600px) {
    .culture .centerCon .swiper-slide > div > figure { width:350px; }
}
@media screen and (max-width:940px) {
    .culture .centerCon .swiper-slide { max-width: 50%; }
    .culture .centerCon .swiper-slide > div > figure { width:250px; }
    .culture .centerCon .swiper-slide > div > div { padding-left:10px; }
    .culture .centerCon .info ul  { display:none; }
}
@media screen and (max-width:767px) {
    .culture .centerCon .swiper-slide { max-width: 250px; }
    .culture .centerCon .swiper-slide > div ,
    .culture .centerCon .swiper-slide > div > * { display:block; }
    .culture .centerCon .swiper-slide > div > figure { width:100%; }
    .culture .centerCon .swiper-slide > div > div { padding-left:0; }
}

/* 오시는길 */
.map .tabBtnArea .text { display:none; }
.map .tabWrap { border:none; }
/* .map .tabWrap .tabBox { border:1px solid #ccc; } 220127 */
.map .tabWrap ul.tabBtn { margin-top:1px;  width:345px; height:100%; }
.map .tabWrap ul.tabBtn > li { margin:-1px 0 0 2px; width:100%; height:25.1%; background:#fff; /*border:1px solid #ccc;*/ }
/* .map .tabWrap ul.tabBtn > li + li { border-top:1px solid #cccc; } */
.map .tabWrap .mSelect,
.map .tabWrap ul.tabBtn > li > a { position:relative; display:inline-block; padding-left:50px; width:100%; height:100%; font-weight:400; /*font-size: 15px;*/ color:#666; }
.map .tabWrap .mSelect { display:none; }
.map .tabWrap .mSelect a {  display: block; width: 100%; height: 100%; }
.map .tabWrap ul.tabBtn > li.curr,
/*.map .tabWrap ul.tabBtn > li:hover { background: #000; }*/
.map .tabWrap ul.tabBtn > li.curr > a,
.map .tabWrap ul.tabBtn > li:hover > a { border: 2px dotted #000; border-radius: 4px; }
.map .tabWrap span:not(.he) { position:absolute; top:50%; display:inline-block; padding-left:55px; background-repeat: no-repeat; background-position: top left; background-size: 36px auto; line-height:36px; transform: translateY(-50%); }

html:lang(en) .map .tabWrap .mSelect, 
html:lang(en) .map .tabWrap ul.tabBtn > li > a {padding-left:25px;}
html:lang(en) .map .tabWrap span:not(.he) {padding:15px 20px 15px 95px; line-height:1.4; background-position:center left;}

html:lang(ja) .map .tabWrap .mSelect, 
html:lang(ja) .map .tabWrap ul.tabBtn > li > a {padding-left:25px;}
html:lang(ja) .map .tabWrap span:not(.he) {padding:15px 20px 15px 95px; line-height:1.4; background-position:center left;}

.map .tabWrap span.oneTwo { padding-left:95px; background-position: center left; background-size: 75px auto; line-height:24px; }
.map .tabBox > div { background:#f9f9f9; text-align:center; }
.map address,
.map address + p { display:none; }
/* 아이콘 */
.map .tabWrap span.oneTwo { background-image: url('../images/contents/icon_onetwo.png'); }
.map .tabWrap span.three { background-image: url('../images/contents/icon_three.png'); }
.map .tabWrap span.five { background-image: url('../images/contents/icon_five.png'); }
.map .tabWrap span.bus { background-image: url('../images/contents/icon_bus.png'); }
.map .tabWrap span.four { background-image: url('../images/contents/icon_four.png'); }
.map .tabWrap span.elephant { background-image: url('../images/contents/icon_elephant.png'); }
.map .tabWrap span.walk { background-image: url('../images/contents/icon_walk.png'); }
.map .tabWrap span.artshuttle { background-image: url('../images/contents/icon_artshuttle.png'); }
@media screen and (max-width:940px) {
    .map .tabBtnArea { position:relative; }
    .map .tabBtnArea .text,
    .map .tabWrap { display:block; }
    .map .tabWrap .mSelect { display:block; height: 60px; padding-left: 20px; background:#000 url('../images/common/icon_arrow_bottom_w.png') no-repeat center right 20px / 15px auto; color:#fff; }
    .map .tabWrap ul.tabBtn { position:absolute; display:none; width:100%; border-right:none; }
    .map .tabWrap ul.tabBtn > li { margin:-1px 0 0; height:60px; }
    .map .tabWrap ul.tabBtn > li:last-child { border-bottom:1px solid #ccc; }
    .map .tabWrap ul.tabBtn > li > a { padding-left:20px; }
    .map .tabWrap ul.tabBtn > li.curr,
    .map .tabWrap ul.tabBtn > li:hover { background: #fff; }
    .map .tabWrap ul.tabBtn > li.curr > a,
    .map .tabWrap ul.tabBtn > li:hover > a { color:#666; }
    .map address,
    .map address + p { display:block; }
    .map address { margin-top:-10px; margin-bottom:15px; font-weight:600; }  
    .map address + p { margin:-10px 0 20px; } 
}

/* 뮤지엄매너 */
.muManner { padding-bottom:150px; display:none;}
.muManner .conList { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 77px; }
.muManner .conList div { flex: auto; margin: 0 28px 45px; max-width: calc(25% - 56px); min-width: calc(25% - 56px); }
/* .muManner .conList div img { border:1px solid #ccc; }  */
.muManner .conList div strong { display:inline-block; padding-top:23px; line-height: 24px; }
.muManner .conList div p { padding-top:10px; font-weight:400; line-height:25px; color:#666; word-break: keep-all; }
@media screen and (max-width:1600px) {
    .muManner .conList { margin: 0 25px; }
}
@media screen and (max-width:1160px) {
    .muManner .conList div { margin: 0 20px 20px; max-width: calc(33.3% - 40px); min-width: calc(33.3% - 40px); }
}
@media screen and (max-width:940px) {
    .muManner { padding-bottom: 0; }
    .muManner .conList { margin: 0 -20px; }
}
@media screen and (max-width:767px) {
    .muManner .conList { margin: 0 -10px; }
    .muManner .conList div { margin: 0 10px 15px; max-width: calc(50% - 20px); min-width: calc(50% - 20px); }
    .muManner .conList div strong { padding-top:12px; line-height: 16px; word-break: keep-all; }
    .muManner .conList div p { padding-top:5px; line-height:20px; }
}

/* 팝업 */
.popupList { display:inline-block; margin-top:30px; }
.popupList li { display: inline-block; /*width:140px;*/ height:48px; /* border:1px solid #ccc;*/ border-left:none; line-height: 48px; font-weight:600; text-align:center;  }
.popupList li:not(:first-child) {margin-left:30px;}
/* .popupList li:first-child { border-left:1px solid #ccc; } */
.popupList li + li { margin: 0 -1px; }
.popupList li a { display: inline-block; padding-right:14px; }
.popupList li a.naverMap { padding-left: 30px; background:url('../images/contents/icon_naver.png') no-repeat center left / auto 15px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }
.popupList li a.kakaoMap { padding-left: 20px; background:url('../images/contents/icon_kakao.png') no-repeat center left / auto 15px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }
.popupList li a.parking { padding-left: 22px; background:url('../images/contents/icon_parking.png') no-repeat center left / auto 14px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }
.popupList li a.shuttle  { padding-left: 30px; background:url('../images/contents/icon_artshuttlebus.png') no-repeat center left / auto 14px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }
.popupList li a.artShuttle  { padding-left: 30px; background:url('../images/contents/icon_shuttle.png') no-repeat center left / auto 14px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }
.popupList li a.googleMap { padding-left: 20px; background:url('../images/contents/icon_google.png') no-repeat center left / auto 16px, url('../images/common/icon_arrow_bold.png') no-repeat center right / 5px auto; }

.simplePop .btnWrap { margin-bottom:33px; }
.simplePop dl { display:table; padding:5px 0; width:100%; }
.simplePop dl dt,
.simplePop dl dd { display:table-cell; text-align: left; line-height: 23px; }
.simplePop dl dt { width:130px; max-width:100%; font-weight:600; }
.simplePop dl dd { font-weight:400; word-break: keep-all; }
.simplePop dl dd span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width:940px) {
    .popupList { display: block; margin:10px 0 20px; }
    .popupList li { width:50%; height:38px; text-align: right; }
    .popupList li:nth-child(even) { margin-left:-1px; }
    .popupList li:nth-child(n+3) { margin-top:-1px; }
    .popupList li + li { margin:0; }
    html:lang(en) .popupList li {width:100%; margin:0;}
    html:lang(ja) .popupList li {width:100%; margin:0;}

    .simplePop .btnWrap { margin-bottom:15px; }
    .simplePop dl dt,
    .simplePop dl dd { line-height: 18px; }
    .simplePop dl dt { width:80px; }
}

.detailCont p { font-weight:400; line-height: 25px; }
.detailCont .topInfoTxt { display:block; padding-bottom:10px; }
.detailCont .tit { padding-bottom:10px; font-weight:600; }
.detailCont div + div .tit { padding-top:18px; }
.detailCont .noti { display:block; font-weight:400; font-size: 13px; color:#767676; }
.detailCont .noti.noP { display:block; margin-top:-10px; }
.detailCont ul { margin-bottom:10px; }
.detailCont ul li { font-weight:400; line-height: 25px; }
.detailCont .cirCon { display:flex; justify-content: space-between; margin-top:25px; }
.detailCont .cirCon > div { position:relative; padding-left:148px; }
.detailCont .cirCon > div > span { position:absolute; top:0; left:0; padding-top:43px; width:130px; height:130px; border-radius:100%; background: #eeeeee; font-weight: 400; text-align:center; }
.detailCont .cirCon > div > span > strong { display:block; font-weight:600; font-size: 1.333rem; }
.detailCont .cirCon > div + div ul { margin:25px 0 0; }
.detailCont .table { margin-top:10px; border:1px solid #000; }
.detailCont .table table { border:none; }
.detailCont .table tr th { background: #eee; color:#000; }
.detailCont .table.font13 tr th, 
.detailCont .table.font13 tr td { padding:10px; font-size: 13px; }
.detailCont .table.font13 tr th { padding: 5px; }
@media screen and (max-width:940px) {
    .detailCont ul li,
    .detailCont p { line-height: 18px; word-break: keep-all; }
    .detailCont ul { margin-bottom:0; }
    .detailCont .cirCon { margin-top:0; }
    .detailCont .cirCon > div { position: static; flex:1; padding-left: 0; }
    .detailCont .cirCon > div > span { display:block; position: static; top: inherit; left: inherit; padding-top:10px; width:65px; height:65px;  }
    .detailCont .cirCon > div > span > strong { font-size: 17px; }
    .detailCont .cirCon > div ul,
    .detailCont .cirCon > div + div ul { margin:10px 0 0; padding-left: 7px; text-indent: -7px;}
    .detailCont .noti.icon,
    .detailCont .topInfoTxt.icon { padding-left: 15px; text-indent: -15px; }
    .detailCont .noti.noP { margin-top:0; }
}

/* 상단 텍스트 애니메이션 효과 */
@keyframes fadein {
    from {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -20%);
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -20%);
    }
}
@keyframes fadein2 {
    from {
        opacity: 0;
        transform: translate(0, -50%);
    }
    to {
        opacity: 1;
        transform: translate(0, -20%);
    }
}
@-webkit-keyframes fadein2 {
    from {
        opacity: 0;
        transform: translate(0, -50%);
    }
    to {
        opacity: 1;
        transform: translate(0, -20%);
    }
}
/* 상단 뮤지엄매너 애니메이션 효과 */
@keyframes bounce {
    50% {
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    50% {
        transform: translateY(-15px);
    }
}
/* 관별 css */
.mainCont.night div .title { color: #fff; }
.mainCont.map {padding-bottom:150px;min-height:100vh}
.mainCont.visual { background-repeat: no-repeat; background-position:top center; background-size:100% 100%; }
/* 서울관 */
.mainCont.seoul.day{ background-image: url('../images/contents/seoul/seoul_day.png'); }
.mainCont.seoul.night{ background-image: url('../images/contents/seoul/seoul_night.png'); }
.mainCont.annBack {background-image : url("/asset/images/common/seoul10thAnniversary.jpg");}
@media screen and (max-width:1600px) {
    .mainCont.visual { background-size: auto 100%; }

}
@media screen and (max-width:470px) {
    .mainCont.seoul.day{ background-image: url('../images/contents/seoul/seoul_day_m.png'); }
    .mainCont.seoul.night{ background-image: url('../images/contents/seoul/seoul_night_m.png'); }
}
@media screen and (max-width:600px) {
    .mainCont.annBack {
        background-image : url("/asset/images/common/seoul10thAnniversary_m.png");
        background-size : contain;
        height:81vh;
    }
}

/* 과천관 */
.mainCont.gwacheon.day{ background-image: url('../images/contents/gwacheon/gwacheon_day.png'); }
.mainCont.gwacheon.night{ background-image: url('../images/contents/gwacheon/gwacheon_night.png'); }
@media screen and (max-width:470px) {
    .mainCont.gwacheon.day{ background-image: url('../images/contents/gwacheon/gwacheon_day_m.png'); }
    .mainCont.gwacheon.night{ background-image: url('../images/contents/gwacheon/gwacheon_night_m.png'); }   
}
/* 덕수궁관 */
.mainCont.deoksugung.day{ background-image: url('../images/contents/deoksugung/deoksugung_day.png'); }
.mainCont.deoksugung.night{ background-image: url('../images/contents/deoksugung/deoksugung_night.png'); }
@media screen and (max-width:470px) {
    .mainCont.deoksugung.day{ background-image: url('../images/contents/deoksugung/deoksugung_day_m.png'); }
    .mainCont.deoksugung.night{ background-image: url('../images/contents/deoksugung/deoksugung_night_m.png'); }   
}
/* 청주관 */
.mainCont.cheongju.day{ background-image: url('../images/contents/cheongju/cheongju_day.png'); }
.mainCont.cheongju.night{ background-image: url('../images/contents/cheongju/cheongju_night.png'); }
.mainCont.night div .title { color: #000; }
@media screen and (max-width:385px) {
    .mainCont.cheongju.day{ background-image: url('../images/contents/cheongju/cheongju_day_m.png'); }
    .mainCont.cheongju.night{ background-image: url('../images/contents/cheongju/cheongju_night_m.png'); }   
}
/* 청주관 주요시설 */
.mainfacilities .tabWrap { display:block; }
/* .mainfacilities .tabBtn { padding-bottom:30px; } *//* 2022-01-19수정 */
.mainfacilities .tabBtn li { display:inline-block; width:auto; }/* 2022-01-19수정 */
.mainfacilities .tabBtn li + li { padding-left:38px; }
.mainfacilities .tabBtn li a { position:relative; display: block; padding:0 0 23px; font-size:28px; font-weight:600; color:#949494; }/* 2022-01-19수정 */
.mainfacilities .tabBtn > li.curr > a,
.mainfacilities .tabBtn > li > a:hover { color:#000; }
.mainfacilities .introduce .name { margin-top: 20px; font-size: 20px; font-weight: 600; }
.mainfacilities .introduce p + p { margin-top:10px; font-size: 15px; line-height:25px; }
.mainfacilities .introduce p.time { margin-top:15px; }
@media screen and (max-width:1160px) {
    .mainfacilities .tabBtn li a { font-size: 20px; }/* 2022-01-19수정 */
}
@media screen and (max-width:940px) {
    .mainfacilities .tabBtn,
    .mainfacilities .introduce { margin:0; }
    .mainfacilities .tabBtn { padding-bottom:15px; /*overflow: auto; white-space: nowrap;*/ } /* 2022-01-19수정 */  
    .mainfacilities .tabBtn li a { padding-bottom:0; font-size: 17px; } /* 2022-01-19수정 */
    .mainfacilities .introduce .name { margin-top: 10px; font-size: 15px; }
    .mainfacilities .introduce p + p { margin-top:5px; font-size: 13px; line-height:20px; }
}
@media screen and (max-width:640px) {
    .mainfacilities .tabWrap,
    .mainfacilities .introduce { padding: 0; }
}

/* 어린이관 */
.mainCont.child.day{ background-image: url('../images/contents/child/child_day.png'); }
.mainCont.night div .title { color: #000; }
@media screen and (max-width:640px) {
    .mainCont.child.day{ background-image: url('../images/contents/child/child_day_m.png'); } 
}
.floorInfo .centerCon > div.flex { display:flex; border:1px solid #ccc; }
@media screen and (max-width:940px) {
    .floorInfo .centerCon > div.flex { display:block; }
}
/* 교육방향 */
.direction .iconCon { display:flex; flex-wrap:wrap; margin-top:-30px; }
.direction .iconCon .iconTxt { margin:30px 0 0; padding:55px 0 55px 182px; width:49%; background-position:left center; background-repeat: no-repeat; background-size: 152px auto; font-size: 20px; line-height: 25px; text-align: left; word-break: keep-all; }
.direction .iconCon .iconTxt.one { background-image: url('../images/contents/child/icon_direc01.png'); }
.direction .iconCon .iconTxt.two { background-image: url('../images/contents/child/icon_direc02.png'); }
.direction .iconCon .iconTxt.three { background-image: url('../images/contents/child/icon_direc03.png'); }
.direction .iconCon .iconTxt.four { background-image: url('../images/contents/child/icon_direc04.png'); }
.direction .iconCon .iconTxt.five { background-image: url('../images/contents/child/icon_direc05.png'); }
.direction .iconCon .iconTxt.six { background-image: url('../images/contents/child/icon_direc06.png'); }
@media screen and (max-width:1600px) { 
    .direction .iconCon .iconTxt br { display:none; }
}
@media screen and (max-width:1160px) { 
    .direction .iconCon { margin-top:-10px; }
    .direction .iconCon .iconTxt { margin-top:10px; padding: 25px 10px 25px 122px; background-size: 110px auto; min-height:120px; }
}
@media screen and (max-width:940px) { 
    .direction .inner { padding: 0 15px; }
    .direction .iconCon { margin-top:-20px; }
    .direction .iconCon .iconTxt { margin-top: 10px; padding: 20px 0 20px 100px; background-size: 80px auto; font-size: 13px; line-height: 20px; min-height:85px; }
    .direction .iconCon .iconTxt br.mView { display:inline-block; }
}
@media screen and (max-width:767px) { 
    .direction .iconCon { display:block; flex-wrap:inherit; margin-top:-20px; }
    .direction .iconCon .iconTxt { padding: 35px 0 35px 100px; background-size: 75px auto; width:100%; min-height:75px; }
}
@media screen and (max-width:550px) { 
    .direction .iconCon .iconTxt { padding: 18px 0 18px 100px; }
}
/* 어린이관 관람예절 */
.etiquette .swiper-slide img,
.etiquette .swiper-slide:hover img { border:none; }
.etiquette .swiper-button-prev, 
.etiquette .swiper-button-next { display:none; }
.etiquette .info ul li:before { top:10px; }



.noContents { position:relative; height:300px; max-height:150px !important; /* 220127 border:1px solid #ddd;*/ margin:0 104px; }
.noContents > p { position: absolute; top: 50%; width: 100%; 
/* 220127    
padding-top:160px;
background:url("../images/contents/icon_nocontents.png") no-repeat top center / 110px auto; 
*/
color: #7f7f7f; font-size: 15px; font-weight: 400; text-align: center; transform: translateY(-50%); }

.header .utilWrap {
    display:none !important;
}

@media screen and (max-width:1600px) {
    .noContents { margin:0 52px; }
}
@media screen and (max-width:940px) {
    .noContents { margin:0 15px 0 0; height:100px;}
    .noContents > p { background-size: 55px auto; font-size: 16px; }
    .header .utilWrap {display:block !important;}
	.header .utilWrap.moVer + .utilWrap {margin-top:0;}
}
@media screen and (max-width:400px) {
    html body #wrap #container .mainContents .visual div .title {top:20%;}
}

/* 2022-01-14 */
.map.cheongju,
.map.child { padding-bottom:170px; }
.map.cheongju .centerCon > div { padding-top:15px; }
@media screen and (max-width:940px) {
    .map.cheongju,
    .map.child{ padding-bottom:0; }
    .map.cheongju .centerCon > div { padding-top:0; }
}

/* 과천관 편의시설 2022-01-19 */
.facilitiesMswiper .swiper-wrapper { display:flex; }
.facilitiesMswiper .swiper-slide { width:auto; }
.facilitiesMswiper .swiper-slide + .swiper-slide { margin-left: 40px; }
@media screen and (max-width:940px) {
    .facilitiesMswiper .swiper-slide + .swiper-slide { margin-left: 20px; }
    .mainCont.map {padding-bottom:60px;}
}

/* 220128 swiper button 통일 */
html body #wrap #container .swiperWrap .swiper-button-prev,
html body #wrap #container .swiperWrap .swiper-button-next {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    width:45px;
    height:45px;
    margin:0;
    background:#000;
    border-radius:100%;
    z-index: 5;
    opacity: 1;
}
html body #wrap #container .swiperWrap .swiper-button-prev {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
html body #wrap #container .mainCont:not(.visual) .swiperWrap .swiper-button-prev:before, 
html body #wrap #container .mainCont:not(.visual) .swiperWrap .swiper-button-next:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1rem;
    height: 1rem;
    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-top-width: 2px;
    border-right-width: 2px;
    -webkit-transform: translate(-75%, -50%) rotate(45deg);
    transform: translate(-75%, -50%) rotate(45deg);
    z-index: 1;
}

/* 메인 공지사항 슬라이더 버튼 2022-02-03 */
.infoWrap .swiperWrap .swiper-button-next,
.infoWrap .swiperWrap .swiper-button-prev { top: 0 !important; width:35px !important; height:100% !important; opacity:1; }
.infoWrap .swiperWrap .swiper-button-next:before,
.infoWrap .swiperWrap .swiper-button-prev:after { display:none !important; } 
.infoWrap .swiperWrap .swiper-button-next { right:0; background:url('../images/common/arrow_small_next.png') no-repeat center / 8px auto !important; }
.infoWrap .swiperWrap .swiper-button-prev { left:0; background:url('../images/common/arrow_small_prev.png') no-repeat center / 8px auto !important; }
.infoWrap .swiperWrap .swiper-button-prev {     
    -webkit-transform: rotate(0) !important;
    -moz-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    transform: rotate(0) !important; 
}
.infoWrap .swiperWrap .swiper-button-next{
    -webkit-transform:translateY(0) !important;
    -moz-transform:translateY(0) !important;
    -ms-transform:translateY(0) !important;
    -o-transform:translateY(0) !important;
    transform:translateY(0) !important;
}

/* 디자인 스크롤 */
/* .mCustomScrollBox {padding-right:10px;}
.mCSB_scrollTools { width:4px; height:auto; left:auto; top:5px; right:2px; bottom:5px}
.mCSB_scrollTools .mCSB_draggerRail {width:2px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#666;} */

#noticeList .sameHeight {
    max-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}




@media screen and (max-width: 600px) {
    html:lang(en) .map .tabWrap .mSelect {padding-left:10px;}
    html:lang(en) .map .tabWrap span:not(.he) {padding:15px 40px 15px 50px;}
    html:lang(en) .map .tabWrap .mapLongText {    padding: 15px 40px 15px 90px !important;} 
    html:lang(ja) .map .tabWrap .mSelect {padding-left:10px;}
    html:lang(ja) .map .tabWrap span:not(.he) {padding:15px 40px 15px 50px;}
    html:lang(ja) .map .tabWrap .mapLongText {    padding: 15px 40px 15px 90px !important;}  
}