@charset "utf-8";
html {font-size: 10px;font-family: Pretendard;}
.img-box {width: 100%;display: block;}
.mobile-only{display: none;}
.dim,.dim2{display:block;width:100%;height:100%;background: rgba(0, 0, 0, 0.6);position: fixed;z-index: 2;top: 0;opacity: 0;pointer-events: none;transition-duration: .3s;transition-property: opacity;}

.floating{width: 5.6rem;height: 5.6rem;border-radius: 100%;background-color: var(--point3-color);position: fixed;right: 1.4rem;bottom: 0;display: flex;justify-content: center;align-items: center;}
.floating.top-button{bottom: 2.4rem;opacity: 0;pointer-events: none;transition-duration: .3s;transition-property: opacity,bottom;}
.floating.top-button img{width: 2rem;height: 1.2rem;}
.floating.filter-button {bottom: 2.4rem;opacity: 0;pointer-events: none;transition-duration: .3s;transition-property: opacity;}
.floating.filter-button img{width: 2.5rem;height: 2.2rem;}
body {background-color: var(--bg-color);}
body.top-open .floating.top-button{opacity: 1;pointer-events: auto;}


nav{background-color:#3A1387;color:var(--point-color);width: 100%;height: 5rem;display: flex;justify-content: space-between;font-size: 1.5rem;line-height:1.2em; padding:0 3rem;font-family: Pretendard;font-weight: 700;position: relative;z-index: 999;}
nav .left-box{display: flex;align-items: center;color: var(--point-color);}
nav .left-box h2{display: flex;align-items: center;}
nav .left-box h2::after{content:'';width: 1px;height: 1.6rem;background-color:var(--point-color);display: inline-block;margin:0 1rem;}
nav .right-box{display: flex;align-items: center;}
nav .menu-list{display: flex;align-items: center;justify-content: flex-end;}
nav .menu-list .menu-item a{font-size: 1.4rem;margin-left: 3rem;color:var(--point-color);}
nav .search-box{position: absolute;bottom:-2.9rem;display: flex;right: 0;transform: translateY(100%);padding-right: 3rem;}
nav .search-box form{display: flex;}
nav .search-box input{width: 13rem;height: 3rem;font-size: 1.6rem;font-weight: 400;color:var(--on-color);border:0;margin-right: 1.3rem;background-color: transparent;}
nav .search-box input::placeholder{color:var(--off-color);}
nav .search-box .search-button{background-image: url("../images/icon-search.svg");width: 2.8rem;height: 2.8rem;background-size: cover;}

header {min-height: 86px; padding:2.2rem 1.8rem 2.2rem 3.1rem;display: flex;justify-content: space-between;align-items: center;}
header .logo-box{width:15.7rem;height: auto;position: absolute;    top: 70px; z-index: 2;}
header .logo-box .sub-title{display:none; font-size: 2rem;font-weight: 600;line-height: 1em;position: absolute;top: 5.2em;right: -1rem;transform: translateX(100%);cursor: pointer;}
header .menu-button {width: 5rem;height: 5rem;padding: 1.3rem;z-index: 3;overflow: hidden;display: none;cursor: pointer;}
header .menu-button .bars{height: 100%;position: relative;}
header .menu-button .bar{width: 100%;height: 0.3rem;background-color: var(--main-color);display: block;position: absolute;left: 0;transition-duration: .3s;transition-property: opacity,transform;}
header .menu-button .bar:nth-of-type(1){top:0;transform-origin: left bottom;}
header .menu-button .bar:nth-of-type(2){top:50%;transform: translateY(-50%);}
header .menu-button .bar:nth-of-type(3){bottom: 0;transform-origin: left top;}

.wrap{display: flex;flex-wrap: wrap;padding-bottom: 15rem; }

aside{width: 34rem;padding:0 3rem;margin-top: 17rem;z-index: 2}
aside .filter-box {overflow-y: scroll;}
aside .filter-box .filter-item{margin-bottom: 3rem;}
aside .filter-box .filter-item > a{color: #3A1387;font-size: 1.7rem;font-weight: 700;line-height: 1.8em;display: flex;align-items: center;    cursor: pointer;}
aside .filter-box .filter-sub-item > a.button{padding: 1rem 3rem;background-color: var(--point3-color);color: var(--main-color);}
aside .filter-box .filter-sub-item > a.button::after{content:'';background-image: url("../images/icon-link.svg");width: 1.4rem;height: 1.4rem;background-size: cover;display: inline-block;margin-left: 1.5rem;}
aside .filter-box.folding .filter-item > a::after{content:'';background-image: url("../images/icon-plus.svg");width:1.1rem;height: 1.1rem;display: inline-block;    margin-left: 0.6rem;}
aside .filter-box .filter-item.open > a::after{background-image: url("../images/icon-minus.svg");width:1.1rem;height: 0.2rem;}
aside .filter-box.folding .filter-item .filter-sub-list{display: none;}
aside .filter-box .filter-item.open .filter-sub-list{display: block;}
aside .filter-box .filter-sub-list{}
aside .filter-box .filter-sub-item{ color: var(--off-color);font-size: 1.6rem;font-weight: 600;transition-duration: 0.3s;transition-property: color; cursor: pointer;}
aside .filter-box.content-page .filter-sub-item{color: var(--font-color); font-weight: 400;}
aside .filter-box .filter-sub-item:hover,
aside .filter-box .filter-sub-item.active{color: var(--on-color);}

main {width: calc(100% - 34rem);    padding-right: 3rem;}
main::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
main .t-box{font-size: 1.6rem;line-height: 1.9rem;color: var(--main-color);font-weight: 800;padding:2rem 0;border-bottom: 1px solid var(--main-color);}

/*main*/
body.main header{background-color: transparent;}
body.main main {overflow-x: scroll;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */width: 100%;position: absolute;z-index: 0;background-color: var(--bg-color);left: 0;
    top: 50px;}
body.main main .chart-box {width: 100%;display: flex;cursor: pointer;}
body.main main .chart-item{
    margin: 0 auto 0;
    height: auto;
    padding: 0 0 100px 100px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1100px;
}
body.main main .chart-item #chart{
    width: 100%;
    height: 100%;
    /* background-color: aliceblue; */
}

body.main main .chart-item #chart .observablehq:not(:first-child){
    display: none;
}



