.card_archive{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.card_archive > a{width: 100%;}
.card_archive .caItem .ciCover > div{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_gray);}
.card_archive .caItem .ciDesc{margin-top: 15px; color: var(--text_white); align-items: center; display: grid; grid-template-columns: min-content 25px min-content; width: min-content;}

.card_gallery{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.card_gallery > div{width: 100%;}
.card_gallery .cgItem > div{padding-bottom: 66%; border-radius: 10px;}

.card_insight{overflow: auto; position: relative; width: 100%;}
.card_insight .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.card_insight .cnt_card::-webkit-scrollbar{display: none;}
.card_insight .cnt_card > a{cursor: pointer; font-size: 13px; display: inline-block; vertical-align: top;}
.card_insight .cnt_card > a:not(:hover){color: var(--text_black);}
.card_insight .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_insight .cnt_card .ciItem{width: 260px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); color: var(--text_white); border-radius: 10px; overflow: hidden;}
.card_insight .cnt_card .ciItem .ciCover > div{padding-bottom: 50%;}
.card_insight .cnt_card .ciItem .ciInfo{padding: 10px; white-space: normal; height: 130px;}
.card_insight .cnt_card .ciItem .ciInfo .ciTitle{font-family: 'bold'; font-size: 17px;}
.card_insight .cnt_card .ciItem .ciInfo .ciContent{margin-top: 10px; font-size: 12px;}
.card_insight:hover .scroll_card{opacity: 1;}

.card_video{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;}
.card_video .video_wrapper{position: relative; width: 100%; padding-top: 56.25%; border-radius: 10px; overflow: hidden;}
.card_video .video_wrapper iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

.card_movie{max-width: 850px; padding: 15px; border-radius: 15px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3);}
.card_movie > div:not(:last-child){margin-bottom: 35px;}
.card_movie .cmItem{display: grid; cursor: pointer; grid-template-columns: 150px 1fr; grid-gap: 20px;}
.card_movie .cmItem > div{width: 100%;}
.card_movie .cmItem > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_movie .cmItem .ciTitle{font-size: 25px; font-family: 'bold';}
.card_movie .cmItem .ciTag{margin: 5px 0px;}
.card_movie .cmItem .ciTag > span{padding: 3px 7px 2px 7px; border-radius: 5px; background: rgba(255, 255, 255, 0.3);}
.card_movie .cmItem .ciSpot{margin-top: 15px; color: var(--text_silver);}
.card_movie .cmItem .ciSpot > div{display: inline-block;}
.card_movie .cmItem .ciSpot > div:not(:last-child){margin-right: 15px;}
.card_movie .cmItem .ciMain{margin-top: 5px;}
.card_movie .cmItem .ciMain > div{display: inline-block;}
.card_movie .cmItem .ciMain > div:not(:last-child){margin-right: 10px;}
.card_movie .cmItem .ciMain .cmList > div{display: inline-block;}
.card_movie .cmItem .ciMain .cmList > div:first-child{color: var(--text_silver);}
.card_movie .cmItem .ciDesc{margin-top: 15px;}

.card_hzl_movie{overflow: auto; position: relative; width: 100%;}
.card_hzl_movie .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; width: min-content; max-width: 100%; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.card_hzl_movie .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_movie .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_movie .cnt_card > a > div{width: 150px;}
.card_hzl_movie .cnt_card > a > div > div{padding-bottom: 150%; cursor: pointer; border-radius: 10px; background-color: var(--bg_black);}
.card_hzl_movie:hover .scroll_card{opacity: 1;}

