@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jersey+10&family=LINE+Seed+JP:wght@400;700;800&family=Noto+Sans+TC:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}.header_nav{width:100%;height:80px;padding:0 40px;display:flex;align-items:center;transition:all .5s ease;background:#000000}.header_nav>div{position:relative}.header_nav>div .logo{width:164px;height:35px;display:block;background:url(/Event/game-design-course/assets/logo.svg) no-repeat center/contain;transition:all .2s ease}@media screen and (max-width: 767px){.header_nav{padding:0 16px;width:100%;height:64px}.header_nav>div .logo{width:123px;height:26px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#Banner{position:relative;overflow:visible;background:#000000}#Banner .banner_sticky{position:relative;height:100svh;z-index:2}@media screen and (max-width: 750px){#Banner .banner_sticky{height:auto}}#Banner .banner_video{inset:0;width:100%;height:100%;z-index:0;transform-origin:center center;will-change:transform,clip-path;transition:all .2s ease-out;background:#000000}@media screen and (max-width: 750px){#Banner .banner_video{height:auto;padding-bottom:95.643%}}#Banner .banner_video video{width:100%;height:100%;display:block;-o-object-position:center center;object-position:center center;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 750px){#Banner .banner_video video{position:absolute;top:0;left:0}}#Banner .banner_content{line-height:0;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);transition:transform .12s ease-out,opacity .12s ease-out;max-width:1280px;width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 768px){#Banner .banner_content{top:50%}}@media screen and (max-width: 576px){#Banner .banner_content{top:50%}}#Banner .banner_content .banner_game_design{margin-bottom:9px}@media screen and (max-width: 992px){#Banner .banner_content .banner_game_design{margin-bottom:1px}}@media screen and (max-width: 576px){#Banner .banner_content .banner_game_design{margin-bottom:0}}#Banner .banner_content .banner_game_design .banner_game_design_img{width:auto}@media screen and (max-width: 768px){#Banner .banner_content .banner_game_design .banner_game_design_img{width:151px}}#Banner .banner_content .banner_main_text{max-width:660px;margin:0 auto}@media screen and (max-width: 768px){#Banner .banner_content .banner_main_text{max-width:480px}}@media screen and (max-width: 576px){#Banner .banner_content .banner_main_text{max-width:358px}}#Banner .banner_content .banner_main_text .banner_main_text_img{width:100%}@media screen and (max-width: 576px){#Banner .banner_content .slogan_text{max-width:266px;margin:0 auto}}#Banner .banner_content .slogan_text ul{padding:12px 28px;border-radius:40px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;backdrop-filter:blur(5px);background-color:#00000040}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul{padding:6px 16px;border-radius:22px;gap:4.5px}}@media screen and (max-width: 576px){#Banner .banner_content .slogan_text ul{padding:4px 19px;border-radius:999px;gap:3.9px}}#Banner .banner_content .slogan_text ul:before{content:"";position:absolute;inset:-.5px;width:calc(100% + .5px);height:100%;border-radius:40px;border-style:solid;border-width:.5px;border-color:transparent;background-image:linear-gradient(to right,#F7D2FF 20%,#1BFFA0 50%,#5763FF 80%);background-origin:border-box;-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude,add;z-index:-1}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul:before{inset:-.25px}}#Banner .banner_content .slogan_text ul li p{font-size:24px;font-weight:800;line-height:55px;letter-spacing:5%;color:#f2f2ff}@media screen and (max-width: 992px){#Banner .banner_content .slogan_text ul li p{font-size:18px;line-height:41px}}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul li p{font-size:14px;line-height:1.3;letter-spacing:10%}}@media screen and (max-width: 576px){#Banner .banner_content .slogan_text ul li p{font-size:13px;line-height:1.5}}#Banner .banner_content .slogan_text ul li .icon_blender{display:inline-block;width:28px;height:28px;background-image:url(/Event/game-design-course/assets/icon_blender.svg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul li .icon_blender{width:15px;height:15px}}#Banner .banner_content .slogan_text ul li .icon_star{display:inline-block;width:24px;height:24px;background-image:url(/Event/game-design-course/assets/icon_star.svg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul li .icon_star{width:13px;height:13px}}#Banner .banner_content .slogan_text ul li .icon_unity{display:inline-block;width:28px;height:28px;background-image:url(/Event/game-design-course/assets/icon_unity.svg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){#Banner .banner_content .slogan_text ul li .icon_unity{width:15px;height:15px}}#Banner .gird_box{position:relative;z-index:1;background:url(/Event/game-design-course/assets/grid_box_bg.jpg) no-repeat center center/cover;background-attachment:fixed;padding:91px 28px 120px}@media screen and (max-width: 992px){#Banner .gird_box{padding:29px 28px 48px}}@media screen and (max-width: 750px){#Banner .gird_box{padding:32px 45px}}#Banner .gird_box .content_box{max-width:1116px;width:100%;margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:51px 78px}@media screen and (max-width: 1200px){#Banner .gird_box .content_box{gap:35px 60px}}@media screen and (max-width: 992px){#Banner .gird_box .content_box{gap:21px 56px}}@media screen and (max-width: 750px){#Banner .gird_box .content_box{display:flex;flex-direction:column;gap:9px}}#Banner .gird_box .content_box .intro_item{text-align:center;z-index:1}#Banner .gird_box .content_box .intro_item .heading_02{color:#f2f2ff;font-family:LINE Seed JP,Noto Sans TC,sans-serif;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:8%}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .intro_item .heading_02{font-size:24px}}@media screen and (max-width: 768px){#Banner .gird_box .content_box .intro_item .heading_02{font-size:20px;letter-spacing:10%;position:relative;z-index:1}}#Banner .gird_box .content_box .intro_item .intro_item_box{margin-top:-5px;border-radius:8px;overflow:hidden;position:relative}#Banner .gird_box .content_box .intro_item .intro_item_box:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,#292929 0%,rgba(205,205,205,0) 100%);z-index:1;opacity:.5}#Banner .gird_box .content_box .intro_item .intro_item_box .pic_box{width:100%;position:relative}#Banner .gird_box .content_box .intro_item .intro_item_box .pic_box img{width:100%;-o-object-fit:cover;object-fit:cover}#Banner .gird_box .content_box .intro_item .intro_item_box .text_box{padding:10px 10px 0;position:absolute;color:#fff;bottom:20px;left:50%;transform:translate(-50%);width:100%;text-align:center;z-index:2}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .intro_item .intro_item_box .text_box{bottom:14px}}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item .intro_item_box .text_box{bottom:24px}}#Banner .gird_box .content_box .intro_item .intro_item_box .text_box .body_01{line-height:1.5;letter-spacing:3%;font-family:LINE Seed JP,Noto Sans TC,sans-serif}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .intro_item .intro_item_box .text_box .body_01{font-size:14px}}@media screen and (max-width: 768px){#Banner .gird_box .content_box .intro_item .intro_item_box .text_box .body_01{font-size:12px;line-height:1.5;letter-spacing:3%}}#Banner .gird_box .content_box .intro_item:nth-child(1){grid-column:1/2;grid-row:1/2}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(1){order:1}}#Banner .gird_box .content_box .intro_item:nth-child(2){grid-column:2/3;grid-row:1/2}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(2){display:none}}#Banner .gird_box .content_box .intro_item.intro_item--placeholder{opacity:0;pointer-events:none}#Banner .gird_box .content_box .intro_item:nth-child(3){grid-column:3/4;grid-row:1/2}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(3){order:4}}#Banner .gird_box .content_box .intro_item:nth-child(4){grid-column:1/2;grid-row:2/3}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(4){order:2}}#Banner .gird_box .content_box .intro_item:nth-child(5){grid-column:3/4;grid-row:2/3}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(5){order:4}}#Banner .gird_box .content_box .intro_item:nth-child(6){grid-column:1/2;grid-row:3/4}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(6){order:3}}#Banner .gird_box .content_box .intro_item:nth-child(7){grid-column:3/4;grid-row:3/4}@media screen and (max-width: 750px){#Banner .gird_box .content_box .intro_item:nth-child(7){order:6}}#Banner .gird_box .content_box .jersey_10{color:#fff;grid-column:2/3;grid-row:2/3;place-self:center;z-index:2;font-size:162px;letter-spacing:5%}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .jersey_10{font-size:13.02089vw}}@media screen and (max-width: 750px){#Banner .gird_box .content_box .jersey_10{order:0}}#Banner .gird_box .content_box .game_design_box{padding:16px 20px;background:rgba(0,0,0,.5);border-radius:8px;grid-column:2/3;grid-row:3/4;place-self:flex-end;z-index:2}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box{padding:1.3021vw 1.6276vw}}@media screen and (max-width: 750px){#Banner .gird_box .content_box .game_design_box{display:none}}#Banner .gird_box .content_box .game_design_box .heading_02{font-size:28px;line-height:40px;letter-spacing:4px;position:relative;color:transparent;-webkit-text-stroke:.5px #fff;font-family:LINE Seed JP,Noto Sans TC,sans-serif}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02{line-height:3.255vw;font-size:2.27865vw;letter-spacing:.32vw;-webkit-text-stroke:.3px #fff}}#Banner .gird_box .content_box .game_design_box .heading_02:first-child{background:linear-gradient(0deg,rgba(255,255,255,0) 0%,#9021E2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(2){-webkit-text-stroke:1px #fff;opacity:.6}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(2){-webkit-text-stroke:.6px #fff}}#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(3){-webkit-text-stroke:1px #E9E7FF;opacity:.6}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(3){-webkit-text-stroke:.6px #E9E7FF}}#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(4){-webkit-text-stroke:1px #B5AEFF;opacity:.6}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(4){-webkit-text-stroke:.6px #B5AEFF}}#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(5){-webkit-text-stroke:1px #6D4DFF;opacity:.6}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02:nth-child(5){-webkit-text-stroke:.6px #6D4DFF}}#Banner .gird_box .content_box .game_design_box .heading_02:not(:first-child){margin-top:-5px}@media screen and (max-width: 1200px){#Banner .gird_box .content_box .game_design_box .heading_02:not(:first-child){margin-top:-3px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P1{background:url(/Event/game-design-course/assets/P1_bg.jpg) no-repeat center center/cover}@media screen and (max-width: 750px){#P1{display:none}}#P1 .nav_shell{position:relative}#P1 .nav_bar{display:flex;align-items:center;justify-content:center;gap:28px;width:100%;background:url(/Event/game-design-course/assets/P1_bg.jpg) no-repeat center center/cover;padding:28px}@media screen and (max-width: 1200px){#P1 .nav_bar{padding:20px 24px}}#P1 .nav_bar nav{display:flex;align-items:center;justify-content:center}#P1 .nav_bar nav ul{display:flex;align-items:center;justify-content:center;gap:18px}#P1 .nav_bar nav ul li a{display:inline-block;padding:8px 36px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(5px);position:relative;line-height:0}@media screen and (max-width: 1200px){#P1 .nav_bar nav ul li a{padding:8px 16px}}@media screen and (max-width: 992px){#P1 .nav_bar nav ul li a{padding:2px 12px}}#P1 .nav_bar nav ul li a:hover{background:rgba(0,0,0,.25)}#P1 .nav_bar nav ul li a:hover:after{background-image:linear-gradient(-140deg,#F7D2FF 0%,#1BFFA0 42%,#5763FF 100%)}#P1 .nav_bar nav ul li a:after{content:"";position:absolute;inset:-.5px;width:calc(100% + .5px);height:100%;border-radius:40px;border-style:solid;border-width:.5px;border-color:transparent;background-image:linear-gradient(140deg,#F7D2FF 0%,#1BFFA0 42%,#5763FF 100%);background-origin:border-box;-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude,add;z-index:-1;transition:background-image .3s ease}@media screen and (max-width: 768px){#P1 .nav_bar nav ul li a:after{inset:-.25px}}#P1 .nav_bar nav ul li a span{color:#fff;position:relative;display:inline-block;z-index:1;text-shadow:0px 2px 3px rgba(0,0,0,.3)}@media screen and (max-width: 992px){#P1 .nav_bar nav ul li a span{font-size:14px}}@media screen and (max-width: 768px){#P1 .nav_bar nav ul li a span{font-size:13px;line-height:1.5;letter-spacing:10%}}#P1 .nav_bar nav ul li a span:before{position:absolute;content:"課程總覽";font-size:16px;-webkit-text-stroke:.5px #6A6A6A}@media screen and (max-width: 992px){#P1 .nav_bar nav ul li a span:before{font-size:14px}}@media screen and (max-width: 768px){#P1 .nav_bar nav ul li a span:before{font-size:13px}}#P1 .nav_bar nav ul li:nth-child(2) a span:before{content:"實作成果"}#P1 .nav_bar nav ul li:nth-child(3) a span:before{content:"課程亮點"}#P1 .nav_bar nav ul li:nth-child(4) a span:before{content:"講師陣容"}#P1 .nav_bar nav ul li:nth-child(5) a span:before{content:"延伸推薦"}#P1 .nav_bar .jersey_10{line-height:1;font-size:64px;letter-spacing:5%;background:linear-gradient(180deg,#F13EE8 0%,#FFB6B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:1px #FFFFFF;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}@media screen and (max-width: 1200px){#P1 .nav_bar .jersey_10{font-size:56px}}@media screen and (max-width: 992px){#P1 .nav_bar .jersey_10{font-size:32px;letter-spacing:5%}}#P1 .nav_bar.fixed{position:fixed;top:10px;left:0;right:0;z-index:999;transform-origin:center top;will-change:clip-path,transform,opacity;transition:clip-path .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),opacity .22s ease;max-width:866px;margin:0 auto;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);border-radius:999px;padding:20px 40px}#P1 .nav_bar.fixed .jersey_10{display:none}@media screen and (max-width: 992px){#P1 .nav_bar.fixed{padding:12px 24px;max-width:555px}#P1 .nav_bar.fixed nav ul{gap:24px}}#P1 .nav_deco{position:fixed;top:10px;left:50%;opacity:0;pointer-events:none;transform:translate(-50%) scale(.9) rotate(var(--deco-rotate, 0deg));transition:opacity .2s ease;z-index:1000;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.12);backdrop-filter:blur(3.5px)}#P1 .nav_deco svg{width:100%;height:100%;display:block}#P1.fixed_mode .nav_bar.fixed{opacity:0;pointer-events:none;transform:translateY(-8px) scaleX(.88);clip-path:inset(0 50% 0 50% round 999px)}#P1.fixed_mode .nav_deco{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1) rotate(var(--deco-rotate, 0deg))}#P1.fixed_mode.nav_open .nav_bar.fixed{opacity:1;pointer-events:auto;transform:translateY(0) scaleX(1);clip-path:inset(0 0% 0 0% round 0px)}#P1.fixed_mode.nav_open .nav_deco{opacity:0;pointer-events:none;transform:translate(-50%) scale(.95) rotate(var(--deco-rotate, 0deg))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.\!sticky{position:sticky!important}.sticky{position:sticky}.bottom-\[-10px\]{bottom:-10px}.left-0{left:0px}.left-\[-10px\]{left:-10px}.right-\[-10px\]{right:-10px}.top-0{top:0px}.top-\[-10px\]{top:-10px}.isolate{isolation:isolate}.box-content{box-sizing:content-box}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-full{height:100%}.w-4{width:1rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.gap-\[1em\]{gap:1em}.overflow-hidden{overflow:hidden}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[3px\]{border-width:3px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-t-0{border-top-width:0px}.border-none{border-style:none}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.text-7xl{font-size:4.5rem;line-height:1}.font-black{font-weight:900}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\,color\]{transition-property:filter,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.active\:cursor-grabbing:active{cursor:grabbing}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}.true-focus-corner{border-color:var(--border-color, #fff);filter:drop-shadow(0 0 4px var(--border-color, #fff))}.relative{position:relative}.flex{display:flex}.wrap{flex-wrap:wrap}.justify-center{justify-content:center}.items-center{align-items:center}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P2{position:relative;overflow:hidden;z-index:0;background:url(/Event/game-design-course/assets/P2_bg.jpg) #FAFAFA no-repeat center center/cover}#P2 section{position:relative;max-width:1440px;margin:0 auto}#P2 section .content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1px}@media screen and (max-width: 750px){#P2 section .content{flex-direction:column;gap:0}}#P2 section .content .content_item_1,#P2 section .content .content_item_2,#P2 section .content .content_item_3,#P2 section .content .content_item_4{width:calc(50% - 1px);background:#FDF9FF;height:308px;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden}@media screen and (max-width: 992px){#P2 section .content .content_item_1,#P2 section .content .content_item_2,#P2 section .content .content_item_3,#P2 section .content .content_item_4{height:165px}}@media screen and (max-width: 750px){#P2 section .content .content_item_1,#P2 section .content .content_item_2,#P2 section .content .content_item_3,#P2 section .content .content_item_4{width:100%}}#P2 section .content .content_item_1{border-radius:0 80px 80px 0;padding:0 3.6vw 0 0}@media screen and (min-width: 1920px){#P2 section .content .content_item_1{padding:0 69px 0 0}}@media screen and (max-width: 1200px){#P2 section .content .content_item_1{padding:0 4.6vw 0 0}}@media screen and (max-width: 992px){#P2 section .content .content_item_1{border-radius:0 40px 40px 0;padding:0}}@media screen and (max-width: 750px){#P2 section .content .content_item_1{border-radius:40px}}#P2 section .content .content_item_1 .content_item_box{max-width:520px;margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:65px}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box{gap:40px;align-items:flex-end;max-width:450px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box{gap:29px;margin:0 auto}}#P2 section .content .content_item_1 .content_item_box .item_title{color:#4c16eb;display:flex;align-items:baseline;gap:25px;position:relative}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_title{gap:18px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title{padding-right:15px}}#P2 section .content .content_item_1 .content_item_box .item_title:before{content:"";position:absolute;bottom:-32px;right:30px;width:100vw;height:1px;background:#531fff}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_title:before{bottom:-21px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title:before{height:.5px;bottom:-15px;right:16px}}#P2 section .content .content_item_1 .content_item_box .item_title:after{content:"";position:absolute;bottom:-44px;right:0;width:36px;height:25px;background:url(/Event/game-design-course/assets/content_item_1_icon.svg) no-repeat center center/cover}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_title:after{bottom:-33px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title:after{bottom:-21.5px;width:19px;height:14px}}#P2 section .content .content_item_1 .content_item_box .item_title .item_title_1{position:relative;text-shadow:0px 0px 4px rgba(0,0,0,.25),3px 3px 3px rgba(241,62,232,.45);z-index:1}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_title .item_title_1{font-size:28px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title .item_title_1{font-size:20px;line-height:1.2;letter-spacing:10%;text-shadow:2.13333px 1.6px 1.33333px rgba(241,62,232,.35)}}#P2 section .content .content_item_1 .content_item_box .item_title .item_title_1:before{content:"遊戲產業正在";position:absolute;-webkit-text-stroke:1px #F2F2FF;z-index:-1;color:#f2f2ff}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title .item_title_1:before{font-size:20px;-webkit-text-stroke:.5px #F2F2FF}}#P2 section .content .content_item_1 .content_item_box .item_title .item_title_2{position:relative;z-index:1;font-size:52px;line-height:1.3;letter-spacing:10%;font-weight:800;text-shadow:0px 0px 4px rgba(0,0,0,.25),3px 3px 3px rgba(241,62,232,.45);-webkit-text-stroke:1px #F2F2FF}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_title .item_title_2{font-size:40px}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_title .item_title_2{font-size:24px;line-height:1.3;letter-spacing:10%;-webkit-text-stroke:.5px #F2F2FF;text-shadow:2.13333px 1.6px 1.33333px rgba(241,62,232,.35)}}#P2 section .content .content_item_1 .content_item_box .item_content{text-align:center}@media screen and (max-width: 1200px){#P2 section .content .content_item_1 .content_item_box .item_content{text-align:right}}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_content{max-width:304px}}#P2 section .content .content_item_1 .content_item_box .item_content p{color:#312f3a}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_content p{font-size:14px;line-height:1.5;letter-spacing:3%}}#P2 section .content .content_item_1 .content_item_box .item_content p span{color:#4c16eb;font-weight:700}@media screen and (max-width: 992px){#P2 section .content .content_item_1 .content_item_box .item_content p span{font-weight:400}}#P2 section .content .content_item_2{border-radius:80px 0 0 80px}@media screen and (max-width: 992px){#P2 section .content .content_item_2{border-radius:40px 0 0 40px}}@media screen and (max-width: 750px){#P2 section .content .content_item_2{border-radius:40px}}#P2 section .content .content_item_2 .content_item_box{display:flex;align-items:center;gap:127px}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box{gap:80px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box{gap:55px}}#P2 section .content .content_item_2 .content_item_box .item_left,#P2 section .content .content_item_2 .content_item_box .item_right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box .item_left,#P2 section .content .content_item_2 .content_item_box .item_right{gap:34px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left,#P2 section .content .content_item_2 .content_item_box .item_right{gap:26px}}#P2 section .content .content_item_2 .content_item_box .item_left .item_title,#P2 section .content .content_item_2 .content_item_box .item_right .item_title{color:#b5aeff}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box .item_left .item_title,#P2 section .content .content_item_2 .content_item_box .item_right .item_title{font-size:20px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left .item_title,#P2 section .content .content_item_2 .content_item_box .item_right .item_title{font-size:14px;line-height:1.3;letter-spacing:10%}}#P2 section .content .content_item_2 .content_item_box .item_left .item_content p,#P2 section .content .content_item_2 .content_item_box .item_right .item_content p{display:flex;align-items:baseline;gap:15px;color:#4c16eb;font-size:56px;font-weight:800;line-height:1.3;letter-spacing:10%;text-shadow:4px 3px 2.5px rgba(241,62,232,.35);-webkit-text-stroke:1px #F2F2FF}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box .item_left .item_content p,#P2 section .content .content_item_2 .content_item_box .item_right .item_content p{font-size:40px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left .item_content p,#P2 section .content .content_item_2 .content_item_box .item_right .item_content p{font-size:28px;line-height:1.3;letter-spacing:10%;gap:10px;text-shadow:2.13333px 1.6px 1.33333px rgba(241,62,232,.35);-webkit-text-stroke:.5px #F2F2FF}}#P2 section .content .content_item_2 .content_item_box .item_left .item_content p span,#P2 section .content .content_item_2 .content_item_box .item_right .item_content p span{display:inline-block;-webkit-text-stroke:.5px #F2F2FF}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left .item_content p span,#P2 section .content .content_item_2 .content_item_box .item_right .item_content p span{font-size:16px}}#P2 section .content .content_item_2 .content_item_box .item_left{position:relative}#P2 section .content .content_item_2 .content_item_box .item_left:before{content:"";position:absolute;bottom:0px;right:-63px;width:1px;height:100vw;background:#A928FC}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box .item_left:before{right:-40px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left:before{right:-30px;width:.5px}}#P2 section .content .content_item_2 .content_item_box .item_left:after{content:"";position:absolute;bottom:-10px;right:-75px;width:25px;height:33px;background:url(/Event/game-design-course/assets/content_item_2_icon.svg) no-repeat center center/cover}@media screen and (max-width: 1200px){#P2 section .content .content_item_2 .content_item_box .item_left:after{right:-52px}}@media screen and (max-width: 992px){#P2 section .content .content_item_2 .content_item_box .item_left:after{right:-37px;width:14px;height:18px}}#P2 section .content .content_item_3{border-radius:0 80px 0 0;padding:0 6.09377vw 0 0}@media screen and (min-width: 1920px){#P2 section .content .content_item_3{padding:0 117px 0 0}}@media screen and (max-width: 1200px){#P2 section .content .content_item_3{padding:0 2.731vw 0 0}}@media screen and (max-width: 992px){#P2 section .content .content_item_3{border-radius:0 40px 0 0;padding:0}}@media screen and (max-width: 750px){#P2 section .content .content_item_3{border-radius:40px}}#P2 section .content .content_item_3 .content_item_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin-left:auto}@media screen and (max-width: 1200px){#P2 section .content .content_item_3 .content_item_box{gap:34px}}@media screen and (max-width: 992px){#P2 section .content .content_item_3 .content_item_box{gap:21px;margin:0 auto}}#P2 section .content .content_item_3 .content_item_box .item_title{color:#b5aeff;text-align:center}@media screen and (max-width: 1200px){#P2 section .content .content_item_3 .content_item_box .item_title{font-size:20px}}@media screen and (max-width: 992px){#P2 section .content .content_item_3 .content_item_box .item_title{font-size:14px;line-height:1.3;letter-spacing:10%}}#P2 section .content .content_item_3 .content_item_box .item_content{display:flex;align-items:center;gap:15px}#P2 section .content .content_item_3 .content_item_box .item_content span{font-size:40px;font-weight:800;line-height:52px;letter-spacing:10%;color:#531fff}@media screen and (max-width: 1200px){#P2 section .content .content_item_3 .content_item_box .item_content span{font-size:28px}}@media screen and (max-width: 992px){#P2 section .content .content_item_3 .content_item_box .item_content span{font-size:24px;line-height:1.3;letter-spacing:10%}}#P2 section .content .content_item_4{border-radius:80px 0 0}@media screen and (max-width: 992px){#P2 section .content .content_item_4{border-radius:40px 0 0}}@media screen and (max-width: 750px){#P2 section .content .content_item_4{border-radius:40px 40px 0 0}}#P2 section .content .content_item_4 .content_item_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:65px}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box{gap:55px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box{gap:35px}}#P2 section .content .content_item_4 .content_item_box .item_title{color:#b5aeff;position:relative}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box .item_title{font-size:20px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box .item_title{font-size:14px;line-height:1.3;letter-spacing:10%}}#P2 section .content .content_item_4 .content_item_box .item_title:before{content:"";position:absolute;bottom:-32px;left:-113px;width:100vw;height:1px;background:#531fff}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box .item_title:before{left:-73px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box .item_title:before{left:-50px;height:.5px;bottom:-21.5px}}#P2 section .content .content_item_4 .content_item_box .item_title:after{content:"";position:absolute;bottom:-44px;left:-142px;width:34px;height:25px;background:url(/Event/game-design-course/assets/content_item_3_icon.svg) no-repeat center center/cover}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box .item_title:after{left:-95px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box .item_title:after{left:-67px;width:19px;height:14px;bottom:-28px}}#P2 section .content .content_item_4 .content_item_box .item_content p{display:flex;align-items:baseline;gap:15px;font-size:72px;font-weight:800;line-height:1.3;letter-spacing:10%;color:#4c16eb;text-shadow:4px 3px 2.5px rgba(241,62,232,.35);-webkit-text-stroke:1px #F2F2FF}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box .item_content p{font-size:56px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box .item_content p{font-size:36px;line-height:1.3;letter-spacing:10%;text-shadow:2.13333px 1.6px 1.33333px rgba(241,62,232,.35);-webkit-text-stroke:.5px #F2F2FF;gap:10px}}#P2 section .content .content_item_4 .content_item_box .item_content p span{display:inline-block;-webkit-text-stroke:.5px #F2F2FF}@media screen and (max-width: 1200px){#P2 section .content .content_item_4 .content_item_box .item_content p span{font-size:20px}}@media screen and (max-width: 992px){#P2 section .content .content_item_4 .content_item_box .item_content p span{font-size:14px;line-height:1.3;letter-spacing:10%}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P3{position:relative;padding:64px 0;background:url(/Event/game-design-course/assets/P3_bg.jpg) no-repeat center center/cover}@media screen and (max-width: 768px){#P3{padding:24px 0}}#P3 header{text-align:center;position:relative;z-index:1}#P3 header .title{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}@media screen and (max-width: 768px){#P3 header .title{gap:8px}}#P3 header .title .topic_intro{text-align:center}#P3 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P3 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P3 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P3 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P3 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P3 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P3 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P3 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P3 header .title h2{font-size:20px;line-height:1.2}}#P3 header .title p{color:#b5aeff}@media screen and (max-width: 992px){#P3 header .title p{font-size:16px;line-height:24px}}@media screen and (max-width: 768px){#P3 header .title p{font-size:14px;line-height:1.2;letter-spacing:10%}}#P3 section .content{padding:0 20px;margin-top:54px}@media screen and (max-width: 992px){#P3 section .content{margin-top:24px}}#P3 section .content .content_list{display:flex;justify-content:center;flex-wrap:wrap;gap:47px 119px;width:100%;max-width:1303px;margin:0 auto;position:relative}@media screen and (max-width: 1200px){#P3 section .content .content_list{flex-wrap:nowrap;flex-direction:column;align-items:center;gap:0}}@media screen and (max-width: 992px){#P3 section .content .content_list{gap:16px}}#P3 section .content .content_list .content_item{display:flex;justify-content:center;align-items:flex-start;gap:21px;width:calc(50% - 59.5px);position:relative}@media screen and (max-width: 1200px){#P3 section .content .content_list .content_item{width:100%;max-width:730px}}#P3 section .content .content_list .content_item .intro_title{display:flex;align-items:center;gap:21px;padding-top:80px}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item .intro_title{padding-top:62px}}@media screen and (max-width: 576px){#P3 section .content .content_list .content_item .intro_title{padding-top:41px}}#P3 section .content .content_list .content_item .intro_title .subtitle_text_01{color:#fdf9ff;max-width:238px;text-align:right}@media screen and (max-width: 1200px){#P3 section .content .content_list .content_item .intro_title .subtitle_text_01{max-width:initial}}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item .intro_title .subtitle_text_01{font-size:16px;line-height:1.3;letter-spacing:10%}}#P3 section .content .content_list .content_item .intro_content{max-width:329px;display:flex;align-items:center;flex-direction:column;gap:14px;position:relative}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item .intro_content{max-width:210px;gap:15px}}@media screen and (max-width: 576px){#P3 section .content .content_list .content_item .intro_content{gap:28px}}#P3 section .content .content_list .content_item .intro_content:before{content:"";position:absolute;background:url(/Event/game-design-course/assets/item_deco.svg) no-repeat center center/contain;width:143px;height:85px;right:335px;bottom:55px}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item .intro_content:before{width:100px;height:60px;right:227px;bottom:auto;top:101px}}@media screen and (max-width: 576px){#P3 section .content .content_list .content_item .intro_content:before{top:121px}}#P3 section .content .content_list .content_item .intro_content .pic_box{width:100%}#P3 section .content .content_list .content_item .intro_content .pic_box.pic_glitch{position:relative;overflow:hidden;isolation:isolate}#P3 section .content .content_list .content_item .intro_content .pic_box.pic_glitch .content_item_pic{position:relative;z-index:0;display:block;width:100%;height:auto;vertical-align:top}#P3 section .content .content_list .content_item .intro_content .pic_box.pic_glitch .pic_glitch__layer{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--glitch-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;will-change:transform,opacity,clip-path;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite}#P3 section .content .content_list .content_item .intro_content .pic_box.pic_glitch .pic_glitch__layer--r{filter:drop-shadow(-2px 0 0 rgba(255,40,40,.95));animation-name:p3_glitch_red;animation-delay:0ms}#P3 section .content .content_list .content_item .intro_content .pic_box.pic_glitch .pic_glitch__layer--b{filter:drop-shadow(2px 0 0 rgba(60,120,255,.95));animation-name:p3_glitch_blue;animation-delay:80ms}#P3 section .content .content_list .content_item .intro_content .body_01{color:#fdf9ff;max-width:314px;width:100%;text-align:center}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item .intro_content .body_01{font-size:14px;line-height:1.5;letter-spacing:3%;max-width:200px}}#P3 section .content .content_list .content_item:nth-child(even) .intro_title{order:1}#P3 section .content .content_list .content_item:nth-child(even) .intro_title .subtitle_text_01{text-align:left}#P3 section .content .content_list .content_item:nth-child(even) .intro_content{order:0}#P3 section .content .content_list .content_item:nth-child(even) .intro_content:before{transform:scaleX(-1);right:auto;left:335px}@media screen and (max-width: 768px){#P3 section .content .content_list .content_item:nth-child(even) .intro_content:before{left:227px}}@keyframes p3_glitch_red{0%,to{opacity:0;transform:translate(0);clip-path:inset(50% 0 50% 0)}5%{opacity:.88;transform:translate(-4px,1px);clip-path:inset(8% 0 82% 0)}10%{opacity:.72;transform:translate(3px,-2px);clip-path:inset(42% 0 38% 0)}15%{opacity:0;transform:translate(0);clip-path:inset(50% 0 50% 0)}22%{opacity:.85;transform:translate(-3px);clip-path:inset(65% 0 12% 0)}28%{opacity:.65;transform:translate(5px,2px);clip-path:inset(18% 0 62% 0)}33%{opacity:0}48%{opacity:.78;transform:translate(-5px,-1px);clip-path:inset(30% 0 45% 0)}54%{opacity:0}67%{opacity:.9;transform:translate(2px,3px);clip-path:inset(72% 0 8% 0)}72%{opacity:.55;transform:translate(-2px,-3px);clip-path:inset(0% 0 78% 0)}78%{opacity:0}90%{opacity:.7;transform:translate(-3px);clip-path:inset(55% 0 25% 0)}96%{opacity:0}}@keyframes p3_glitch_blue{0%,to{opacity:0;transform:translate(0);clip-path:inset(50% 0 50% 0)}7%{opacity:.82;transform:translate(4px,-1px);clip-path:inset(62% 0 18% 0)}12%{opacity:0}25%{opacity:.88;transform:translate(-3px,2px);clip-path:inset(12% 0 70% 0)}31%{opacity:.68;transform:translate(5px);clip-path:inset(48% 0 35% 0)}38%{opacity:0}44%{opacity:.8;transform:translate(-4px,-2px);clip-path:inset(25% 0 58% 0)}51%{opacity:0}58%{opacity:.92;transform:translate(3px,4px);clip-path:inset(78% 0 5% 0)}64%{opacity:.6;transform:translate(-2px,-1px);clip-path:inset(5% 0 85% 0)}70%{opacity:0}83%{opacity:.75;transform:translate(4px);clip-path:inset(38% 0 45% 0)}88%{opacity:0}94%{opacity:.65;transform:translate(-5px,2px);clip-path:inset(50% 0 35% 0)}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}.form_content{max-width:800px;margin:0 auto;position:relative;z-index:1;background:rgba(255,255,255,.62);border-radius:24px;padding:40px 24px 64px}@media screen and (max-width: 992px){.form_content{max-width:512px;border-radius:16px;padding:32px 50px 48px}}@media screen and (max-width: 576px){.form_content{max-width:initial;padding:20px 16px 28px}}.form_content form{max-width:493px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px;backdrop-filter:blur(5px)}@media screen and (max-width: 992px){.form_content form{gap:20px}}.form_content form .form_header{text-align:center;position:relative;z-index:1}.form_content form .form_header .title{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.form_content form .form_header .title h2{position:relative;z-index:1;color:#fdf9ff;text-shadow:0px 0px 3px rgba(255,255,255,.35),0px 0px 7px rgba(0,0,0,.55),0px 1px 25px rgba(85,0,115,.75)}@media screen and (max-width: 992px){.form_content form .form_header .title h2{font-size:20px}}@media screen and (max-width: 768px){.form_content form .form_header .title h2{font-size:16px;line-height:1.3;letter-spacing:10%}}.form_content form .form_header .title p{color:#e9e7ff;text-shadow:0px 1px 10px rgba(0,0,0,.25)}@media screen and (max-width: 992px){.form_content form .form_header .title p{font-size:16px;line-height:24px;letter-spacing:.8px}}@media screen and (max-width: 768px){.form_content form .form_header .title p{font-size:14px;line-height:1.2;letter-spacing:10%}}.form_content form>fieldset{width:100%;display:flex;flex-wrap:wrap;gap:28px 20px}@media screen and (max-width: 768px){.form_content form>fieldset{gap:24px}}@media screen and (max-width: 576px){.form_content form>fieldset{gap:16px}}.form_content form>fieldset>div{width:calc(50% - 10px);position:relative}@media screen and (max-width: 768px){.form_content form>fieldset>div{width:calc(50% - 12px)}}@media screen and (max-width: 576px){.form_content form>fieldset>div{width:100%}}.form_content form>fieldset>div:nth-child(3),.form_content form>fieldset>div:nth-child(6){width:100%}.form_content form>fieldset>div input,.form_content form>fieldset>div select{width:100%;height:100%;font-size:16px;padding:0 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:5%;background-color:#fff;border:.5px solid #dcdcdc;color:#3a3253;border-radius:8px}@media screen and (max-width: 768px){.form_content form>fieldset>div input,.form_content form>fieldset>div select{font-size:14px}}.form_content form>fieldset>div input::-moz-placeholder,.form_content form>fieldset>div select::-moz-placeholder{color:#796d82}.form_content form>fieldset>div input::placeholder,.form_content form>fieldset>div select::placeholder{color:#796d82}.form_content form>fieldset>div input:-webkit-autofill,.form_content form>fieldset>div input:-webkit-autofill:hover,.form_content form>fieldset>div input:-webkit-autofill:focus,.form_content form>fieldset>div input:-webkit-autofill:active,.form_content form>fieldset>div select:-webkit-autofill,.form_content form>fieldset>div select:-webkit-autofill:hover,.form_content form>fieldset>div select:-webkit-autofill:focus,.form_content form>fieldset>div select:-webkit-autofill:active{box-shadow:0 0 0 30px #fff inset!important}.form_content form>fieldset>div input:hover,.form_content form>fieldset>div select:hover{border:.5px solid #C0C0C0}.form_content form>fieldset>div input:hover::-moz-placeholder,.form_content form>fieldset>div select:hover::-moz-placeholder{color:#cdcdcd}.form_content form>fieldset>div input:hover::placeholder,.form_content form>fieldset>div select:hover::placeholder{color:#cdcdcd}.form_content form>fieldset>div input:focus,.form_content form>fieldset>div select:focus{border:.5px solid #531FFF;outline:none}.form_content form>fieldset>div input,.form_content form>fieldset>div select{height:45px}.form_content form>fieldset>div select{background:url(/Event/game-design-course/assets/select.svg) white no-repeat center right 16px/16px 100%}.form_content form>fieldset>div select:disabled{cursor:not-allowed}.form_content form>fieldset>div select:not(.correct){color:#796d82}.form_content form>fieldset>div select:not(.correct):hover{color:#cdcdcd}.form_content form>fieldset>div select:focus{background:url(/Event/game-design-course/assets/select.svg) #F2F2FF no-repeat center right 16px/16px 100%}.form_content form .form_btm{display:flex;flex-direction:column;text-align:center;gap:28px;width:100%}@media screen and (max-width: 768px){.form_content form .form_btm{gap:24px}}@media screen and (max-width: 576px){.form_content form .form_btm{gap:16px}}.form_content form .error input:not([type=checkbox]),.form_content form .error select[data-value=""]{border:1px solid #F13EE8;color:#f13ee8}.form_content form .error input:not([type=checkbox]){background:rgba(242,5,5,.05)}.form_content form .error input::-moz-placeholder{color:#f13ee8}.form_content form .error input::placeholder{color:#f13ee8}.form_content form .error select{background:url(/Event/game-design-course/assets/select.svg) rgba(242,5,5,.05) no-repeat center right 16px/15px 100%}.form_content form .error .errorMsg{margin-top:12px;margin-bottom:-10px;color:#f13ee8;display:flex;justify-content:center;gap:8px;font-size:14px;line-height:17px;letter-spacing:.48px}@media screen and (max-width: 576px){.form_content form .error .errorMsg{font-size:12px;line-height:1.4;letter-spacing:.36px;padding-left:12px}}.form_content form .error .errorMsg:before{content:"";width:16px;height:16px;display:inline-block;background:url(/Event/game-design-course/assets/alert.svg) no-repeat center/100%}.form_content form .checkbox{position:relative;text-align:center}.form_content form .checkbox input[type=checkbox]{display:none}.form_content form .checkbox label{position:relative;color:#531fff;padding-left:33px;cursor:pointer;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:5%}@media screen and (max-width: 768px){.form_content form .checkbox label{font-size:14px;line-height:1.2;letter-spacing:10%}}.form_content form .checkbox label a{color:#531fff;text-decoration:underline;text-underline-offset:2px;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:5%}@media screen and (max-width: 768px){.form_content form .checkbox label a{font-size:14px;line-height:1.2;letter-spacing:10%}}.form_content form .checkbox input[type=checkbox]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;border:1.5px solid #531FFF;background:transparent;box-sizing:border-box}@media screen and (max-width: 576px){.form_content form .checkbox input[type=checkbox]+label:before{width:24px;height:24px}}.form_content form .checkbox input[type=checkbox]+label:after{content:"";position:absolute;width:13px;height:13px;left:4px;top:50%;transform:translateY(-50%);border-radius:50%;background:#531FFF;display:none}@media screen and (max-width: 576px){.form_content form .checkbox input[type=checkbox]+label:after{width:14px;height:14px;left:5px}}.form_content form .checkbox input[type=checkbox]:checked+label:before{background:#fff}.form_content form .checkbox input[type=checkbox]:checked+label:after{display:block}.form_content form .checkbox:hover input[type=checkbox]:checked+label:before{border:1.5px solid #531FFF}.form_content form .checkbox:hover input[type=checkbox]+label:before{border:1.5px solid #7B53FF}.form_content form .btn_l button{cursor:pointer;position:relative;width:100%;padding:18px;color:#fff;border:none;background:url(/Event/game-design-course/assets/btn_bg2.png) no-repeat center center/cover;box-shadow:0 0 15px #ffffff8c,0 0 35px #8400ffbf,0 0 50px #000000b3,inset 1px 1px 4px #000000b3;border-radius:999px}@media screen and (max-width: 768px){.form_content form .btn_l button{max-width:calc(100% - 38px);padding:15px}}.form_content form .btn_l button:before{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:999px;border-style:solid;border-width:2.5px;border-color:transparent;background-image:linear-gradient(160deg,#9B28FF 0%,#5CA2B5 52%,#1A8CFF 100%);background-origin:border-box;-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude,add}@media screen and (max-width: 576px){.form_content form .btn_l button:before{border-width:2px}}.form_content form .btn_l button div{position:relative;display:inline-block;z-index:1;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;color:#fff}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P4{overflow:hidden;padding:142px 16px;background:url(/Event/game-design-course/assets/P4_bg.jpg) no-repeat center center/cover;background-attachment:fixed}@media screen and (max-width: 992px){#P4{padding:75px 16px;background:url(/Event/game-design-course/assets/P4_bg_md.jpg) no-repeat center center/cover}}@media screen and (max-width: 576px){#P4{padding:33px 16px;background:url(/Event/game-design-course/assets/P4_bg_sm.jpg) no-repeat center center/cover}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P5{padding:64px 0;overflow:hidden;background:url(/Event/game-design-course/assets/P5_bg.jpg) no-repeat center center/cover;position:relative}@media screen and (max-width: 992px){#P5{padding:28px 0}}#P5 .line_box{width:95%;max-width:1123px;height:275px;border:1px solid #220086;border-top:none;position:absolute;top:120px;left:50%;transform:translate(-50%)}@media screen and (max-width: 992px){#P5 .line_box{top:69px;max-width:553px;height:241px}}@media screen and (max-width: 576px){#P5 .line_box{max-width:367px;height:160px}}#P5 .line_box:before,#P5 .line_box:after{content:"";position:absolute;top:0;left:0;width:100%;max-width:27%;height:1px;background:#220086}@media screen and (max-width: 992px){#P5 .line_box:before,#P5 .line_box:after{max-width:25.5%}}@media screen and (max-width: 576px){#P5 .line_box:before,#P5 .line_box:after{max-width:15.4%}}#P5 .line_box:after{left:auto;right:0}#P5 .line_box .square{position:absolute;width:20px;height:20px;background:linear-gradient(180deg,#4012C5 0%,#220086 100%)}@media screen and (max-width: 992px){#P5 .line_box .square{width:16px;height:16px}}@media screen and (max-width: 768px){#P5 .line_box .square{width:14px;height:14px}}@media screen and (max-width: 576px){#P5 .line_box .square{width:10px;height:10px}}#P5 .line_box .square_1{top:-10px;left:-10px}@media screen and (max-width: 768px){#P5 .line_box .square_1{top:-8px;left:-8px}}@media screen and (max-width: 576px){#P5 .line_box .square_1{top:-5px;left:-5px}}#P5 .line_box .square_2{top:-10px;right:-10px}@media screen and (max-width: 768px){#P5 .line_box .square_2{top:-8px;right:-8px}}@media screen and (max-width: 576px){#P5 .line_box .square_2{top:-5px;right:-5px}}#P5 .line_box .square_3{bottom:-10px;left:-10px}@media screen and (max-width: 768px){#P5 .line_box .square_3{bottom:-8px;left:-8px}}@media screen and (max-width: 576px){#P5 .line_box .square_3{bottom:-5px;left:-5px}}#P5 .line_box .square_4{bottom:-10px;right:-10px}@media screen and (max-width: 768px){#P5 .line_box .square_4{bottom:-8px;right:-8px}}@media screen and (max-width: 576px){#P5 .line_box .square_4{bottom:-5px;right:-5px}}#P5 header{text-align:center;position:relative;z-index:1}#P5 header .title{display:inline-flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P5 header .title .topic_intro{text-align:center}#P5 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P5 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P5 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P5 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P5 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P5 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P5 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P5 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P5 header .title h2{font-size:20px;line-height:1.2}}#P5 header .title .subtitle_text_02{color:#cfcada;line-height:55px}@media screen and (max-width: 992px){#P5 header .title .subtitle_text_02{font-size:16px;line-height:24px;color:#b5aeff}}@media screen and (max-width: 768px){#P5 header .title .subtitle_text_02{font-size:14px;line-height:1.2;letter-spacing:10%}}#P5 section{padding:0 27px;margin-top:36px;text-align:center}@media screen and (max-width: 992px){#P5 section{margin-top:24px}}#P5 section .content{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;max-width:960px;margin:0 auto}@media screen and (max-width: 992px){#P5 section .content{max-width:650px}}@media screen and (max-width: 768px){#P5 section .content{max-width:474px}}@media screen and (max-width: 576px){#P5 section .content{gap:0;max-width:336px}}#P5 section .content .content_item{width:calc(25% - 9px);position:relative;line-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px 24px}@media screen and (max-width: 992px){#P5 section .content .content_item{width:calc(50% - 6px)}}@media screen and (max-width: 576px){#P5 section .content .content_item{width:50%;padding:16px 12px;gap:8px}}#P5 section .content .content_item .subtitle_text_02{position:relative;color:#fff;text-align:center}@media screen and (max-width: 768px){#P5 section .content .content_item .subtitle_text_02{font-size:14px;line-height:1.2;letter-spacing:10%}}#P5 section .content .content_item .subtitle_text_02 span{color:#dfff53}#P5 section .content .content_item .item_pic_box{width:100%;max-width:170px}@media screen and (max-width: 576px){#P5 section .content .content_item .item_pic_box{max-width:100px}}#P5 section .content .content_item .item_pic_box.pic_glitch{position:relative;overflow:hidden;isolation:isolate}#P5 section .content .content_item .item_pic_box.pic_glitch .content_item_pic{position:relative;z-index:0;display:block;width:100%;height:auto;vertical-align:top}#P5 section .content .content_item .item_pic_box.pic_glitch .pic_glitch__layer{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--glitch-url);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;will-change:transform,opacity,clip-path;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite}#P5 section .content .content_item .item_pic_box.pic_glitch .pic_glitch__layer--r{filter:drop-shadow(-2px 0 0 rgba(255,40,40,.95));animation-name:p3_glitch_red;animation-delay:0ms}#P5 section .content .content_item .item_pic_box.pic_glitch .pic_glitch__layer--b{filter:drop-shadow(2px 0 0 rgba(60,120,255,.95));animation-name:p3_glitch_blue;animation-delay:80ms}#P5 section .content .content_item .intro_desc p{color:#e9e7ff;text-align:center}@media screen and (max-width: 768px){#P5 section .content .content_item .intro_desc p{font-size:14px;line-height:1.5;letter-spacing:3%}}@media screen and (max-width: 576px){#P5 section .content .content_item .intro_desc p{font-size:12px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}@media screen and (max-width: 992px){.infinite_menu_container:not(.fallback_menu_container){height:564px}}@media screen and (max-width: 750px){.infinite_menu_container:not(.fallback_menu_container){height:470px}}@media screen and (max-width: 576px){.infinite_menu_container:not(.fallback_menu_container){height:400px}}.infinite_menu_container .body_01{position:absolute;top:6%;left:50%;transform:translate(-50%);color:#dfff53}.infinite_menu_container .heading_02{top:30%;left:22%;color:#fff;font-size:2vw}@media screen and (max-width: 992px){.infinite_menu_container .heading_02{font-size:24px;top:25%;left:50%;margin-left:-320px}}@media screen and (max-width: 768px){.infinite_menu_container .heading_02{margin-left:-260px}}@media screen and (max-width: 576px){.infinite_menu_container .heading_02{font-size:16px;top:15%;margin-left:-150px}}.infinite_menu_container .heading_03{top:73%;right:21%;color:#fff;font-size:1.7vw}@media screen and (max-width: 992px){.infinite_menu_container .heading_03{font-size:20px;top:73%;left:50%;margin-left:280px;width:-moz-max-content;width:max-content}}@media screen and (max-width: 750px){.infinite_menu_container .heading_03{margin-left:220px}}@media screen and (max-width: 576px){.infinite_menu_container .heading_03{font-size:14px;top:84%;margin-left:130px}}.infinite_menu_container .link_arrow_btn{width:76px;height:76px;border-radius:50%;cursor:pointer;background:url(/Event/game-design-course/assets/icon_link_arrow2.svg) no-repeat center center/cover;box-shadow:2px 1px 20px #46116d99;position:absolute;left:50%;z-index:1}@media screen and (max-width: 992px){.infinite_menu_container .link_arrow_btn{width:57px;height:57px}}@media screen and (max-width: 750px){.infinite_menu_container .link_arrow_btn{width:50px;height:50px}}@media screen and (max-width: 576px){.infinite_menu_container .link_arrow_btn{width:44px;height:44px}}.infinite_menu_container .link_arrow_btn:hover{transform:translate(-30%,-20%)!important;box-shadow:2px 1px 20px #46116d}.fallback_menu{padding:24px 0 40px}.fallback_menu .fallback_grid{width:min(980px,92%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media screen and (max-width: 992px){.fallback_menu .fallback_grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width: 768px){.fallback_menu .fallback_grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width: 576px){.fallback_menu .fallback_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.fallback_menu .fallback_card{display:block;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;box-shadow:0 18px 50px #00000052;background:rgba(255,255,255,.06)}.fallback_menu .fallback_card img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P6{background:url(/Event/game-design-course/assets/P6_bg.jpg) no-repeat center center/cover;position:relative;padding:93px 0 0;overflow:hidden}@media screen and (max-width: 992px){#P6{padding:36px 0 0}}#P6 header{text-align:center;position:relative;z-index:1;padding:0 24px}#P6 header .title{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}@media screen and (max-width: 768px){#P6 header .title{gap:8px}}#P6 header .title .topic_intro{text-align:center}#P6 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P6 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P6 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P6 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P6 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P6 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P6 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P6 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P6 header .title h2{font-size:20px;line-height:1.2}}#P6 header .title .subtitle_text_01{color:#b5aeff}@media screen and (max-width: 992px){#P6 header .title .subtitle_text_01{font-size:16px;line-height:24px}}@media screen and (max-width: 768px){#P6 header .title .subtitle_text_01{font-size:14px;line-height:1.2;letter-spacing:10%}}#P6 header .title .body_01{color:#dfff53}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P7{position:relative;padding-top:113px;padding-bottom:65px;overflow:hidden}@media screen and (max-width: 992px){#P7{padding-top:48px;padding-bottom:39px}}@media screen and (max-width: 576px){#P7{padding-top:67px;padding-bottom:26px}}#P7:before,#P7:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1440px;height:64.5px;background:url(/Event/game-design-course/assets/section_deco.png) no-repeat center center/cover}@media screen and (max-width: 992px){#P7:before,#P7:after{background:url(/Event/game-design-course/assets/section_deco_md.png) no-repeat center center/cover;width:768px;height:39px}}@media screen and (max-width: 576px){#P7:before,#P7:after{background:url(/Event/game-design-course/assets/section_deco_sm.png) no-repeat center center/cover;width:390px;height:25.5px}}#P7:after{top:auto;bottom:o;transform:translate(-50%) rotate(180deg)}#P7 header{text-align:center;position:relative;z-index:1}#P7 header .title{display:inline-flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P7 header .title .topic_intro{text-align:center}#P7 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P7 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P7 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P7 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P7 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P7 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P7 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P7 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P7 header .title h2{font-size:20px;line-height:1.2}}#P7 header .title .subtitle_text_02{color:#cfcada;line-height:55px}@media screen and (max-width: 992px){#P7 header .title .subtitle_text_02{font-size:16px;line-height:24px;color:#b5aeff}}@media screen and (max-width: 768px){#P7 header .title .subtitle_text_02{font-size:14px;line-height:1.2;letter-spacing:10%}}@media screen and (max-width: 576px){#P7 header .title .subtitle_text_02{padding:0 35px;line-height:1.4}}#P7 section{margin-top:40px;margin-bottom:75px}@media screen and (max-width: 992px){#P7 section{margin-top:0;margin-bottom:20px}}@media screen and (max-width: 576px){#P7 section{margin-bottom:15px}}#P7 section .content{max-width:1008.5px;margin:0 auto}@media screen and (max-width: 767px){#P7 section .content{max-width:538.5px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P8{padding:72px 0 40px;background:url(/Event/game-design-course/assets/P8_bg.jpg) no-repeat center center/cover}@media screen and (max-width: 1200px){#P8{padding:72px 61px}}@media screen and (max-width: 576px){#P8{padding:40px 16px}}#P8 header{text-align:center;position:relative;z-index:1}#P8 header .title{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P8 header .title .topic_intro{text-align:center}#P8 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P8 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P8 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P8 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P8 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P8 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P8 header .title h2{position:relative;z-index:1;color:#fdf9ff;line-height:55px}@media screen and (max-width: 992px){#P8 header .title h2{font-size:24px;line-height:1.2}}@media screen and (max-width: 768px){#P8 header .title h2{font-size:20px}}#P8 header .title .subtitle_text_01{color:#cfcada;line-height:55px}@media screen and (max-width: 992px){#P8 header .title .subtitle_text_01{font-size:16px;line-height:24px;color:#b5aeff}}@media screen and (max-width: 768px){#P8 header .title .subtitle_text_01{font-size:14px;line-height:1.2;letter-spacing:10%}}#P8 header .title .subtitle_text_01 span{color:#dfff53}#P8 section{text-align:center;margin-top:140px;position:relative}@media screen and (max-width: 1200px){#P8 section{margin-top:40px}}@media screen and (max-width: 576px){#P8 section{margin-top:24px}}#P8 section .content_box{max-width:1256px;margin:0 auto;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:40px;position:relative}@media screen and (max-width: 750px){#P8 section .content_box{gap:24px}}#P8 section .content_box:before{content:"";position:absolute;top:-112px;left:113px;width:972px;height:67px;background:url(/Event/game-design-course/assets/step_number.svg) no-repeat center center/cover}@media screen and (max-width: 1200px){#P8 section .content_box:before{display:none}}#P8 section .game_design_box,#P8 section .unity_box{max-width:1182px;margin-left:4px}@media screen and (max-width: 1200px){#P8 section .game_design_box,#P8 section .unity_box{max-width:1000px;margin:0}}@media screen and (max-width: 768px){#P8 section .game_design_box,#P8 section .unity_box{max-width:534px;margin:0}}@media screen and (max-width: 750px){#P8 section .game_design_box,#P8 section .unity_box{margin:0 auto}}#P8 section .game_design_box .group_title,#P8 section .unity_box .group_title{border-radius:999px;padding:8px 24px;background:linear-gradient(90deg,rgba(12,13,44,.3) 0%,rgba(231,231,231,.3) 100%),url(/Event/game-design-course/assets/group_title_bg.png) no-repeat center/100% auto;backdrop-filter:blur(3px);display:block;text-align:right;position:relative}@media screen and (max-width: 1200px){#P8 section .game_design_box .group_title,#P8 section .unity_box .group_title{max-width:calc(100% - 120px)}}@media screen and (max-width: 768px){#P8 section .game_design_box .group_title,#P8 section .unity_box .group_title{max-width:100%}}@media screen and (max-width: 750px){#P8 section .game_design_box .group_title,#P8 section .unity_box .group_title{text-align:center}}#P8 section .game_design_box .group_title:before,#P8 section .unity_box .group_title:before{content:"";position:absolute;inset:-.5px;width:calc(100% + .5px);height:100%;border-radius:999px;border-style:solid;border-width:.5px;border-color:transparent;background-image:linear-gradient(to right,#D3D2DA 0%,#707074 100%);background-origin:border-box;-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude,add;z-index:-1}@media screen and (max-width: 768px){#P8 section .game_design_box .group_title:before,#P8 section .unity_box .group_title:before{inset:-.25px}}#P8 section .game_design_box .group_title h3,#P8 section .unity_box .group_title h3{color:#fff;-webkit-text-stroke:.5px #797979;text-shadow:0px 2px 4px rgba(198,255,0,.2)}@media screen and (max-width: 768px){#P8 section .game_design_box .group_title h3,#P8 section .unity_box .group_title h3{font-size:14px;line-height:1.3;letter-spacing:10%}}#P8 section .game_design_box .group_list,#P8 section .unity_box .group_list{display:flex;align-items:center;gap:20px;margin-top:28px}@media screen and (max-width: 1200px){#P8 section .game_design_box .group_list,#P8 section .unity_box .group_list{flex-wrap:wrap;gap:20px 120px;padding:0}}@media screen and (max-width: 750px){#P8 section .game_design_box .group_list,#P8 section .unity_box .group_list{gap:12px}}#P8 section .game_design_box .group_list .group_item,#P8 section .unity_box .group_list .group_item{text-align:center;position:relative}@media screen and (max-width: 1200px){#P8 section .game_design_box .group_list .group_item,#P8 section .unity_box .group_list .group_item{flex:0 0 calc(50% - 120px)}#P8 section .game_design_box .group_list .group_item:before,#P8 section .unity_box .group_list .group_item:before{content:"";position:absolute;bottom:34px;right:-72px;width:26px;height:86px;background:url(/Event/game-design-course/assets/step_1.svg) no-repeat center center/cover}#P8 section .game_design_box .group_list .group_item:nth-child(2):before,#P8 section .unity_box .group_list .group_item:nth-child(2):before{background:url(/Event/game-design-course/assets/step_2.svg) no-repeat center center/cover;width:60px;height:86px;right:-108px}#P8 section .game_design_box .group_list .group_item:nth-child(3):before,#P8 section .unity_box .group_list .group_item:nth-child(3):before{background:url(/Event/game-design-course/assets/step_3.svg) no-repeat center center/cover;width:60px;height:86px;right:-88px}#P8 section .game_design_box .group_list .group_item:nth-child(4):before,#P8 section .unity_box .group_list .group_item:nth-child(4):before{background:url(/Event/game-design-course/assets/step_4.svg) no-repeat center center/cover;width:52px;height:86px;right:-96px}}@media screen and (max-width: 992px){#P8 section .game_design_box .group_list .group_item,#P8 section .unity_box .group_list .group_item{flex:0 0 calc(50% - 120px)}}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item,#P8 section .unity_box .group_list .group_item{flex:0 0 calc(50% - 60px)}#P8 section .game_design_box .group_list .group_item:before,#P8 section .unity_box .group_list .group_item:before{bottom:24px;right:-90px}#P8 section .game_design_box .group_list .group_item:nth-child(2):before,#P8 section .unity_box .group_list .group_item:nth-child(2):before{right:-100px}#P8 section .game_design_box .group_list .group_item:nth-child(3):before,#P8 section .unity_box .group_list .group_item:nth-child(3):before{right:-105px}#P8 section .game_design_box .group_list .group_item:nth-child(4):before,#P8 section .unity_box .group_list .group_item:nth-child(4):before{right:-97px}}@media screen and (max-width: 750px){#P8 section .game_design_box .group_list .group_item,#P8 section .unity_box .group_list .group_item{flex:0 0 calc(50% - 6px)}#P8 section .game_design_box .group_list .group_item:before,#P8 section .unity_box .group_list .group_item:before{display:none}}#P8 section .game_design_box .group_list .group_item .topic_intro,#P8 section .unity_box .group_list .group_item .topic_intro{display:inline-flex;align-items:center;gap:8px;padding:4px 20px 4px 12px;background:#09080C;margin-bottom:12px}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .topic_intro,#P8 section .unity_box .group_list .group_item .topic_intro{padding:2px 16px 2px 8px;margin-bottom:8px}}#P8 section .game_design_box .group_list .group_item .topic_intro img,#P8 section .unity_box .group_list .group_item .topic_intro img{width:auto}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .topic_intro img,#P8 section .unity_box .group_list .group_item .topic_intro img{width:12px}}#P8 section .game_design_box .group_list .group_item .topic_intro p,#P8 section .unity_box .group_list .group_item .topic_intro p{color:#fff}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .topic_intro p,#P8 section .unity_box .group_list .group_item .topic_intro p{font-size:12px;line-height:1.5;letter-spacing:3%}}#P8 section .game_design_box .group_list .group_item .group_item_title,#P8 section .unity_box .group_list .group_item .group_item_title{margin-bottom:12px}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .group_item_title,#P8 section .unity_box .group_list .group_item .group_item_title{margin-bottom:8px}}#P8 section .game_design_box .group_list .group_item .group_item_title .subtitle_text_02,#P8 section .unity_box .group_list .group_item .group_item_title .subtitle_text_02{color:#dfff53}@media screen and (max-width: 992px){#P8 section .game_design_box .group_list .group_item .group_item_title .subtitle_text_02,#P8 section .unity_box .group_list .group_item .group_item_title .subtitle_text_02{font-size:17px}}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .group_item_title .subtitle_text_02,#P8 section .unity_box .group_list .group_item .group_item_title .subtitle_text_02{font-size:14px;line-height:1.2;letter-spacing:10%}}#P8 section .game_design_box .group_list .group_item .group_item_video,#P8 section .unity_box .group_list .group_item .group_item_video{margin-bottom:4px}@media screen and (max-width: 576px){#P8 section .game_design_box .group_list .group_item .group_item_video,#P8 section .unity_box .group_list .group_item .group_item_video{display:none}}#P8 section .game_design_box .group_list .group_item .group_item_video video,#P8 section .unity_box .group_list .group_item .group_item_video video{width:100%;height:auto}#P8 section .game_design_box .group_list .group_item .category_list,#P8 section .unity_box .group_list .group_item .category_list{display:flex;align-items:center;justify-content:flex-end;gap:6px}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .category_list,#P8 section .unity_box .group_list .group_item .category_list{gap:3px}}@media screen and (max-width: 576px){#P8 section .game_design_box .group_list .group_item .category_list,#P8 section .unity_box .group_list .group_item .category_list{justify-content:center}}#P8 section .game_design_box .group_list .group_item .category_list li span,#P8 section .unity_box .group_list .group_item .category_list li span{width:24px;height:24px;display:inline-block}@media screen and (max-width: 768px){#P8 section .game_design_box .group_list .group_item .category_list li span,#P8 section .unity_box .group_list .group_item .category_list li span{width:20px;height:20px}}@media screen and (max-width: 576px){#P8 section .game_design_box .group_list .group_item .category_list li span,#P8 section .unity_box .group_list .group_item .category_list li span{width:28px;height:28px}}#P8 section .game_design_box .group_list .group_item .category_list li span.icon_ps,#P8 section .unity_box .group_list .group_item .category_list li span.icon_ps{background:url(/Event/game-design-course/assets/icon_ps.svg) no-repeat center center/cover}#P8 section .game_design_box .group_list .group_item .category_list li span.icon_blender,#P8 section .unity_box .group_list .group_item .category_list li span.icon_blender{background:url(/Event/game-design-course/assets/icon_blender.svg) no-repeat center center/cover}#P8 section .game_design_box .group_list .group_item .category_list li span.icon_unity,#P8 section .unity_box .group_list .group_item .category_list li span.icon_unity{background:url(/Event/game-design-course/assets/icon_unity.svg) no-repeat center center/cover}#P8 section .unity_box{margin-left:auto;margin-right:4px}@media screen and (max-width: 1200px){#P8 section .unity_box{margin-right:0}}@media screen and (max-width: 750px){#P8 section .unity_box{margin:0 auto}}#P8 section .unity_box .group_title{text-align:left;background:linear-gradient(90.21deg,rgba(131,255,224,.35) 27.1%,rgba(183,0,244,.35) 67.46%),url(/Event/game-design-course/assets/group_title_bg.png) no-repeat center/100% auto}@media screen and (max-width: 1200px){#P8 section .unity_box .group_title{margin-left:auto}}@media screen and (max-width: 750px){#P8 section .unity_box .group_title{text-align:center}}#P8 section .unity_box .group_title:before{background-image:linear-gradient(to right,#00EFB3 0%,#D400FF 100%)}#P8 section .unity_box .group_list{justify-content:flex-end}@media screen and (max-width: 1200px){#P8 section .unity_box .group_list .group_item:before{right:auto;left:-72px}#P8 section .unity_box .group_list .group_item:nth-child(2):before{right:auto;left:-90px}#P8 section .unity_box .group_list .group_item:nth-child(3):before{left:-88px}#P8 section .unity_box .group_list .group_item:nth-child(4):before{left:-90px}}@media screen and (max-width: 768px){#P8 section .unity_box .group_list .group_item:before{bottom:24px;left:-90px}#P8 section .unity_box .group_list .group_item:nth-child(2):before{left:-100px}#P8 section .unity_box .group_list .group_item:nth-child(3):before{left:-105px}#P8 section .unity_box .group_list .group_item:nth-child(4):before{left:-97px}}#P8 section .reserve_btn{margin-top:60px}@media screen and (max-width: 992px){#P8 section .reserve_btn{margin-top:40px}}@media screen and (max-width: 576px){#P8 section .reserve_btn{margin-top:24px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P9{padding:64px 24px;overflow:hidden;background:url(/Event/game-design-course/assets/P9_bg.png) no-repeat center center/cover;position:relative}@media screen and (max-width: 576px){#P9{display:none}}#P9 header{text-align:center;position:relative;z-index:1}#P9 header .title{display:inline-flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P9 header .title .topic_intro{text-align:center}#P9 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P9 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P9 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P9 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P9 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P9 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P9 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P9 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P9 header .title h2{font-size:20px;line-height:1.2}}#P9 header .title .subtitle_text_02{color:#cfcada;line-height:55px}@media screen and (max-width: 992px){#P9 header .title .subtitle_text_02{font-size:16px;line-height:24px;color:#b5aeff}}@media screen and (max-width: 768px){#P9 header .title .subtitle_text_02{font-size:14px;line-height:1.2;letter-spacing:10%}}#P9 section{margin-top:40px;text-align:center}#P9 section .content{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;width:100%;max-width:1032px;margin:0 auto}@media screen and (max-width: 992px){#P9 section .content{max-width:550px}}@media screen and (max-width: 768px){#P9 section .content{gap:40px;max-width:496px}}#P9 section .content .content_item{width:calc(25% - 18px);position:relative;line-height:0;padding:20px 24px;border-radius:8px;background:#27262B;overflow:hidden}@media screen and (max-width: 992px){#P9 section .content .content_item{width:calc(50% - 12px)}}@media screen and (max-width: 768px){#P9 section .content .content_item{width:calc(50% - 20px);padding:16px 20px}}#P9 section .content .content_item:before{content:"";position:absolute;bottom:-51px;left:50%;transform:translate(-50%);width:140px;height:140px;background:url(/Event/game-design-course/assets/icon_square_deco.svg) no-repeat center center/cover}#P9 section .content .content_item:nth-of-type(odd):before{bottom:auto;top:-51px}#P9 section .content .content_item:nth-of-type(odd) .intro_box{margin-top:93px}#P9 section .content .content_item .intro_box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1}@media screen and (max-width: 768px){#P9 section .content .content_item .intro_box{gap:16px}}#P9 section .content .content_item .intro_box .button_text{position:relative;color:#fff;text-align:center;width:100%;height:64px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#4C16EB}@media screen and (max-width: 768px){#P9 section .content .content_item .intro_box .button_text{font-size:15px}}#P9 section .content .content_item .intro_box .intro_desc p{color:#d3d2da;text-align:center}@media screen and (max-width: 768px){#P9 section .content .content_item .intro_box .intro_desc p{font-size:14px;line-height:1.5;letter-spacing:3%}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P10{padding:64px;position:relative;text-align:center}@media screen and (max-width: 992px){#P10{padding:24px 64px}}@media screen and (max-width: 576px){#P10{padding:28px 16px}}#P10 header{text-align:center;position:relative;z-index:1}#P10 header .title{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P10 header .title .topic_intro{text-align:center}#P10 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P10 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P10 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P10 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P10 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P10 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P10 header .title h2{position:relative;z-index:1;color:#fdf9ff}@media screen and (max-width: 992px){#P10 header .title h2{font-size:24px}}@media screen and (max-width: 768px){#P10 header .title h2{font-size:20px;line-height:1.2}}#P10 .faq_container{max-width:1016px;margin:72px auto 0;position:relative}@media screen and (max-width: 992px){#P10 .faq_container{margin-top:36px}}@media screen and (max-width: 576px){#P10 .faq_container{margin-top:28px}}#P10 .faq_container .faq_list{border-top:1px solid #F2F2FF;border-bottom:1px solid #F2F2FF;position:relative;z-index:1}#P10 .faq_container .faq_list .accordion-item:not(:last-child){border-bottom:1px solid #F2F2FF}#P10 .faq_container .faq_list .accordion-item.open_item{background:#18171C;backdrop-filter:blur(5px)}#P10 .accordion-button{position:relative;padding:24px;width:100%;text-align:left;color:#fff;background:transparent;border:none;cursor:pointer}@media screen and (max-width: 992px){#P10 .accordion-button{font-size:17px}}@media screen and (max-width: 768px){#P10 .accordion-button{padding:20px 55px 20px 20px;font-size:14px;line-height:1.5;letter-spacing:10%}}#P10 .accordion-button:after{content:"";position:absolute;right:24px;top:50%;width:40px;height:40px;background:url(/Event/game-design-course/assets/accordion_arrow.svg) no-repeat center center/contain;transform-origin:center;transform:translateY(-50%) rotate(0);transition:transform .2s ease-in-out}@media screen and (max-width: 768px){#P10 .accordion-button:after{right:20px;width:30px;height:30px}}#P10 .accordion-button:not(.collapsed):after{transform:translateY(-50%) rotate(45deg)}#P10 .accordion-collapse{overflow:hidden;transition:height .35s ease}#P10 .accordion-collapse.collapse:not(.show){display:none}#P10 .accordion-body{padding:24px 24px 28px;color:#fff;position:relative;text-align:center}@media screen and (max-width: 768px){#P10 .accordion-body{padding:20px;font-size:14px;line-height:1.5;letter-spacing:3%}}#P10 .accordion-body:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:#E9E7FF}@media screen and (max-width: 768px){#P10 .accordion-body:after{width:60px}}#P10 .accordion-body a{color:#3511a1;text-decoration:underline;text-underline-offset:.2em;font-weight:700}@media screen and (max-width: 768px){#P10 .accordion-body p{font-size:14px;letter-spacing:.8px}}#P10 .reserve_btn{margin-top:72px}@media screen and (max-width: 992px){#P10 .reserve_btn{margin-top:36px}}@media screen and (max-width: 576px){#P10 .reserve_btn{margin-top:28px}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}#P11{overflow:hidden;padding:64px 48px 72px;background:url(/Event/game-design-course/assets/P11_bg.png) repeat center center/contain;position:relative}@media screen and (max-width: 992px){#P11{background:url(/Event/game-design-course/assets/P11_bg_s.png) repeat center center/768px auto;padding:64px 48px}}@media screen and (max-width: 750px){#P11{padding:40px 0}}#P11 header{text-align:center;position:relative;z-index:1}#P11 header .title{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}#P11 header .title .topic_intro{text-align:center}#P11 header .title .topic_intro p{color:#fff;display:inline-block;position:relative}@media screen and (max-width: 768px){#P11 header .title .topic_intro p{line-height:1.5;letter-spacing:3%}}#P11 header .title .topic_intro p:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P11 header .title .topic_intro p:before{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;left:-40px}}#P11 header .title .topic_intro p:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-40px;width:32px;height:24px;background:url(/Event/game-design-course/assets/icon_title_deco.svg) no-repeat center center/cover}@media screen and (max-width: 768px){#P11 header .title .topic_intro p:after{background:url(/Event/game-design-course/assets/icon_title_deco_s.svg) no-repeat center center/cover;width:32px;height:12px;right:-40px}}#P11 header .title h2{position:relative;z-index:1;color:#fdf9ff;line-height:55px}@media screen and (max-width: 992px){#P11 header .title h2{font-size:24px;line-height:1.2}}@media screen and (max-width: 768px){#P11 header .title h2{font-size:20px}}#P11 header .title .subtitle_text_01{color:#cfcada;line-height:55px}@media screen and (max-width: 992px){#P11 header .title .subtitle_text_01{font-size:16px;line-height:24px}}@media screen and (max-width: 768px){#P11 header .title .subtitle_text_01{font-size:14px;line-height:1.2;letter-spacing:10%}}#P11 header .title .subtitle_text_01 span{color:#dfff53}#P11 section{margin-top:64px}@media screen and (max-width: 992px){#P11 section{margin-top:40px}}@media screen and (max-width: 750px){#P11 section{overflow-x:auto;margin-top:0;padding:35px 16px 0}#P11 section::-webkit-scrollbar{width:6px;height:6px}#P11 section::-webkit-scrollbar-track{background:#ddd}#P11 section::-webkit-scrollbar-track:hover{background:#ddd}#P11 section::-webkit-scrollbar-thumb{background:#4C16EB}#P11 section::-webkit-scrollbar-thumb:hover{background:#4C16EB}}#P11 section .content{max-width:1016px;width:100%;margin:0 auto;display:flex;justify-content:center;gap:40px}@media screen and (max-width: 992px){#P11 section .content{gap:36px}}@media screen and (max-width: 750px){#P11 section .content{min-width:672px}}#P11 section .content .content_item{width:calc(33.33% - 26.67px);position:relative}@media screen and (max-width: 992px){#P11 section .content .content_item{width:calc(33.33% - 20px)}}@media screen and (max-width: 750px){#P11 section .content .content_item{width:100%}}#P11 section .content .content_item a{display:block;line-height:0;position:relative}#P11 section .content .content_item a:hover:after{transform:rotate(60deg)}#P11 section .content .content_item a:after{content:"";position:absolute;top:-30px;right:-20px;width:60px;height:60px;background:url(/Event/game-design-course/assets/icon_link_arrow.svg) no-repeat center center/cover;box-shadow:1.26316px .631579px 12.6316px #46116d99;border-radius:50%;transition:transform .2s ease}@media screen and (max-width: 992px){#P11 section .content .content_item a:after{width:40px;height:40px;top:-18px}}#P11 section .content .content_item a .content_item_img{line-height:0;position:relative;border-radius:4px;overflow:hidden}#P11 section .content .content_item a .content_item_img .content_item_title{position:absolute;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.3) 0%,rgba(99,16,161,.3) 100%);box-shadow:1px 2px 12px #00000026,inset 0 -2px 12px #00000026;backdrop-filter:blur(5px);border-radius:16px;bottom:28px;width:calc(100% - 40px);left:50%;transform:translate(-50%);padding:12px 32px;text-align:center;border:.5px solid rgba(255,255,255,.65)}@media screen and (max-width: 992px){#P11 section .content .content_item a .content_item_img .content_item_title{padding:8px 12px}}@media screen and (max-width: 768px){#P11 section .content .content_item a .content_item_img .content_item_title{width:calc(100% - 24px);bottom:16px}}#P11 section .content .content_item a .content_item_img .content_item_title .subtitle_text_01{color:#f2f2ff;text-shadow:0 3px 2px rgba(144,33,226,.65)}@media screen and (max-width: 1200px){#P11 section .content .content_item a .content_item_img .content_item_title .subtitle_text_01{font-size:1.9vw}}@media screen and (max-width: 768px){#P11 section .content .content_item a .content_item_img .content_item_title .subtitle_text_01{font-size:14px;line-height:1.3;letter-spacing:10%}}#P11 section .content .content_item a .content_item_text{margin-top:24px}@media screen and (max-width: 992px){#P11 section .content .content_item a .content_item_text{margin-top:16px}}#P11 section .content .content_item a .content_item_text .body_01{color:#e9e7ff;text-align:center}@media screen and (max-width: 992px){#P11 section .content .content_item a .content_item_text .body_01{font-size:14px;letter-spacing:5%}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}footer{padding:68px 5%;background-color:#000;position:relative}footer article{margin:0 auto;position:relative;width:100%!important;max-width:1200px;display:flex;justify-content:space-between;align-items:stretch;gap:30px 0}footer article>header,footer article>article,footer article>div,footer article>section,footer article>p{max-width:1440px}footer article>section{padding:10px 0;display:flex;flex-direction:column;justify-content:center}footer article .footer_logo{flex:0 0 190px;align-items:center}footer article .footer_logo a{display:block;transition:all .2s ease}footer article .footer_logo a:first-of-type{width:190px;height:40px;background:url(/Event/game-design-course/assets/logo_footer.svg) no-repeat left/contain}footer article .footer_logo a:last-of-type{width:163px;height:46px;color:#fff;background-color:#fff;border-radius:31px;display:flex;align-items:center;justify-content:center;margin-top:22px;color:#000}footer article .footer_contact{flex:0 0 305px}footer article .footer_contact>div{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:10px;margin:0 auto}footer article .footer_contact>div p,footer article .footer_contact>div span{color:#fff;line-height:164.7%;text-align:left;width:-moz-fit-content;width:fit-content}footer article .footer_contact>div span:first-of-type{display:inline-block;padding-right:9px;margin-right:8px;border-right:1px solid white}footer article .footer_sns{justify-content:flex-end}footer article .footer_sns ul{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;min-width:188px}footer article .footer_sns ul li{list-style:none}footer article .footer_sns ul a{display:block;width:30px;height:30px;transition:all .2s ease}footer article .footer_sns ul a.sns_fb{background:url(/Event/game-design-course/assets/fb.svg) no-repeat center/contain}footer article .footer_sns ul a.sns_line{background:url(/Event/game-design-course/assets/line.svg) no-repeat center/contain}footer article .footer_sns ul a.sns_yt{background:url(/Event/game-design-course/assets/yt.svg) no-repeat center/contain}footer article .footer_sns ul a.sns_ig{background:url(/Event/game-design-course/assets/ig.svg) no-repeat center/contain}footer article .footer_sns .footer_right{display:flex;flex-direction:column;gap:10px}footer article .footer_sns .footer_right p{color:#fff;text-align:left;line-height:1.3}footer article .divider{width:1px;background-color:#fff;margin:0 20px}@media screen and (max-width: 992px){footer article{flex-wrap:wrap}footer article .footer_logo{flex:0 0 100%;width:100%;align-items:center}footer article .footer_logo a:last-of-type{margin-top:20px}footer article .footer_contact,footer article .footer_sns{flex:0 0 45%}footer article .footer_sns ul{margin-bottom:16px}footer article>div:first-of-type{display:none}}@media screen and (max-width: 768px){footer{padding-top:35px;padding-bottom:35px}footer article{flex-direction:column;gap:24px}footer article>section{padding:0}footer article .footer_contact,footer article .footer_sns{flex:0 0 100%;width:100%;text-align:center}footer article .footer_contact>div p{text-align:center;width:100%;font-size:14px;line-height:20px}footer article .footer_sns ul{justify-content:center}footer article .footer_sns .footer_right p{text-align:center;line-height:20px;font-size:14px}footer article>div{display:none}}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}.recieve{position:fixed;right:2dvw;bottom:40px;z-index:999;cursor:pointer;width:110px;height:110px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(138.77deg,rgba(235,242,250,.6) 11.21%,rgba(248,243,255,.6) 51.35%,rgba(255,255,255,.6) 87.45%);box-shadow:1px 1px 5px #dbdbdb1a,inset 1px 1px 1px #fff}@media screen and (max-width: 768px){.recieve{width:80px;height:80px}}.recieve:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.45);backdrop-filter:blur(5px);border-radius:50%;z-index:-1}.recieve:after{content:"";width:100%;height:100%;position:absolute;border:2px solid transparent;border-top:2px solid #fff;border-right:2px solid #fff;border-radius:50%;top:0;right:0;animation:animateCircle 2s linear infinite}@media screen and (max-width: 768px){.recieve:after{border:1px solid transparent;border-top:1px solid #fff;border-right:1px solid #fff}}.recieve span{font-size:16px;font-weight:800;line-height:24px;letter-spacing:5%;background:linear-gradient(165deg,#704596 25.35%,#A785C5 92.48%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;-webkit-text-stroke:.3px #FFFFFF}@media screen and (max-width: 768px){.recieve span{font-size:12px;line-height:1.5;letter-spacing:10%}}.recieve .ring_rotate{display:block;background:transparent;position:absolute;width:50%;height:4px;left:50%;top:calc(50% - 2px);transform-origin:left;animation:animate 2s linear infinite}.recieve .ring_rotate:before{content:"";position:absolute;width:8px;height:8px;background:#FFFFFF;border-radius:50%;top:-4px;right:-3px}@media screen and (max-width: 768px){.recieve .ring_rotate:before{width:6px;height:6px;top:-3px;right:-2px}}@keyframes animateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.recieve:hover:after{animation-play-state:paused}.recieve:hover .ring_rotate{animation-play-state:paused}.header_menu *{font-family:Noto Sans TC,Roboto,sans-serif}.header_menu ul{margin-bottom:0}.header_menu li a{font-weight:200;letter-spacing:1px}.header_menu .contact_btn{top:25.5px}.header_menu .contact_btn a{letter-spacing:1px}.design_class_menu a:after{top:60%}ul.sub_menu li a{font-weight:200;letter-spacing:1px}.footer_mt *{font-family:Noto Sans TC,Roboto,sans-serif}.new_sign{transform:none}.new_footer{padding:0;border:none;outline:none}.new_footer a{letter-spacing:1px}.new_footer ul,.new_footer ol{padding:0;margin:0}.audit_fixed *{font-family:Noto Sans TC,Roboto,sans-serif}#audit_form h2{letter-spacing:1px;font-weight:600}.form_content input,.form_content select{letter-spacing:1px}.form_content select::-webkit-scrollbar{width:6px;height:6px}.form_content select::-webkit-scrollbar-track{background:#ddd}.form_content select::-webkit-scrollbar-track:hover{background:#ddd}.form_content select::-webkit-scrollbar-thumb{background:#ff9800;border-radius:6px}.form_content select::-webkit-scrollbar-thumb:hover{background:#ff9800}.link_to_privacy{text-decoration:none;font-size:14px;font-weight:200;letter-spacing:1px}.swal_form_success_title{font-family:Noto Sans TC,Roboto,sans-serif;color:#804835;text-align:center;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:3px;padding-top:0;margin-bottom:1em}.swal_form_success_closeBtn{display:flex;position:absolute;top:-3%;right:-3%;color:#fff;background-color:#f9c270;border-radius:50%;font-size:17px;line-height:17px;padding:3%;box-shadow:none!important}.swal_form_success_closeBtn:hover{color:#fff;background-color:#f9c270}@media screen and (max-width: 575px){.swal2-popup{max-width:86%}.swal2-image{width:244px!important;height:auto!important}.swal_form_success_title{font-size:18px}}#social_links{margin:0;padding:0}.btn-1{font-size:18px;font-weight:600}*{font-family:LINE Seed JP,Noto Sans TC,sans-serif;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;letter-spacing:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ddd}::-webkit-scrollbar-track:hover{background:#ccc}::-webkit-scrollbar-thumb{background:#999}::-webkit-scrollbar-thumb:hover{background:#666}body{position:relative;min-width:365px;background-color:#000}body *::-webkit-scrollbar{width:6px;height:6px}body *::-webkit-scrollbar-track{background:#ddd}body *::-webkit-scrollbar-track:hover{background:#ddd}body *::-webkit-scrollbar-thumb{background:#C25231}body *::-webkit-scrollbar-thumb:hover{background:#24100A}#app{position:relative;min-height:100vh}@media screen and (max-width: 750px){#app{background-image:initial}}@media screen and (max-width: 1399px){#app:before{opacity:0}#app:after{opacity:0}}#app>div{position:relative;z-index:2}h1,h2,h3,h4,h5,h6,p,b,em,a,label,span{margin:0;padding:0}a{text-decoration:none;outline:none}img{width:100%;height:auto}fieldset{border:none;padding:0;margin:0}ul li{list-style-type:none}span,li>a,li>strong,li{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.jersey_10{font-family:"Jersey 10",sans-serif}.heading_01{font-size:40px;font-weight:800;line-height:1.3;letter-spacing:10%}.heading_02{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:8%}.heading_03{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:5%}.subtitle_text_01{font-size:24px;font-weight:700;line-height:1.4;letter-spacing:5%}.subtitle_text_02{font-size:20px;font-weight:700;line-height:1;letter-spacing:5%}.body_01{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:3%}.body_02,.small_text{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:3%}.button_text{font-size:16px;font-weight:700;line-height:1.5;letter-spacing:3%}.sub-24{font-weight:600;font-size:24px;line-height:32px}.sub-18{font-weight:600;font-size:18px}.sub-16{font-weight:600;font-size:16px}.sub-14{font-weight:600;font-size:14px}.sub-12{font-weight:600;font-size:12px}.text-24{font-weight:400;font-size:24px}.text-18{font-weight:400;font-size:18px;line-height:28px}.text-16{font-weight:400;font-size:16px}.text-14{font-weight:400;font-size:14px}.text-12{font-weight:400;font-size:12px}.button-16{font-size:16px;font-weight:600}.button-14{font-size:14px;font-weight:600}.button-12{font-size:12px;font-weight:600}.errorMsg{font-size:15px}input,select,option,textarea{font-size:14px;letter-spacing:2.5px}.cus_bar{width:100%;height:2px;background:white;border-radius:1px;display:flex;align-items:center;justify-content:center;justify-content:space-between}.cus_bar:after{content:"";display:block;width:16px;height:16px;background:url(../assets/img/icon/star.svg) no-repeat center/100%;order:2}.cus_bar span{width:16px;height:3px;border-radius:1.5px;background:linear-gradient(90deg,rgb(58,216,255) 0%,rgb(248,252,140) 100%);transform:translateY(-.5px)}.cus_bar span:first-of-type{order:1}.cus_bar span:last-of-type{order:3}.reserve_btn{display:inline-block;margin-top:36px}@media screen and (max-width: 768px){.reserve_btn{margin-top:24px}}@media screen and (max-width: 576px){.reserve_btn{width:100%}}.reserve_btn a{display:inline-block;position:relative;width:100%;padding:20px 32px;color:#fff;background:url(/Event/game-design-course/assets/btn_bg.png) no-repeat center center/cover;box-shadow:inset 1px 1px 4px #000000b3;filter:drop-shadow(0px 0px 15px rgba(255,255,255,.55)) drop-shadow(0px 0px 35px rgba(132,0,255,.75)) drop-shadow(0px 0px 50px rgba(0,0,0,.7));border-radius:999px;font-size:16px;font-weight:800;line-height:1.2;letter-spacing:8%;text-shadow:2px 2px 12px #000}.reserve_btn a:before{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:999px;border-style:solid;border-width:2.5px;border-color:transparent;background-image:linear-gradient(135deg,#9B28FF 0%,#5CA2B5 52%,#1A8CFF 100%);background-origin:border-box;-webkit-mask-image:linear-gradient(white,white),linear-gradient(white,white);mask-image:linear-gradient(white,white),linear-gradient(white,white);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:xor,source-over;mask-composite:exclude,add}@media screen and (max-width: 576px){.reserve_btn a:before{border-width:2px}}.mobile_ver{display:none}.desktop_ver{display:inline-block}@media screen and (max-width: 767px){.desktop_ver{display:none}.mobile_ver{display:block}}#version2025 #app{padding-top:80px}@media screen and (max-width: 1199px){#version2025 #app{padding-top:64px}}@media screen and (max-width: 575px){#version2025 #app{padding-top:106px}}#version2025 #app .header_nav,#version2025 #app #Footer{display:none}@media screen and (max-width: 575px){#version2025 #app .recieve{bottom:110px}}#version2025 #app #P1 .nav_deco{top:100px}@media screen and (max-width: 1199px){#version2025 #app #P1 .nav_deco{top:80px}}@media screen and (max-width: 575px){#version2025 #app #P1 .nav_deco{top:64px}}#version2025 #app #P1 .nav_bar.fixed{top:100px}@media screen and (max-width: 1199px){#version2025 #app #P1 .nav_bar.fixed{top:80px}}@media screen and (max-width: 575px){#version2025 #app #P1 .nav_bar.fixed{top:64px}}#version2025 .header_block ul{margin-bottom:0;padding-left:0}#version2025 .header_block a{align-items:initial;letter-spacing:.75px}#version2025 .header_block nav{position:relative;top:auto;left:auto;width:100%;height:auto}#version2025 .header_block .mobile_menu{display:block}@media screen and (max-width: 1199px){#version2025 .header_block .menu_content{height:auto!important}}#version2025 .header_block .menu_content a{justify-content:flex-start}#version2025 .header_block .main_header .mobile_ver{justify-content:end}#version2025 .footer_block ul{margin-bottom:0;padding-left:0}#version2025 .footer_block a{text-decoration:none;letter-spacing:1px}#Thank-you-page{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;padding:70px;position:relative;width:100%;max-width:100vw;min-height:100vh;min-width:350px;word-break:break-all;background-color:#fbfbfb;background-image:none;border:none;outline:none;box-shadow:none;opacity:1;margin:0}#Thank-you-page h1,#Thank-you-page h2,#Thank-you-page h3,#Thank-you-page h4,#Thank-you-page h5,#Thank-you-page h6,#Thank-you-page p,#Thank-you-page a,#Thank-you-page span,#Thank-you-page li,#Thank-you-page i{font-family:Noto Sans TC,Roboto,sans-serif}#Thank-you-page h2{color:#000;font-size:28px;font-weight:700;line-height:120%;letter-spacing:.1px;white-space:normal;word-break:normal}@media screen and (max-width: 768px){#Thank-you-page h2{font-size:22px}}#Thank-you-page .info .congrats{color:#0009;font-size:20px;line-height:100%;letter-spacing:.4px}@media screen and (max-width: 768px){#Thank-you-page .info .congrats{font-size:18px}}#Thank-you-page .gift .note{color:#0009;font-size:14px;letter-spacing:.4px;line-height:160%}#Thank-you-page .person .note{color:#0009;font-size:15px;letter-spacing:.5px;line-height:100%}#Thank-you-page ul{color:#000;font-size:15px;list-style:none}#Thank-you-page ul li{line-height:110%}#Thank-you-page ul li span{letter-spacing:.2px}#Thank-you-page .warning{font-size:14px;color:#a94b4b;line-height:125%}#Thank-you-page .link a{text-decoration:none}#Thank-you-page .link a p{color:#0009;font-size:14px;line-height:18px;letter-spacing:.1px}@media screen and (max-width: 768px){#Thank-you-page .link a p{line-height:20px}}#Thank-you-page header{width:100%;margin-bottom:38px;max-width:1040px}#Thank-you-page header h1{text-align:center}#Thank-you-page header h1 a{display:inline-block}#Thank-you-page article{width:100%;max-width:1040px;text-align:center;position:relative;display:flex;gap:25px 0}#Thank-you-page article h1{width:100%}#Thank-you-page article h1 a{height:100%;width:-moz-fit-content;width:fit-content;display:block;margin:0 auto}#Thank-you-page article h1 a img{width:342px;height:auto}#Thank-you-page article .info{flex:1 1 80.76%;padding:36px 36px 74px;text-align:left;border-radius:16px;display:flex;align-items:center;gap:35px;background:url(/Event/game-design-course/assets/thank_appedu_txt.svg) white no-repeat bottom 36px right 36px/264px;box-shadow:5px 5px 10px #0000000d;position:relative;overflow:hidden}#Thank-you-page article .info:before{content:"";width:8px;height:100%;background-color:#00c12b;display:inline-block;position:absolute;left:0;top:0}#Thank-you-page article .info .gift{flex:1 1 calc(50% - 18px)}#Thank-you-page article .info .gift .congrats{margin-bottom:15px}#Thank-you-page article .info .gift h2:not(:last-of-type){margin-bottom:8px}#Thank-you-page article .info .gift h2:last-of-type{margin-bottom:30px}#Thank-you-page article .info .person{flex:1 1 calc(50% - 18px);max-width:344px;min-width:300px;border:1px solid #e0e0e0;border-radius:4px;padding:20px 15px 15px;background:url(/Event/game-design-course/assets/thank_appedu.svg) no-repeat top 20px right 15px/65px}#Thank-you-page article .info .person .note{margin-bottom:13.5px}#Thank-you-page article .info .person ul{display:flex;padding-left:0;flex-direction:column;gap:10px;letter-spacing:.6px;margin-bottom:15.5px}#Thank-you-page article .info .person ul li{display:flex;flex-wrap:wrap}#Thank-you-page article .info .person ul li span{display:inline-block}#Thank-you-page article .info .person ul li span:first-of-type{width:50px}#Thank-you-page article .info .person ul li span:last-of-type{max-width:calc(100% - 50px);text-decoration:none!important}#Thank-you-page article .info .person ul li:not(:last-of-type){width:calc(100% - 80px)}#Thank-you-page article .info .person .warning{padding:5px 8px;border:1px solid #a94b4b;border-radius:4px}#Thank-you-page article .link{flex:1 1 19.24%;min-width:180px;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;box-shadow:5px 5px 10px #0000000d;overflow:hidden;position:relative;z-index:2}#Thank-you-page article .link>div{height:20%;min-height:67px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-left:1px dashed #bdbdbd;transition:all .2s ease}#Thank-you-page article .link>div:not(:last-of-type){border-bottom:1px dashed #bdbdbd}#Thank-you-page article .link>div>a{width:100%;height:100%;display:flex;justify-content:center}#Thank-you-page article .link>div>a>div{display:flex;align-items:center;gap:13px}#Thank-you-page article .link>div>a>div p{width:88px;text-align:left}#Thank-you-page article .link>div span{display:block;width:36px;height:36px}#Thank-you-page article .link>div.fb span{background:url(/Event/game-design-course/assets/thank_fb.svg) no-repeat center/34px}#Thank-you-page article .link>div.yt span{background:url(/Event/game-design-course/assets/thank_yt.svg) no-repeat center/31.7px}#Thank-you-page article .link>div.ig span{background:url(/Event/game-design-course/assets/thank_ig.svg) no-repeat center/34px}#Thank-you-page article .link>div.line span{background:url(/Event/game-design-course/assets/thank_line.svg) no-repeat center/28.5px}#Thank-you-page article .link>div.appedu span{background:url(/Event/game-design-course/assets/thank_appedu.svg) no-repeat center/27px}#Thank-you-page article .link>div:hover{background-color:#f5f5f5}@media screen and (max-width: 1200px){#Thank-you-page .gift .note br{display:none}}@media screen and (max-width: 992px){#Thank-you-page{padding:70px 5%}#Thank-you-page .gift .note br{display:block}#Thank-you-page article .info{flex-direction:column}#Thank-you-page article .info .gift,#Thank-you-page article .info .person{width:100%;max-width:none}}@media screen and (max-width: 768px){#Thank-you-page{flex-wrap:wrap;padding:48px 4%}#Thank-you-page header{margin-bottom:15px}#Thank-you-page header h1 img{width:164px}#Thank-you-page article{flex-direction:column}#Thank-you-page article .info{flex:1 1 100%;padding:40px 17px 80px;background-position:bottom 36px right 17px}#Thank-you-page article .info:before{display:none}#Thank-you-page article .info .gift .congrats{margin-bottom:14px}#Thank-you-page article .info .gift h2:last-of-type{margin-bottom:20px}#Thank-you-page article .info .gift .note br{display:none}#Thank-you-page article .info .person{min-width:auto;padding:17px 15px 15px;background-position:top 17px right 15px}#Thank-you-page article .link{flex:1 1 343px}#Thank-you-page article .link>div{border-left:none}}