@font-face{font-family:"Jalnan";src:url("/fonts/JalnanOTF.woff") format("woff");font-weight:normal;font-style:normal}.top-body2{position:fixed;top:0;left:0;width:100%;z-index:10}.sec01{background-image:url(/images/home/bg_phonics_sec01_01.png);background-position:center;background-repeat:no-repeat;background-color:#ffe15c;height:39.2rem;margin-top:11.7rem;text-align:center;display:flex;align-items:center;justify-content:center}.sec01 .txt01{margin-top:4rem;font-size:2.4rem;font-weight:500;color:var(--bs-gray-900);line-height:1.4}.sec02{background-image:url(/images/home/bg_phonics_sec02_01.png);background-position:50% 0rem;background-repeat:no-repeat;padding-bottom:15rem}.sec02 .txt01{font-family:"Jalnan";font-size:3rem;color:var(--bs-blue-900);line-height:1.2;margin-top:10rem;text-align:center}.sec02 .box{background:var(--bs-blue-100);border-radius:1rem;padding:3rem 1rem 1.8rem;display:flex;text-align:center;margin-top:3rem;position:relative}.sec02 .box>div{flex:1 0 0%}.sec02 .box>div .txt02{font-size:2rem;font-weight:500;color:var(--bs-black);line-height:1.2;height:5.8rem}.sec02 .box>div .img01{margin-left:4rem;margin-right:4rem;margin-bottom:1.2rem}.sec02 .box>div .img01>img{width:100%}.sec02 .box.song{background:var(--bs-red-100);overflow:hidden}.sec02 .box.song:after{content:"";display:block;background:linear-gradient(180deg, rgba(254, 236, 238, 0) 0%, #FEECEE 94.5%);width:100%;height:22rem;position:absolute;bottom:0;left:0}.sec02 .box.song>div .txt02{height:3.6rem}.sec03{padding:14.7rem 0;background:#faebe7;background-image:url(/images/home/bg_phonics_sec03_01.png);background-position:center 0rem;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.sec03 .title{font-weight:700;font-size:3.4rem;line-height:4.4rem;text-align:center;color:var(--bs-gray-900)}.sec03 .preview-teacher-btn-container{width:124rem;height:10.9rem;position:relative;z-index:1}.sec03 .preview-teacher-btn-container::after{content:"";display:block;background:linear-gradient(270deg, #F4D7D1 29.85%, rgba(255, 233, 232, 0) 77.36%);width:18rem;height:10.9rem;position:absolute;top:0;right:0;z-index:3;pointer-events:none}.sec03 .preview-teacher-btn-container .preview-teacher-btn-scroll{width:124rem;height:10.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;z-index:1}.sec03 .preview-teacher-btn-container .preview-teacher-btn-scroll .btn{width:16rem;height:4.6rem;margin-left:2rem;flex-shrink:0}.sec03 .preview-teacher-btn-container .preview-teacher-btn-scroll .btn:first-child{margin-left:0}.sec03 .preview-teacher-btn-container .preview-teacher-btn-scroll::-webkit-scrollbar{width:0;height:0;background-color:rgba(0,0,0,0)}.sec03 .preview-teacher-btn-container .preview-teacher-btn-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.sec03 .preview-img-container{width:79rem;height:45rem}.sec03 .preview-img-container img{border-radius:1rem;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sec03 .introduce{margin-top:3rem;font-weight:500;font-size:2.4rem;line-height:1.6;text-align:center;color:var(--bs-gray-700)}.sec04{padding:15rem 0;background:#fff6dd;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.sec04:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/home/bg_phonics_sec04_01.png);background-position:center 4rem;background-repeat:no-repeat;z-index:2}.sec04:after{content:"";display:block;position:absolute;top:70rem;left:0;width:100%;bottom:0;background:#fef2d1;z-index:1}.sec04>div{position:relative;z-index:3}.sec04 .title{font-weight:700;font-size:3.4rem;line-height:4.4rem;text-align:center;color:var(--bs-gray-900)}.sec04 .preview-student-btn-container{width:124rem;height:10.9rem;position:relative}.sec04 .preview-student-btn-container .preview-student-btn-scroll{width:124rem;height:10.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;z-index:1}.sec04 .preview-student-btn-container .preview-student-btn-scroll .btn{width:16rem;height:4.6rem;margin-left:2rem;flex-shrink:0}.sec04 .preview-student-btn-container .preview-student-btn-scroll .btn:first-child{margin-left:0}.sec04 .preview-student-btn-container .preview-student-btn-scroll::-webkit-scrollbar{width:0;height:0;background-color:rgba(0,0,0,0)}.sec04 .preview-student-btn-container .preview-student-btn-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}.sec04 .preview-img-container{width:79rem;height:45rem}.sec04 .preview-img-container img{border-radius:1rem;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sec04 .introduce{margin-top:3rem;font-weight:500;font-size:2.4rem;line-height:1.6;text-align:center;color:var(--bs-gray-700)}.sec05{height:97rem;background:#c2d6f9;background-image:url(/images/home/bg_phonics_sec05_01.png);background-position:center 0rem;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.sec05 .txt01{color:var(--bs-gray-900);font-size:3.4rem;font-weight:700;line-height:1.3}.sec05 .box01{background:var(--bs-white);border-radius:2rem;border:.2rem solid var(--bs-yellow-500);width:70rem;padding:5rem;text-align:center;margin-top:5rem;margin-bottom:5rem}.sec05 .box01>div{display:inline-block;text-align:left;color:var(--bs-gray-900);font-size:2.2rem;font-weight:400;line-height:1.2}.footer-body{margin-top:0}/*# sourceMappingURL=home_phonics.min.css.map */