.archilve_content__afav3 :root{--color-red:#da291c;--color-yellow:#ffc72c;--color-white:#fff;--color-gray-100:#f2f4f5;--color-gray-200:#dee2e4;--color-gray-300:#8597ad;--color-gray-400:#5a626e;--color-gray-500:#333d4b}.archilve_heroVisual__scAXZ .archilve_heroVisualImage__WWbLz img{object-fit:cover}.archilve_headBg__KVFUv{height:6.1979166667vw;padding:0;background-color:#fff;background-image:url(/myperustory2/assets/images/archive/sub_visual_top_bg.png);background-size:contain}.archilve_bodyBg__Zz42E{background-image:url(/myperustory2/assets/images/archive/sub_visual_bottom_bg.png);background-size:contain;background-position-y:bottom}.archilve_tabContainer__P3B23{display:flex;justify-content:space-evenly}.archilve_tabContainer__P3B23>button{width:100%;height:80px;border-radius:30px 30px 0 0;font-family:Ownglyph_ryuttung-Rg;font-size:44px;color:#ccc;background-color:#ededed;transition:all .3s linear}@media (max-width:1200px){.archilve_tabContainer__P3B23>button{height:60px;font-size:40px}}@media screen and (max-width:720px){.archilve_tabContainer__P3B23>button{height:13.8888888889vw;font-size:6.1111111111vw}}.archilve_tabContainer__P3B23>button.active{color:#fff;background-color:#da291c}.archilve_filterContainer__HZTnE{padding-top:3.3854166667vw;display:flex;align-items:center;justify-content:space-between}@media (max-width:1200px){.archilve_filterContainer__HZTnE{flex-direction:column;align-items:inherit;gap:2.0833333333vw}}.archilve_filterContainer__HZTnE .archilve_FormControl__Ukhfz{margin:0}@media (max-width:1200px){.archilve_filterContainer__HZTnE .archilve_FormControl__Ukhfz{margin:0}}@media screen and (max-width:720px){.archilve_filterContainer__HZTnE .archilve_FormControl__Ukhfz{min-width:auto}}.archilve_filterContainer__HZTnE .archilve_SelectGroup__v_QMM{font-size:18px}@media (max-width:1200px){.archilve_filterContainer__HZTnE .archilve_SelectGroup__v_QMM{font-size:20px}}@media screen and (max-width:720px){.archilve_filterContainer__HZTnE .archilve_SelectGroup__v_QMM{font-size:3.6111111111vw}}.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3{gap:4.1666666667vw}@media screen and (max-width:1700px){.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3{gap:0;flex:1 1;justify-content:space-between;padding-left:2.6041666667vw}}@media (max-width:1200px){.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3{padding:0}}.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3>button{background:none;border:none;height:60px;font-size:26px;color:#c3c3c3}.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3>button.Mui-selected{text-decoration:underline;color:#222}@media screen and (max-width:720px){.archilve_filterContainer__HZTnE .archilve_ToggleButtonGroup__gU1M3>button{padding:0;height:8.3333333333vw;font-size:3.6111111111vw}}.archilve_listWrap__0s5c0{padding-top:44px}@media screen and (max-width:720px){.archilve_listWrap__0s5c0{padding-top:5.5555555556vw}}.archilve_listWrap__0s5c0>ul{display:grid;grid-gap:20px 40px;grid-template-columns:repeat(3,1fr)}@media (max-width:1920px){.archilve_listWrap__0s5c0>ul{grid-gap:2.0833333333vw}}@media (max-width:1200px){.archilve_listWrap__0s5c0>ul{grid-template-columns:repeat(2,1fr);grid-gap:3.3333333333vw}}@media screen and (max-width:720px){.archilve_listWrap__0s5c0>ul{grid-gap:5.5555555556vw}}.archilve_listWrap__0s5c0>ul.archilve_noData__8NTrz{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px}@media (max-width:1400px){.archilve_listWrap__0s5c0>ul.archilve_noData__8NTrz{font-size:1.2857142857vw}}@media (max-width:1200px){.archilve_listWrap__0s5c0>ul.archilve_noData__8NTrz{font-size:1.6666666667vw}}@media screen and (max-width:720px){.archilve_listWrap__0s5c0>ul.archilve_noData__8NTrz{font-size:3.3333333333vw}}.archilve_listWrap__0s5c0>ul li{margin:10px 0}@media (max-width:1200px){.archilve_listWrap__0s5c0>ul li{margin:0}}.archilve_listWrap__0s5c0>ul li.movie>button .archilve_arcList__image__qhJt2{position:relative}.archilve_listWrap__0s5c0>ul li.movie>button .archilve_arcList__image__qhJt2:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:url(/myperustory2/assets/images/common/ico_play.svg);background-size:cover}.archilve_listWrap__0s5c0>ul li>button{width:100%}.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__image__qhJt2{position:relative;overflow:hidden;width:532px;height:355px;background-color:#efefef;border-radius:16px}@media (max-width:1920px){.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__image__qhJt2{width:27.7083333333vw;height:18.4895833333vw}}@media (max-width:1200px){.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__image__qhJt2{width:100%;height:28.8333333333vw}}.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__image__qhJt2:hover img{transform:scale(1.05)}.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__image__qhJt2 img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-out}.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__txt__MjtK_{font-size:18px;line-height:1.5em;color:#222;margin-top:10px;text-align:left}@media (max-width:1400px){.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__txt__MjtK_{font-size:1.2857142857vw}}@media (max-width:1200px){.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__txt__MjtK_{font-size:1.6666666667vw}}@media screen and (max-width:720px){.archilve_listWrap__0s5c0>ul li>button .archilve_arcList__txt__MjtK_{margin-top:1.6666666667vw;font-size:3.3333333333vw}}.archilve_listWrap__0s5c0 .archilve_pagination__8A_2Z{padding:100px 0;display:flex;justify-content:center}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 0}@media screen and (max-width:720px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root{padding-top:13.8888888889vw;padding-bottom:0}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;margin:0 12px;text-align:center}@media (max-width:1200px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination{position:relative;top:auto;transform:none;margin:40px 6px 25px}}@media screen and (max-width:720px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination{height:6.9444444444vw;margin:2.7777777778vw 1.3888888889vw 5.5555555556vw;padding:0}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination.prev{left:0}@media (max-width:1200px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination.prev{left:auto;right:auto}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination.next{right:0}@media (max-width:1200px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .pagination.next{left:auto;right:auto}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap{width:100%;height:100%;padding:0 75px}@media screen and (max-width:1400px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap{height:auto;aspect-ratio:16/9}}@media (max-width:1200px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap{padding-left:3.3333333333vw;padding-right:3.3333333333vw}}@media screen and (max-width:720px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap{padding:0}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap>div{border-radius:20px;overflow:hidden;width:100%;height:100%;background:rgba(0,0,0,.2)}@media screen and (max-width:720px){.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap>div{border-radius:0}}.archilve_dialogPop___y9gH .MuiDialog-container .MuiPaper-root .MuiDialogContent-root .contentWrap>div img{object-fit:cover}