/*sub-type1*/
body.sub-type1 main{margin-top: 6rem;}
body.sub-type1 aside .filter-header{height: 6.5rem;border-bottom: 1px solid #000000;font-size: 1.7rem;font-weight: 700;align-items: center;display: none;}
body.sub-type1 aside .title-box{color:#3A1387; font-size: 6.1rem;line-height: 1;font-weight: 400;margin-bottom: 5rem;}

/*sub-type2*/
body.sub-type2 .title-box{width: 100%;    padding: 0 3rem;    margin: 16rem 0 5rem;}
body.sub-type2 .title-box h2{color:#3A1387; font-size: 4.7rem;font-weight: 500;line-height: 1.4; word-break: keep-all;}
body.sub-type2 .title-box p{font-size: 2rem;line-height: 1.6;font-weight: 400;color:var(--font-color);  word-break: keep-all; margin-top: 1rem;}
body.sub-type2  aside {margin-top: 0rem;}
body.sub-type2 .bottom-text{width: 70rem;padding:0 3rem;}
body.sub-type2 .bottom-text h2{color:#3A1387; font-size: 1.7rem;font-weight: 700;line-height: 1.9;}
body.sub-type2 .bottom-text .container {margin-top: 1.1rem;}

/*sub-type3*/
body.sub-type3 main{padding:0 3rem;width: 100%;}
body.sub-type3 .title-box{width: 100%;margin: 16rem 0 5rem;}
body.sub-type3 .title-box h2{color:#3A1387; font-size: 4.7rem;font-weight: 500;line-height: 1.4; word-break: keep-all;}
body.sub-type3 .title-box p{font-size: 2rem;line-height: 1.6;font-weight: 400;color:var(--font-color); word-break: keep-all;}

/*sub-type4*/
body.sub-type4 main {width: 100%;padding: 3rem;     margin-top: 13rem;}
body.sub-type4 .container{display: flex;}
body.sub-type4 .container .text-group{min-width: 14.5rem;margin-right: 2.5rem}
body.sub-type4 .container .text-group.keyword-box{min-width: 25rem;}
body.sub-type4 .container .text-group .archive-box{margin-top: 2rem;}
body.sub-type4 .container .text-group .archive-box .archive-list li{margin-bottom: 1rem;}
body.sub-type4 .container .text-group .archive-box .archive-list a{font-size: 1.6rem;font-weight:400;line-height: 1.9;color: var(--off-color);transition-duration: 0.3s;transition-property: color;}
body.sub-type4 .container .text-group .archive-box .archive-list a:hover{color: var(--on-color);}
body.sub-type4 .container .text-group.keyword-box .archive-list{display: flex;flex-wrap: wrap;flex-direction: column;max-width: 72.5rem;}
body.sub-type4 .container .text-group.keyword-box .archive-list > li{width: calc(100% / 5);}

/*sub-type5*/
body.sub-type5 main{margin-top: 6rem;}
body.sub-type5 main .t-box {margin: 0 2.5rem;    font-size: 1.7rem;}
body.sub-type5 aside .title-box{color:#3A1387;  font-size: 6.4rem;line-height: 1;font-weight: 400;margin-bottom: 5rem;}
body.sub-type5 .container .text-group .archive-box{margin: 3rem 2.5rem;}
body.sub-type5 .container .text-group .search-result{margin: 3rem 2.5rem;font-size: 1.6rem;font-weight:400;line-height: 1.9;color: var(--off-color);}
body.sub-type5 .container .text-group .archive-box .archive-list li{margin-bottom: 1rem;}
body.sub-type5 .container .text-group .archive-box .archive-list a{font-size: 1.6rem;font-weight:400;line-height: 1.9;color: var(--off-color);transition-duration: 0.3s;transition-property: color;}
body.sub-type5 .container .text-group .archive-box.search-result .archive-list a{color: var(--on-color);}
body.sub-type5 .container .text-group .archive-box .archive-list a:hover{color: var(--on-color);}
body.sub-type5 .container .text-group.keyword-box .archive-list{display: flex;flex-wrap: wrap;flex-direction: column;}
body.sub-type5 .container .text-group.keyword-box .archive-list > li{width: calc(100% / 8);}
body.sub-type5 .book-list{margin-top: 3rem;}
.editor-wrap{max-width: 870px;}
.editor-wrap.content-page{margin-bottom: 6rem;}
.editor-wrap .row-box{margin-top: 3rem;}
.editor-wrap .row-box:first-of-type{margin-top: 0;}
.editor-wrap .img-item{width: 100%;}
.editor-wrap .img-item img{max-width: 100%; width: 100%;}
.editor-wrap .img-item p{font-size: 1.4rem;font-weight: 400;color:var(--font-color);text-align: center;margin-top: 1.4rem;}
.editor-wrap .text-module {max-width: 70rem}
.editor-wrap .text-module p{font-size: 1.6rem;font-weight: 400;color:var(--font-color);line-height: 1.9;margin-top: 1rem; white-space: pre-line;}
.editor-wrap .text-module p:first-of-type{margin-top: 0;}
.editor-wrap .text-module p::selection{background-color: var(--point3-color);}

.book-list{position: relative;}
.book-list .book-item{width: 25.7rem;margin: 0 2.5rem 4rem;position: absolute;}
.book-list .book-item img{width: 100%;}
.book-list .book-item .text-box{margin-top: 1.5rem;}
.book-list .book-item .text-box h2{font-size: 1.8rem;line-height: 1.333333333333333;font-weight: 700;}
.book-list .book-item .text-box .year-box{font-size: 1.5rem;line-height: 1.375;font-weight: 400;margin-bottom:0.5rem; margin-top: 0rem;color:var(--font-color); }
.book-list .book-item .text-box .author-box{font-size: 1.5rem;line-height: 1.375;font-weight: 400;margin-top: 1rem;color:var(--font-color); }

.gallery-module{display: flex;flex-wrap: wrap;width: 100%;max-width: 108rem;position: relative;margin-top: 6rem;}
.gallery-module .gallery-item{
    height: fit-content; margin-right: 1rem;margin-bottom: 1rem;}
.gallery-module .gallery-item .img-box{}
.gallery-module .gallery-item .img-box img{height:200px; width: 100%;}

a{
    color: inherit;
}
.empty_msg{
    font-size: 14px;
}
.search_empty_msg{margin: 3rem 2.5rem;font-size: 1.6rem;font-weight:400;line-height: 1.9;color: var(--off-color);}



.chocolat-wrapper .chocolat-description{
    text-align: center!important;
}
.chocolat-set-title, .chocolat-fullscreen{
	display: none!important;
}
.chocolat-wrapper .chocolat-pagination{
	margin-right: 0!important;
}
.chocolat-wrapper .chocolat-bottom{
	height: auto!important;
    padding: 15px 0!important;
}