html{position:relative;min-height:100%}body{font-family:Noto Sans TC,Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Helvetica,Arial,PingFang TC,Heiti TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.43;min-width:320px;margin:0;letter-spacing:1px;color:#333;background-color:#98d3e7}h1,h2,h3,h4{line-height:initial;margin:0}a{transition:color .25s;text-decoration:none;color:inherit}a[href]{cursor:pointer}*{box-sizing:border-box}ul,ol{margin:0;padding-left:1.5rem}img{width:100%;height:auto}[hidden]{display:none!important}header{height:74px;padding:24px;background:#000}header .brand{display:inline-block;overflow:hidden;width:100px;height:0;padding-top:25px;background:url(https://pkg.kfs.io/kk-web/img/logo/kkbox-rebrand-blue.svg) no-repeat center center}header .share-buttons{float:right}header .icon-ig,header .icon-fb{display:inline-block;width:28px;height:28px;margin-left:12px;background-repeat:no-repeat;background-position:center center;background-size:contain}header .icon-fb{background-image:url(/build/assets/icon_facebook-DnGefC8O.svg)}header .icon-ig{background-image:url(/build/assets/icon_instagram-pcDdOLC6.svg)}footer{font-size:12px;line-height:1.4;padding:35px 0;text-align:center;color:#fff}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.btn-main,.btn-disabled{font-family:inherit;font-size:28px;font-weight:700;display:inline-flex;overflow:hidden;align-items:center;justify-content:center;width:100%;max-width:315px;height:74px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .25s,background-color .25s,border-color .25s;text-align:center;vertical-align:middle;white-space:nowrap;text-decoration:none;color:#fff;border:none;border-radius:100px;background:#b070f3;touch-action:manipulation}@media (min-width: 768px){.btn-main,.btn-disabled{width:329px}}.btn-main:hover,.btn-disabled:hover,.btn-main:focus,.btn-disabled:focus{background-color:#c088f5}.btn-main:active,.btn-disabled:active{background-color:#9a5ae0}.btn-disabled{font-size:18px;cursor:default;opacity:.75;background-color:#b070f3}.btn-disabled:hover,.btn-disabled:focus{background-color:#b070f3}.section-title{font-size:28px;font-weight:900;margin-bottom:30px;text-align:center;color:#232323}@media (min-width: 768px){.section-title{font-size:36px;margin-bottom:40px}}.wave-decorator{display:inline}.content-box{width:calc(100% - 64px);margin-right:auto;margin-left:auto;padding:40px 20px;border-radius:12px;background:#fff;box-shadow:0 4px 20px #0000001a}@media (min-width: 768px){.content-box{max-width:900px;padding:80px}}body{--keyimage-height: 160vw;background-image:url(/build/assets/background_mobile-CEup7Tc-.webp);background-repeat:no-repeat;background-position:50% calc(var(--keyimage-height) + 54px);background-size:100% auto;background-color:#46e0ff;background-origin:content-box}@media (min-width: 768px){body{--keyimage-height: 56vw;background-image:url(/build/assets/background_desktop-iDp3WLMh.webp)}}.section--keyimage .key-image{display:block;width:100%;height:auto}.section--keyimage .page-title{font-size:0}.section--about,.section--qualification,.section--welfare,.section--student,.section--daily,.section--mission{position:relative;z-index:1}.section--about{padding-top:0;padding-bottom:15px;color:#232323}@media (min-width: 768px){.section--about{padding-top:20px;padding-bottom:30px}}.section--about .container{max-width:900px;padding-right:32px;padding-left:32px}@media (min-width: 768px){.section--about .container{display:flex;align-items:center;gap:36px}}@media (min-width: 768px){.section--about .col-left{flex:0 0 400px}}.section--about .about-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px}@media (min-width: 768px){.section--about .col-right{flex:1 1 auto}}.section--about .about-title{font-size:24px;font-weight:900;line-height:40px;margin-bottom:20px;color:#232323;text-align:center}@media (min-width: 768px){.section--about .about-title{font-size:36px;margin-bottom:20px;text-align:left}}.section--about .about-text{font-size:14px;line-height:24px;margin-top:19px;margin-bottom:30px}@media (min-width: 768px){.section--about .about-text{font-size:20px;line-height:30px}}.section--welfare{position:relative;padding-top:20px;padding-bottom:30px}.section--welfare:before{content:"";position:absolute;top:-50px;left:0;display:block;width:100%;aspect-ratio:750/258;pointer-events:none;background-image:url(/build/assets/welfare-icon-mobile-Er72zlS_.webp);background-repeat:no-repeat;background-position:center top;background-size:100% auto}@media (min-width: 768px){.section--welfare:before{display:none}}@media (min-width: 768px){.section--welfare{padding-bottom:25px;background-image:none}}.section--welfare .section-title{margin-bottom:8px}.section--welfare .section-description{font-size:16px;line-height:20px;margin-bottom:30px;text-align:center}@media (min-width: 768px){.section--welfare .section-description{font-size:20px;line-height:40px;margin-bottom:40px}}.section--welfare .welfare{position:relative;height:auto;margin-bottom:40px;--image-size: 90px}.section--welfare .welfare:last-child{margin-bottom:0}@media (min-width: 768px){.section--welfare .welfare{display:flex;align-items:unset;flex-direction:column;justify-content:center;height:var(--image-size);--image-size: 160px;height:auto;min-height:160px}}.section--welfare .welfare-image{position:absolute;top:0;left:0;display:block;width:var(--image-size);height:var(--image-size);border-radius:7px}.section--welfare .welfare-title{font-size:18px;display:flex;align-items:center;flex-wrap:wrap;height:var(--image-size);margin-left:calc(var(--image-size) + 16px);color:#3a37cb}@media (min-width: 768px){.section--welfare .welfare-title{font-size:22px;line-height:24px;height:auto;margin-left:calc(var(--image-size) + 40px)}}.section--welfare .welfare-content{font-size:14px;line-height:24px;margin-top:20px}@media (min-width: 768px){.section--welfare .welfare-content{font-size:16px;line-height:28px;margin-top:18px;margin-left:calc(var(--image-size) + 40px)}}.section--student{padding-top:80px;padding-bottom:40px}.section--student .section-title{color:#fff}@media (min-width: 768px){.section--student{padding-top:40px;padding-bottom:65px}}.section--student .student-card-list{display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.section--student .student-card-list{width:calc(100% - 60px);margin:0 auto}}@media (max-width: 360px){.section--student .student-card-list{width:calc(100% - 40px)}}.section--student .slick-initialized .slick-slide>div{display:grid;grid-column-gap:9px;grid-template-columns:repeat(2,1fr)}@media (max-width: 360px){.section--student .slick-initialized .slick-slide>div{grid-column-gap:0px}}@media (min-width: 992px){.section--student .slick-initialized .slick-slide>div{grid-template-columns:repeat(3,1fr);grid-column-gap:20px}}@media (min-width: 1200px){.section--student .slick-initialized .slick-slide>div{grid-template-columns:repeat(4,1fr)}}.section--student .student-card-wrapper{flex-direction:column;margin:0;padding:9.5px 5px;cursor:pointer;width:100%!important}@media (max-width: 360px){.section--student .student-card-wrapper{padding:5px}}@media (min-width: 992px){.section--student .student-card-wrapper{padding:15px 5px}}.section--student .student-card-wrapper img{transition:transform .25s ease-in-out;width:100%;height:100%}@media not all and (min-resolution: .001dpcm){.section--student .student-card-wrapper img{transition:none}}.section--student .student-card{position:relative;overflow:hidden;border-radius:40px;aspect-ratio:1/1}.section--student .student-card-wrapper:hover img{transform:scale(1.1)}.section--student .student-card-wrapper:hover .card-mask{opacity:1}.section--student .card-mask{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;transition:opacity .25s ease-in-out;opacity:0;background-color:#c08df5e6}@media not all and (min-resolution: .001dpcm){.section--student .card-mask{transition:none}}.section--student .card-content{font-size:12px;display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;height:100%;margin:0 auto;padding-top:10px;padding-right:10px;padding-left:10px;text-align:center;text-align:justify;color:#000}@media (min-width: 768px){.section--student .card-content{font-size:13px;padding-top:20px;padding-right:20px;padding-left:20px}}.section--student .card-content .name{font-size:15px;font-weight:700;margin-top:8px}@media (min-width: 768px){.section--student .card-content .name{margin-top:15px}}.section--daily{padding-bottom:16px}.section--daily .section-title{color:#fff}.section--daily .daily-card-wrapper{text-align:center}.section--daily .daily-card{display:inline-block;margin:0 5px}.section--daily .daily-card a{display:inline-block}.section--daily .daily-card img{border:8px solid #fff;width:calc(100vw - 175px);height:calc(100vw - 175px);object-fit:cover;object-position:center}@media (min-width: 768px){.section--daily .slick-initialized .slick-slide>div{display:grid;grid-column-gap:42px;grid-template-columns:repeat(3,1fr)}.section--daily .daily-card{margin:0;aspect-ratio:1/1}.section--daily .daily-card a{display:inline}.section--daily .daily-card img{border:12px solid #fff;width:100%;height:100%}.section--daily .daily-card-wrapper{width:100%!important}}.section--student .container,.section--daily .container{position:relative;width:100%;max-width:1024px;margin:20px auto 50px;padding-right:2px;padding-left:2px}@media (min-width: 768px){.section--student .container,.section--daily .container{max-width:700px;padding-right:15px;padding-left:15px}}@media (min-width: 992px){.section--student .container,.section--daily .container{max-width:900px}}@media (min-width: 1200px){.section--student .container,.section--daily .container{max-width:1024px}}.section--student .container .prev,.section--student .container .next,.section--daily .container .prev,.section--daily .container .next{position:absolute;top:50%;display:block;width:65px;height:65px;cursor:pointer;transition:background .25s;border-radius:100%;background-color:#fff;background-image:url(/build/assets/paginator_arrow-BRh-Az7R.svg);background-repeat:no-repeat;background-position:center center;background-size:50%;box-shadow:0 4px 20px #0000001a}.section--student .container .prev:hover,.section--student .container .next:hover,.section--daily .container .prev:hover,.section--daily .container .next:hover{background-color:#b070f3;background-image:url(/build/assets/paginator_arrow_white-DNsSLw4E.svg)}.section--student .container .prev:active,.section--student .container .next:active,.section--daily .container .prev:active,.section--daily .container .next:active{background-color:#9a5ae0;background-image:url(/build/assets/paginator_arrow_white-DNsSLw4E.svg)}@media (max-width: 767px){.section--student .container .prev,.section--student .container .next,.section--daily .container .prev,.section--daily .container .next{width:45px;height:45px}}.section--student .container .prev,.section--daily .container .prev{left:10px;transform:translateY(-50%)}@media (min-width: 768px){.section--student .container .prev,.section--daily .container .prev{left:-70px}}@media (min-width: 1200px){.section--student .container .prev,.section--daily .container .prev{left:-100px}}.section--student .container .next,.section--daily .container .next{right:10px;transform:rotate(180deg) translateY(50%)}@media (min-width: 768px){.section--student .container .next,.section--daily .container .next{right:-70px}}@media (min-width: 1200px){.section--student .container .next,.section--daily .container .next{right:-100px}}.section--student .slick-dots,.section--daily .slick-dots{position:absolute;bottom:-50px;display:block;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin:0;padding:0;list-style:none;list-style-type:none;text-align:center}.section--student .slick-dots li button,.section--daily .slick-dots li button{width:16px;height:16px}.section--student .slick-dots li button:before,.section--daily .slick-dots li button:before{width:8px;height:8px;transition:background .25s,border .25s;opacity:1;color:transparent;border:2px solid #fff;border-radius:100%;background-color:#fff}.section--student .slick-dots li.slick-active button:before,.section--daily .slick-dots li.slick-active button:before{opacity:1;color:transparent;border-color:#fff;background-color:transparent}@media (max-width: 767px){.section--student .paginator{top:calc(50% + 5px)}}#lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;justify-content:center;align-items:center;z-index:2}#lightbox .lb-content{position:relative}#lightbox .lb-nav{position:relative;text-align:right}@media (min-width: 768px){#lightbox .lb-nav{text-align:left}}#lightbox .lb-image{border:13px solid #fff;border-radius:0;max-width:338px}@media (min-width: 768px){#lightbox .lb-image{border-width:18px;max-height:min(100vh - 116px,530px);max-width:unset}}#lightbox .lb-close{position:absolute;right:0;bottom:18px;width:46px;height:46px;background:#0e0d0d;border-radius:6px;opacity:1;cursor:pointer}#lightbox .lb-close:hover,#lightbox .lb-close:focus{background-color:#c08df5}#lightbox .lb-close:active{background-color:#532d7b}#lightbox .lb-close:before,#lightbox .lb-close:after{content:"";position:absolute;top:9px;width:39px;height:1px;display:block;background:#fff}#lightbox .lb-close:before{left:9px;transform:rotate(45deg);transform-origin:left}#lightbox .lb-close:after{right:9px;transform:rotate(-45deg);transform-origin:right}@media (min-width: 768px){#lightbox .lb-close{right:-58px;bottom:0;width:58px;height:58px;border-radius:8px}#lightbox .lb-close:before,#lightbox .lb-close:after{top:12px;width:48px}#lightbox .lb-close:before{left:12px}#lightbox .lb-close:after{right:12px}}.section--mission{padding-top:20px;padding-bottom:20px}@media (min-width: 768px){.section--mission{padding-top:40px;padding-bottom:30px}}@media (min-width: 768px){.section--mission .mission-list{display:flex;justify-content:space-between}}.section--mission .mission{display:flex;align-items:flex-start;gap:15px;margin-bottom:30px}@media (min-width: 768px){.section--mission .mission{flex:0 0 30%;flex-direction:column;align-items:center;gap:18px;margin-bottom:0;text-align:center}}.section--mission .mission-icon{flex-shrink:0;display:block;width:70px;height:70px}@media (min-width: 768px){.section--mission .mission-icon{width:123px;height:123px}}.section--mission .mission-text{flex:1}.section--mission .mission-title{font-size:20px;font-weight:700;line-height:24px;margin-bottom:16px;color:#3a37cb}@media (min-width: 768px){.section--mission .mission-title{font-size:24px;margin-bottom:18px}}.section--mission .mission-content{font-size:14px;line-height:24px}@media (min-width: 768px){.section--mission .mission-content{font-size:16px}}.section--qualification{padding-top:20px;padding-bottom:20px}@media (min-width: 768px){.section--qualification{padding-top:10px;padding-bottom:40px}}.section--qualification .content-box{overflow:hidden;position:relative}.section--qualification .qualification-badge{position:absolute;top:-118px;right:-34px;display:block;width:124px;height:auto;pointer-events:none}@media (min-width: 768px){.section--qualification .qualification-badge{top:-50px;right:-50px;width:300px}}.section--qualification .qualification-title{font-weight:700;color:#3a37cb;font-size:18px;margin-top:4px;margin-bottom:4px}@media (min-width: 768px){.section--qualification .qualification-title{font-size:24px}}.section--qualification .qualification-subtitle{font-size:14px}@media (min-width: 768px){.section--qualification .qualification-subtitle{font-size:16px}}.section--qualification .qualification-list{padding-bottom:15px;padding-left:20px;font-size:14px;line-height:24px}@media (min-width: 768px){.section--qualification .qualification-list{margin-right:16px;line-height:32px;font-size:16px}}.section--join{position:relative;z-index:0;padding-top:240px;padding-bottom:20px}.section--join:before{content:"";position:absolute;z-index:-1;left:0;top:-160px;display:block;width:100%;aspect-ratio:750/1286;pointer-events:none;background-image:url(/build/assets/bottom-figures-mobile-BNL7xoPQ.webp);background-repeat:no-repeat;background-position:center bottom;background-size:contain}@media (min-width: 768px){.section--join{padding-top:30px}.section--join:before{top:unset;bottom:-100px;aspect-ratio:2880/4212;background-image:url(/build/assets/bottom-figures-F63r5eA8.webp)}}.section--join .content-box{position:relative;z-index:1}.section--join .rule-card-list{margin-right:-20px;margin-left:-20px}@media (min-width: 768px){.section--join .rule-card-list{margin-bottom:30px}}.section--join .rule-card{font-size:14px;padding:24px 20px}@media (min-width: 768px){.section--join .rule-card{font-size:16px;display:flex;flex-wrap:wrap;padding:34px 30px}}.section--join .rule-card:nth-child(odd){background:#e0faff}.section--join .rule-card dt{line-height:32px;display:inline-block;width:auto;height:32px;margin-bottom:10px;padding:0 20px;white-space:nowrap;color:#232323;border-radius:12px;background-color:#ffee92}@media (min-width: 768px){.section--join .rule-card dt{margin-right:30px;margin-bottom:0}}.section--join .rule-card dd{line-height:32px;margin-left:0}@media (min-width: 768px){.section--join .rule-card dd{flex:1 0 50%}}@media (min-width: 768px){.section--join .rule-card dd.with-image{flex-basis:100%}}@media (min-width: 768px){.section--join .rule-card dd.with-timeline{flex-basis:100%}}.section--join .rule-card:has(.flow-timeline){padding-right:25px;padding-bottom:25px}.section--join .rule-card:has(.flow-list){padding-right:25px;padding-bottom:25px}.section--join .rule-card .flow-list{line-height:24px;counter-reset:item;list-style:none;padding-left:0}.section--join .rule-card .flow-list li{margin-top:25px;counter-increment:item;position:relative;padding-left:75px}.section--join .rule-card .flow-list li:before{content:"Step " counter(item);position:absolute;left:0;border:1px solid #000000;padding:0 8px 4px}.section--join .rule-card .flow-list li:first-child{margin-top:15px}@media (min-width: 768px){.section--join .rule-card .flow-list li{padding-left:80px}.section--join .rule-card .flow-list li:first-child{margin-top:0}}.section--join .rule-card .flow-image{width:100%;margin-top:6px}@media (min-width: 768px){.section--join .rule-card .flow-image{margin-top:36px}}.section--join .rule-card .flow-timeline{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:24px}@media (min-width: 768px){.section--join .rule-card .flow-timeline{flex-direction:row;align-items:stretch;justify-content:center;margin-top:36px}}.section--join .rule-card .flow-step{font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:center;width:120px;min-height:80px;padding:12px 8px;text-align:center;color:#232323;border:1px solid #232323}@media (min-width: 768px){.section--join .rule-card .flow-step{font-size:16px;width:100px;min-height:150px}}.section--join .rule-card .flow-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:4px 0;background-image:url(/build/assets/arrow-B_h4gsEu.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transform:rotate(90deg)}@media (min-width: 768px){.section--join .rule-card .flow-arrow{width:20px;height:150px;transform:rotate(0);margin:0 4px}}.section--join .rule-card .notice{font-size:13px;color:#3a37cb}@media (min-width: 768px){.section--join .rule-card .notice{font-size:14px}}.section--join .note{font-size:14px;line-height:32px}@media (min-width: 768px){.section--join .note{font-size:16px;padding:0 10px}}.section--join .actions{text-align:center}