:root{--height-nav-bar-main-pc:80px}.community_wrap{overflow-x:hidden;padding-top:80px;padding-top:var(--height-nav-bar-main-pc);background:no-repeat top/cover url(../../img/community/community_bg_pc.png?v=7028154e)}.community{margin:0 auto;padding:96px 0 120px;width:1200px;max-width:92%;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.community,.community .community_item,.community .social_link{color:#fff}.community,.community article,.community div,.community input,.community label,.community span{box-sizing:border-box}.community_header{margin-top:2rem}.community_title{min-width:244px;color:#e7e5d5;font-size:2.5rem}.community_subtitle{max-width:288px;margin-top:20px;font-size:18px;color:rgba(255, 255, 255, 0.5);line-height:1.4}.community_list{display:flex;flex-direction:column;gap:16px}.community_item{position:relative;display:flex;flex-direction:row;align-items:flex-end;background-color:#000;overflow:hidden;border-radius:4px;width:720px;height:162px;box-shadow:inset 0 0 48px rgba(0,0,0,0.25882)}.community_item:hover .community_item_background{-webkit-transform:scale(1.03);transform:scale(1.03)}.community_item_discord{height:192px;border-left:2px solid #6d7edd}.community_item_youtube{border-left:2px solid #c52b19}.community_item_twitch{border-left:2px solid #6738ab}.community_item_social{height:224px;border-left:2px solid #78afc2}.community_item_background{width:100%;height:100%;background-repeat:no-repeat;background-position:center right;background-size:cover;transition:-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.community_item.community_item_discord .community_item_background{background-image:url(../../img/community/discord.png?v=1e8cf49f)}.community_item.community_item_youtube .community_item_background{background-image:url(../../img/community/youtube.png?v=d7d987b0)}.community_item.community_item_twitch .community_item_background{background-image:url(../../img/community/twitch.png?v=488bfe63)}.community_item.community_item_social .community_item_background{background-image:url(../../img/community/sns.png?v=785ab80a)}.community_content{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;width:100%;padding:28px 36px;box-sizing:border-box;margin-top:auto}.community_name{font-size:25px}.community_desc{font-size:14px;line-height:1.6;color:#959595;width:48%}.community_item_twitch .community_desc{width:60%}.community_social_links{display:flex;gap:10px}.community_social_link{position:relative;width:44px;height:44px;border:1px solid #767676;border-radius:100%;opacity:0.5;transition:background-color 0.5s ease,opacity 0.3s ease;cursor:pointer;contain:content}.community_social_link:active,.community_social_link:hover{background-color:#fff;opacity:0.7}.community_social_link:focus-within{box-shadow:0 0 0 1px #525252,0 0 0 2px #fff}.community_social_link .social_link:active,.community_social_link:hover .social_link{-webkit-filter:invert(1);filter:invert(1)}.community_social_link .social_link{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:80% 80%;transition:-webkit-filter 0.5s ease;transition:filter 0.5s ease;transition:filter 0.5s ease,-webkit-filter 0.5s ease}.btn_x .social_link{background-image:url(../../../contents/common/img/icon/icn_x_white.svg?v=1632db69);background-size:20px 20px}.btn_facebook .social_link{background-image:url(../../../contents/common/img/icon/icn_facebook.svg?v=6db42e27)}.btn_tiktok .social_link{background-image:url(../../../contents/common/img/icon/icn_tiktok.svg?v=1f73e86b)}.btn_instagram .social_link{background-image:url(../../../contents/common/img/icon/icn_instagram.svg?v=cd67d973)}.community_item{opacity:0;transition:-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94),-webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-animation:fadeInHorizon 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;animation:fadeInHorizon 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards}.community_item.community_item_discord{-webkit-animation-delay:0s;animation-delay:0s}.community_item.community_item_youtube{-webkit-animation-delay:0.2s;animation-delay:0.2s}.community_item.community_item_twitch{-webkit-animation-delay:0.4s;animation-delay:0.4s}.community_item.community_item_social{-webkit-animation-delay:0.6s;animation-delay:0.6s}@-webkit-keyframes fadeInHorizon{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fadeInHorizon{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@media (max-width: 1280px){.community{max-width:96%;justify-content:center}}@media (max-width: 1024px){.community{padding:0 0 6rem;display:flex;flex-direction:column;align-items:center}.community_header,.community_subtitle,.community_title{text-align:center}.community_title{font-size:4rem}.community_subtitle{margin-left:auto;margin-right:auto;font-size:1.75rem;max-width:90%}}@media (max-width: 768px){.community_wrap{background:no-repeat center bottom/cover url(../../img/community/community_bg_mo.png?v=2fb7c6fb)}.community{padding-bottom:22rem}.community_item{flex-direction:column}.community_list{max-width:100%;margin:0 auto}.community_item{width:710px;max-width:100%;height:100%;border-left:0;background:#000;text-align:center}.community_item.community_item_discord{border-top:4px solid #6d7edd}.community_item.community_item_youtube{border-top:4px solid #c52b19}.community_item.community_item_twitch{border-top:4px solid #6738ab}.community_item.community_item_social{border-top:4px solid #78afc2}.community_item .community_item_background{width:100%;height:auto;background-repeat:no-repeat;background-position:top center;background-size:100%;background-color:#000}.community_item.community_item_discord .community_item_background{padding-top:63%;background-image:url(../../img/community/discord_mo.png?v=4392db66)}.community_item.community_item_youtube .community_item_background{padding-top:45%;background-image:url(../../img/community/youtube_mo.png?v=71d010d1);margin-bottom:50px}.community_item.community_item_twitch .community_item_background{padding-top:45%;background-image:url(../../img/community/twitch_mo.png?v=ec17107d);margin-bottom:50px}.community_item.community_item_social .community_item_background{padding-top:63%;background-image:url(../../img/community/sns_mo.png?v=6719311c)}.community_content{position:relative;margin-top:-25%;display:flex;flex-direction:column;justify-content:flex-end;width:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);padding:1rem 2rem 2.5rem;gap:1.25rem;text-align:center}.community_item_discord .community_content{margin-top:-30%;padding-top:10%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 30%)}.community_name{font-size:3rem}.community_desc{width:100%;font-size:1.5rem;color:#767676}.community_item_twitch .community_desc{width:100%}.community_social_links{align-items:center;justify-content:center}.community_social_links{gap:1.5rem}.community_social_link{width:4.5rem;height:4.5rem;border:0;border-radius:1.25rem;background-color:#fff;opacity:0.7}.community_social_link .social_link{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;width:100%;height:100%;box-sizing:border-box;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center;-webkit-filter:invert(1);filter:invert(1);background-size:75% 75%}.btn_x .social_link{background-size:40% 40%}.community_social_link:active,.community_social_link:hover{opacity:0.5}.community_list .community_item{opacity:0;-webkit-animation:fadeInVertical 0.7s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);animation:fadeInVertical 0.7s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94)}.community_list .community_item.community_item_discord{-webkit-animation-delay:0s;animation-delay:0s}.community_list .community_item.community_item_youtube{-webkit-animation-delay:0.2s;animation-delay:0.2s}.community_list .community_item.community_item_twitch{-webkit-animation-delay:0.4s;animation-delay:0.4s}.community_list .community_item.community_item_social{-webkit-animation-delay:0.6s;animation-delay:0.6s}}@-webkit-keyframes fadeInVertical{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeInVertical{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width: 640px){.community_title{font-size:3rem}.community_subtitle{font-size:1.5rem}.community_item{min-height:180px}.community_item_twitch .community_content{background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 45%)}.community_content{margin-top:-33%}.community_name{font-size:2rem}.community_desc{font-size:1rem}}@media (max-width: 480px){.community_social_links{gap:1rem}}@media (max-width: 360px){.community_item_twitch .community_content{background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 30%)}}