.cardMovieGrid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.cardMovieGrid.cmg3{grid-template-columns: 1fr 1fr 1fr;}
.cardMovieGrid > *{width: 100%;}
.cardMovieGrid > * > div{padding-bottom: 150%; border-radius: 14px; background-color: #ECECEC; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); transition: var(--transition);}
.cardMovieGrid > *:hover > div{transform: translateY(-4px); box-shadow: 0 12px 28px rgba(219, 0, 63, 0.18);}

.cardPress{border-top: 1px solid rgba(0, 0, 0, 0.08);}
.cardPress > a > div{border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #1B1B1B; transition: var(--transition);}
.cardPress > a > div:hover{background: rgba(219, 0, 63, 0.03);}
.cardPress .cpBox{display: grid; font-size: 13px; grid-template-columns: 1fr min-content; align-items: center; grid-gap: 15px; padding: 16px 12px; box-sizing: border-box; color: #1B1B1B; font-weight: 500;}
.cardPress .cpBox > div{width: 100%;}
.cardPress .cpBox > div:nth-child(2){white-space: nowrap; color: var(--jwc_red_badge); font-weight: 600;}

.cardMedia{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.cardMedia > div{width: 100%; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.06);}
.cardMedia .cmItem .ciHead{padding: 12px; background: rgba(255, 255, 255, 0.95); font-family: var(--font_montserrat); font-size: 13px; font-weight: 600; color: #1B1B1B;}
.cardMedia .cmItem .ciCover > div{padding-bottom: 69%;}

.cardGalleryGrid{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.cardGalleryGrid > div{width: 100%;}
.cardGalleryGrid .cggPhoto > div{padding-bottom: 60%; border-radius: 14px; background-color: #ECECEC; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); transition: var(--transition);}
.cardGalleryGrid .cggPhoto > div:hover{transform: translateY(-3px); box-shadow: 0 10px 24px rgba(219, 0, 63, 0.15);}
.cardGalleryGrid .cggVideo {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-radius: 14px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}
.cardGalleryGrid .cggVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.cardProgram{grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; display: grid;}
.cardProgram > div{width: 100%; text-align: center;}
.cardProgram .cpItem{padding: 24px 18px; border-radius: 18px; transition: var(--transition);}
.cardProgram .cpItem:hover{background: rgba(255, 255, 255, 0.4); transform: translateY(-3px);}
.cardProgram .cpItem > div:first-child{font-family: var(--font_montserrat); font-weight: 700; color: #1B1B1B; font-size: 15px; letter-spacing: 0.5px;}
.cardProgram .cpItem > div:nth-child(2){margin: 14px auto; width: 60px; height: 2px; background: var(--bg_red); border-radius: 2px;}
.cardProgram .cpItem > div:nth-child(3){font-size: 13.5px; color: #555555; line-height: 1.55;}

.cardAwards{
	padding: 48px 44px;
	margin-bottom: 30px;
	font-family: var(--font_inter), sans-serif;
	border-radius: 32px;
	background: rgba(255, 255, 255, 0.45);
	backdrop-filter: blur(28px) saturate(160%);
	-webkit-backdrop-filter: blur(28px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, 0.65);
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.02), inset 0 1px 1px rgba(255, 255, 255, 0.7);
	color: #282626;
	box-sizing: border-box;
}
.cardAwards > div:not(:last-child){margin-bottom: 30px;}
.cardAwards .caTitle{padding: 10px 0px 14px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #1B1B1B; font-size: 19px; font-weight: 700; font-family: var(--font_montserrat);}
.cardAwards .caList{margin-top: 16px;}
.cardAwards .caList > div:not(:last-child){margin-bottom: 16px;}
.cardAwards .caList .clItem{display: grid; grid-template-columns: 160px 1fr; grid-gap: 20px; align-items: center;}
.cardAwards .caList .clItem > div{width: 100%;}
.cardAwards .caList .clItem > div:first-child > div{padding-bottom: 64%; border-radius: 14px; background-color: #ECECEC; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);}
.cardAwards .caList .clItem .ciContent > div:not(:last-child){margin-bottom: 4px;}
.cardAwards .caList .clItem .ciContent > div:first-child{font-weight: 700; color: #1B1B1B; font-size: 15px;}
.cardAwards .caList .clItem .ciContent > div:nth-child(2){font-size: 13.5px; color: #4A4A4A;}
.cardAwards .caList .clItem .ciContent > div:nth-child(3){color: #71717A; font-size: 12.5px;}

.cardPhoto{margin-top: 25px;}
.cardPhoto > div:not(:last-child){margin-bottom: 30px;}
.cardPhoto .cpTitle{font-size: 18px; text-align: center; margin-bottom: 10px; color: #1B1B1B; font-weight: 700;}
.cardPhoto .cpItem{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.cardPhoto .cpItem > div{width: 100%;}
.cardPhoto .cpItem > div > div{padding-bottom: 50%; border-radius: 10px;}