.facList .Img .mask,.facList .Img::after{transition:all .5s ease-in-out}.wrap{max-width:1500px}.contentBox{display:flex;justify-content:center;gap:30px}@media(max-width: 1180px){.contentBox{flex-direction:column;gap:0}}.contentBox .classBox{width:20%}@media(max-width: 1180px){.contentBox .classBox{width:100%}}.contentBox .rightBox{flex:1}.facList{display:flex;flex-wrap:wrap;--gap: clamp(10px, 2vw, 20px);gap:var(--gap)}.facList .facItem{width:calc((100% - var(--gap)*3)/4)}@media(max-width: 992px){.facList .facItem{width:calc((100% - var(--gap)*2)/3)}}@media(max-width: 576px){.facList .facItem{width:calc((100% - var(--gap))/2)}}@media(max-width: 480px){.facList .facItem{width:100%}}.facList .item{display:flex;justify-content:center;align-items:center;position:relative}.facList .item.hasAlbum,.facList .item.hasVideo{cursor:pointer}@media(max-width: 840px){.facList .item{flex-direction:column}}@media(min-width: 1181px){.facList .item:hover .Img::after{opacity:1}.facList .item:hover .mask{opacity:1}}.facList .linkWrap{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;cursor:pointer}.facList .btnBox{margin-top:clamp(20px,3vw,50px)}@media(max-width: 480px){.facList .btnBox .btn{min-width:unset}}.facList .Img{position:relative;margin:0;overflow:hidden;aspect-ratio:1;background-color:#f2f2f2;border-radius:12px}.facList .Img::after{content:"";width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg, rgba(137, 167, 212, 0.8) 0%, rgba(137, 167, 212, 0.8) 100%);opacity:0}.facList .Img .mask{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:28px;opacity:0}.facList .Img .mask .circle{width:52px;height:52px;border-radius:50%;border:1px solid hsla(0,0%,100%,.3);outline:1px solid #fff;outline-offset:5px;position:relative}.facList .Img .mask .circle::before{content:"";width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;width:18px;height:1px;background-color:#fff;z-index:2}.facList .Img .mask .circle::after{content:"";width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;width:1px;height:18px;background-color:#fff;z-index:2}.facList .Img img{width:100%;height:auto;display:block}@media(max-width: 840px){.facList .Img{width:100%}}@media(max-width: 480px){.facList .Img{border-radius:8px}}.albumList{width:100%}.mainArea.insPage .contentBox{flex-direction:column;gap:0}@media(max-width: 768px){.mainArea.insPage .contentBox{padding-top:20px}}.mainArea.insPage .topBox{display:flex;align-items:flex-start;justify-content:space-between}@media(max-width: 768px){.mainArea.insPage .topBox{flex-direction:column;gap:20px}}.mainArea.insPage .topBox:not(:has(.albumBox)){width:100%}.mainArea.insPage .topBox:not(:has(.albumBox)) .rightBox{width:100%}.mainArea.insPage .textBox,.mainArea.insPage .rightBox{display:flex;flex-direction:column}.mainArea.insPage .textBox .text{color:#383838}.mainArea.insPage .albumBox{width:48%}@media(max-width: 768px){.mainArea.insPage .albumBox{width:100%}}.mainArea.insPage .rightBox{width:50%}@media(max-width: 768px){.mainArea.insPage .rightBox{width:100%}}.insIntroBox{display:flex}@media(max-width: 767px){.insIntroBox{flex-direction:column}}.insIntroBox .introBox{flex:1}@media(max-width: 767px){.insIntroBox .introBox{flex:auto}}.insIntroBox .introBox .articleTitle{margin-bottom:15px;padding:0 0 15px 0}.insIntroBox .introBox .Txt{margin-top:20px;line-height:1.6;font-size:clamp(14px,.8vw,16px);color:#6c6c6c}