@font-face{font-family:"Pretendard";font-style:normal;font-weight:normal;src:url("https://img.littlefox.co.kr/static/layout/ko_KR/guide/font/Pretendard-Regular.subset.woff2?20240701150923") format("woff2"), url("https://img.littlefox.co.kr/static/layout/ko_KR/guide/font/Pretendard-Regular.subset.woff?20240701150923") format("woff"),url("https://img.littlefox.co.kr/static/layout/ko_KR/guide/font/Pretendard-Regular.otf?20240701150923")}.bg_navi{display:none}.welcome-wrap
*{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Tahoma,Dotum,'돋움',sans-serif;box-sizing:border-box;color:#333}.welcome-wrap{color:#333}.welcome-wrap
.inner{width:980px;margin:0
auto}.welcome-wrap
.main{padding-top:59.4px;background:#b8ecff url('/static/phonics/img/bg_main.png')no-repeat center 34px;background-size:1277px}.welcome-wrap .main .main-img{text-align:center;line-height:0}.welcome-wrap .main .main-img
.tit{width:538px;margin:0
auto}.welcome-wrap .main .main-img
.video{width:800px;margin:0
auto}.welcome-wrap .main .main-img
img{width:100%}.welcome-wrap .main .main-list ul
li{background:#fff}.welcome-wrap .main .main-list ul li:first-child{margin-top:0}.welcome-wrap .main .main-list ul li.c1 strong
span{color:#ff8b06;-webkit-box-shadow:inset 0 -17px 0 #fff2bc99;box-shadow:inset 0 -17px 0 #fff2bc99}.welcome-wrap .main .main-list ul li.c2 strong
span{color:#44b110;-webkit-box-shadow:inset 0 -17px 0 #e0f8d599;box-shadow:inset 0 -17px 0 #e0f8d599}.welcome-wrap .main .main-list ul li.c3 strong
span{color:#0096bc;-webkit-box-shadow:inset 0 -17px 0 #cff3f399;box-shadow:inset 0 -17px 0 #cff3f399}.welcome-wrap .main .main-list ul li
strong{display:block;text-align:center}.welcome-wrap .main .main-list ul li p:last-child{margin-bottom:0}.welcome-wrap
.content{background:#fff8c8}.welcome-wrap .content .tit-img{text-align:center}.welcome-wrap .content .tit-img
img{width:42%}.welcome-wrap .content .cont-list ol>li{background:#fff}.welcome-wrap .content .cont-list ol>li:first-child{margin-top:0}.welcome-wrap .content .cont-list ol > li
.tit{text-align:center}.welcome-wrap .content .cont-list ol > li .tit p
span{font-weight:bold}.welcome-wrap .content .cont-list ol > li .book-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.welcome-wrap .content .cont-list ol > li .book-list
li{width:25%;text-align:center}.welcome-wrap .content .cont-list ol > li .book-list li
img{width:100%}.welcome-wrap .content .cont-list ol > li .bot-dot-list
li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.welcome-wrap .content .cont-list ol > li .bot-dot-list li:first-child{padding-top:0}.welcome-wrap .content .cont-list ol > li .bot-dot-list li::after{content:"";display:block;clear:both;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.welcome-wrap .content .cont-list ol > li .bot-dot-list li:last-child::after{display:none}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .img
img{width:100%}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt
.tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt .tit
span{color:#1791ee;background-color:#dff5ff}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt .tit
p{padding-top:0}.welcome-wrap .content .cont-list ol > li .img-box{text-align:center}.welcome-wrap .content .cont-list ol > li .img-box
strong{display:block;text-align:center}.welcome-wrap .content .cont-list ol > li .img-box
img{width:100%}.welcome-wrap .content .cont-list ol > li .img-wrap
img{width:100%}.welcome-wrap .content .cont-list ol>li.bg{background-image:url("/static/phonics/img/bg_char.png");background-repeat:no-repeat}.welcome-wrap .btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:0}.welcome-wrap .btn-wrap
a{text-align:left;color:#23a3e5;border:2px
solid #23a3e5;background-color:#e3f6ff;background-image:url("/static/phonics/img/ico_arrow.png");background-repeat:no-repeat}.welcome-wrap .btn-wrap.short-btn-wrap
a{width:200px;background-position:84% center;padding-left:31.72px}.welcome-wrap>section{padding-bottom:59.4px}.welcome-wrap .main .main-list ul
li{margin-top:13.2px;padding:46.2px 40px;border-radius:19.8px}.welcome-wrap .main .main-list ul li
strong{margin-bottom:35.64px;font-size:31.68px}.welcome-wrap .main .main-list ul li
p{margin-bottom:19.8px;font-size:22.44px}.welcome-wrap .content .tit-img{padding-top:66px}.welcome-wrap .content .cont-list{padding:46.2px 0 0}.welcome-wrap .content .cont-list ol>li{padding:59.4px 20px;margin-top:36.96px;border-radius:19.8px}.welcome-wrap .content .cont-list ol>li.full{padding:59.4px 0}.welcome-wrap .content .cont-list ol > li .tit
strong{font-size:31.68px}.welcome-wrap .content .cont-list ol > li .tit
p{padding-top:21.12px;font-size:22.44px}.welcome-wrap .content .cont-list ol > li .book-list{padding-top:46.2px;gap:7.26px}.welcome-wrap .content .cont-list ol > li .book-list li
strong{font-size:19px}.welcome-wrap .content .cont-list ol > li .book-list li strong
span{font-weight:normal}.welcome-wrap .content .cont-list ol > li .bot-dot-list{padding-top:50.16px}.welcome-wrap .content .cont-list ol > li .bot-dot-list
li{padding:42.9px 0 39.6px;gap:15px}.welcome-wrap .content .cont-list ol > li .bot-dot-list li::after{bottom:-5px;width:80%;height:11px;background:url("/static/phonics/img/bg_dotline.png") no-repeat 0 bottom;background-size:contain}.welcome-wrap .content .cont-list ol > li .bot-dot-list li:first-child .thumb-box{width:100%;min-width:auto}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box{width:32.5%;min-width:306px}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box
.txt{padding-top:18.48px;font-size:19px}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt
.tit{padding-bottom:13.2px;gap:9.24px}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt .tit
span{padding:3.96px 11.88px;border-radius:66px;font-size:16px}.welcome-wrap .content .cont-list ol > li .bot-dot-list li .thumb-box .txt .tit
p{font-size:19px}.welcome-wrap .content .cont-list ol > li .img-box{padding-top:50.16px}.welcome-wrap .content .cont-list ol > li .img-box
strong{padding-bottom:15.84px;font-size:22.44px}.welcome-wrap .content .cont-list ol>li.bg{background-size:17%;background-position:97% bottom}.welcome-wrap .btn-wrap{padding-top:46.2px;text-align:center}.welcome-wrap .btn-wrap
a{width:316.8px;line-height:52.8px;padding-left:27.72px;font-size:19.8px;border-radius:66px;background-position:91% center;background-size:8.58px 15.18px}.welcome-wrap
.content.guide{background:#fff}.study-wrap article:first-child{padding-top:50px}.study-wrap article
h3{text-align:center}.study-wrap section .cont .cont-tit{text-align:center;background:#bce9ff}.study-wrap section .cont .cont-tit
h4{display:inline-block;color:#20b1f9;font-weight:bold;background-repeat:no-repeat;background-position:left center}.study-wrap section .cont .cont-info{background:#f3f3f3}.study-wrap section.section1 .cont .cont-tit
h4{background-image:url("/static/phonics/img/bg_pwico01.png")}.study-wrap section.section1 .col-dot-list{text-align:center}.study-wrap section.section1 .col-dot-list ul li .flex-tit>span{color:#11b0ff}.study-wrap section.section1 .col-dot-list ul li .flex-tit>span::before{background-color:#11b0ff}.study-wrap section.section1 .table-wrap table tbody
th{background:#f0fbff}.study-wrap section.section2 .cont .cont-tit{background:#c1deff}.study-wrap section.section2 .cont .cont-tit
h4{color:#3895ff;background-image:url("/static/phonics/img/bg_pwico02.png")}.study-wrap section.section2 .col-dot-list ul li .flex-tit>span{color:#3895ff}.study-wrap section.section2 .col-dot-list ul li .flex-tit>span::before{background-color:#3895ff}.study-wrap section.section2 .table-wrap table tbody
th{background:#ecf7ff}.study-wrap section.section3 .cont .cont-tit{background:#cedbfe}.study-wrap section.section3 .cont .cont-tit
h4{color:#618bff;background-image:url("/static/phonics/img/bg_pwico03.png")}.study-wrap section.section3 .col-dot-list ul li .flex-tit>span{color:#618bff}.study-wrap section.section3 .col-dot-list ul li .flex-tit>span::before{background-color:#618bff}.study-wrap section.section3 .table-wrap table tbody
th{background:#eff6ff}.study-wrap section.section4 .cont .cont-tit{background:#dbdcff}.study-wrap section.section4 .cont .cont-tit
h4{color:#7b80ff;background-image:url("/static/phonics/img/bg_pwico04.png")}.study-wrap section.section4 .col-dot-list ul li .flex-tit>span{display:block;color:#7b80ff}.study-wrap section.section4 .col-dot-list ul li .flex-tit>span>span{color:#9fa3ff}.study-wrap section.section4 .col-dot-list ul li .flex-tit>span::before{background-color:#7b80ff}.study-wrap section.section4 .table-wrap table tbody
th{background:#eff6ff}.study-wrap section.section5 .cont .cont-tit
h4{color:#20b1f9;background-image:url("/static/phonics/img/bg_pwico05.png")}.study-wrap section.section5 .slide-wrap{background-color:#e8f7fc}.study-wrap section.section6 .cont .cont-tit
h4{color:#3895ff;background-image:url("/static/phonics/img/bg_pwico06.png")}.study-wrap section.section6 .slide-wrap{background:#e8f4fe}.study-wrap section.section7 .cont .cont-tit
h4{color:#618bff;background-image:url("/static/phonics/img/bg_pwico07.png")}.study-wrap section.section7 .slide-wrap{background:#ebf3fe}.study-wrap section.section8 .cont .cont-tit
h4{color:#7b80ff;background-image:url("/static/phonics/img/bg_pwico08.png")}.study-wrap section.section8 .slide-wrap{background:#f1f1ff}.study-wrap section.section9
.cont{background:#fffadb}.study-wrap section.section10
.cont{background:#ecf8e1}.study-wrap section.slide .cont .cont-tit{background-color:#fff}.study-wrap section.slide .slide-wrap
.tit{text-align:center;font-weight:normal}.study-wrap section.slide .slick-slide
img{width:100%}.study-wrap section .img-box
img{width:100%}.study-wrap .slick-prev{z-index:10;background:url("/static/phonics/img/btn_prev.png") no-repeat 0 0}.study-wrap .slick-next{z-index:10;background:url("/static/phonics/img/btn_next.png") no-repeat 0 0}.book-slide
*{line-height:0}.col-dot-list{text-align:center}.col-dot-list
ul{display:inline-block}.col-dot-list ul
li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.col-dot-list ul li .flex-tit>span{position:relative;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-weight:bold}.col-dot-list ul li .flex-tit>span>span{font-weight:normal}.col-dot-list ul li .flex-tit>span:before{content:"";display:block;clear:both;position:absolute;left:0;border-radius:50%}.col-dot-list ul li:first-child{margin-top:0}.col-dot-list ul li
p{text-align:left}.col-dot-list ul li p
span{color:#f66262;font-weight:bold}.table-wrap
table{width:100%;border:solid #e2e2e2;border-width:1px 1px 0 1px}.table-wrap table tbody
th{border-bottom:1px solid #e2e2e2;text-align:center;font-weight:normal}.table-wrap table tbody
td{border:solid #e2e2e2;border-width:0 0 1px 1px;text-align:center;text-align:center;background:#fff}.study-wrap
article{}.study-wrap article
h3{padding-top:59.4px;font-size:31.68px}.study-wrap article .tit-wrap
p{padding-top:39.6px;text-align:center;font-size:22.44px}.study-wrap article .tit-wrap p
span{font-weight:bold}.study-wrap section.section9 .cont, .study-wrap section.section10
.cont{margin-top:39.6px;border-radius:19.8px;padding:39.6px 124.74px 56.76px}.study-wrap section.section10
.cont{padding:39.6px 92.4px 56.76px}.study-wrap section.section10 .cont .img-box{text-align:center;padding-top:39.6px}.study-wrap section.section10 .cont .img-box:first-child{padding-top:0}.study-wrap section.section10 .cont .img-box
span{display:inline-block;margin-bottom:13.2px;padding:9.9px 26.4px;font-size:22.44px;color:#2e5b00;font-weight:bold;border-radius:66px;background:#d0e9ba}.study-wrap section
.cont{padding-top:39.6px}.study-wrap section .cont .cont-tit{border-radius:19.8px 19.8px 0 0}.study-wrap section .cont .cont-tit
h4{line-height:72.6px;padding-left:72.6px;font-size:29.04px;background-size:55.44px 55.44px}.study-wrap section .cont .cont-info{padding:33px
25px 39.6px;border-radius:0 0 19.8px 19.8px}.study-wrap section .slide-wrap{margin-top:16.5px;padding:33px
25px;border-radius:19.8px}.study-wrap section .slide-wrap
.tit{font-size:22.44px}.study-wrap section .slide-wrap .book-slide{padding-top:23.1px}.study-wrap section .slide-wrap .slick-prev,
.study-wrap section .slide-wrap .slick-next{position:absolute;top:50%;transform:translateY(-50%);width:90px;height:90px;text-indent:-99999px}.study-wrap section .slide-wrap .slick-prev::before,
.study-wrap section .slide-wrap .slick-next::before{display:none}.study-wrap section .slide-wrap .slick-prev{left:-6.5%;background:url("/static/phonics/img/btn_prev.png") no-repeat 0 0;background-size:contain}.study-wrap section .slide-wrap .slick-next{right:-6.5%;background:url("/static/phonics/img/btn_next.png") no-repeat 0 0;background-size:contain}.col-dot-list ul
li{margin-top:13.2px;gap:6.6px}.col-dot-list ul li .flex-tit>span{padding-left:11.88px;font-size:22.44px}.col-dot-list ul li .flex-tit>span>span{font-size:19.8px}.col-dot-list ul li .flex-tit>span:before{top:9.9px;width:5.94px;height:5.94px}.col-dot-list ul li
p{font-size:22.44px}.table-wrap{padding-top:26.4px}.table-wrap
table{border-radius:13.2px}.table-wrap table tbody th, .table-wrap table tbody
td{padding:6.6px 0;text-align:center;font-size:18.44px}.table-wrap table tbody tr:first-child
th{border-radius:13.2px 0 0 0}.table-wrap table tbody tr:first-child td:last-child{border-radius:0 13.2px 0 0}.table-wrap table tbody tr:last-child
th{border-radius:0 0 0 13.2px}.table-wrap table tbody tr:last-child td:last-child{border-radius:0 0 13.2px 0}.line-list{padding:25.08px 0 0 25.74px}.line-list ol
li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:17.16px;position:relative;padding-bottom:46.2px}.line-list ol li:last-child{padding-bottom:0}.line-list ol li:last-child::after{display:none}.line-list ol li::after{content:"";position:absolute;left:17px;top:0;width:2px;height:100%;background:#c0d4eb;z-index:1}.line-list ol li>span{position:relative;width:35.64px;height:35.64px;line-height:35.64px;text-align:center;color:#fff;font-size:26.4px;border-radius:50%;background:#2D64AC;z-index:2}.line-list ol li
.txt{width:calc(100% - 56px)}.line-list ol li .txt
strong{line-height:31.68px;font-size:26.4px}.line-list ol li .txt
p{padding-top:13.2px;font-size:22.44px}.line-list ol li .txt p
span{font-weight:bold}.line-list ol li .txt
a{display:block;width:225.06px;line-height:52.8px;margin-top:13.2px;padding-left:27.72px;font-size:21.12px;text-align:left;border-radius:66px;border:2px
solid #23a3e5;color:#1096db;background:#e3f6ff url("/static/phonics/img/ico_arrow.png") no-repeat 91% center;background-size:8.58px 15.18px}.study-wrap .study-main-video{width:800px;margin:0
auto}.study-wrap .study-main-video
a{display:block}.study-wrap .study-main-video a
img{width:100%}.welcome-wrap-top{height:234px;background:#6EB5FF}.welcome-wrap-top .works-study-top-bg{height:234px;max-width:980px;margin:0
auto;position:relative;background:no-repeat center / contain url(/static/phonics/img/topbg-phonics-works.png)}.welcome-wrap-top .top-title-area{margin:0
auto;position:absolute;top:77px;left:0}.welcome-wrap-top .top-title-area p,.welcome-wrap-top .top-title-area p
strong{padding-top:25px;font-size:22px;text-shadow:0px 1px 3px rgba(0, 0, 0, 0.10);color:#fff}.welcome-wrap-top .top-title-area
img{width:645px}.welcome-wrap-top .top-title-img{width:288px;position:absolute;right:0;bottom:0}.welcome-wrap>section.phonics-welcome-wrap-cont{padding-top:50px;padding-bottom:94px}.phonics-welcome-wrap-cont .inner .cont-title
h2{font-size:32px;color:#333;font-weight:700;text-align:center}.phonics-welcome-wrap-cont .phonics-app-qr .app-qr-cont-area,
.phonics-welcome-wrap-cont .phonics-book .book-cont-area{height:290px;margin-top:20px;padding:0
82.5px;background:#EEEFFF;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:50px}.phonics-welcome-wrap-cont .phonics-book{margin-top:72px}.phonics-welcome-wrap-cont .phonics-book .book-cont-area{height:auto;padding:50px
65px;display:inherit;border-radius:20px 20px 0 0;background:#E7F2FF}.phonics-welcome-wrap-cont .phonics-app-qr .app-qr-cont-area .text-area,
.phonics-welcome-wrap-cont .phonics-book .book-cont-area .text-area,
.phonics-welcome-wrap-cont .phonics-book .book-cont-bt-area .text-area{font-size:22px}.phonics-welcome-wrap-cont .phonics-app-qr .app-qr-cont-area .text-area
li{position:relative;display:flex;align-items:flex-start;gap:8px}.phonics-welcome-wrap-cont .phonics-app-qr .app-qr-cont-area .text-area li:first-child{margin-bottom:24px}.phonics-welcome-wrap-cont .phonics-app-qr .app-qr-cont-area .text-area li
img{width:20px;height:20px;margin-top:7px}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area{margin-top:40px;display:flex;align-items:flex-start;justify-content:space-between;text-align:center}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area .download-btn,
.phonics-welcome-wrap-cont .handout-cont .download-btn{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.phonics-welcome-wrap-cont .handout-cont .download-btn{flex-direction:row;justify-content:flex-end}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area .download-btn li,
.phonics-welcome-wrap-cont .handout-cont .download-btn
li{width:134px;height:36px;position:relative;font-size:16px;border:1px
solid #ccc;border-radius:100px;background:#fff;display:flex;align-items:center;text-indent:47px;cursor:pointer}.phonics-welcome-wrap-cont .handout-cont .download-btn
li{width:120px;justify-content:center;text-indent:0;gap:8px}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area .download-btn li:hover,
.phonics-welcome-wrap-cont .handout-cont .download-btn li:hover{border-color:#20B1F9;color:#20B1F9}.phonics-welcome-wrap-cont .handout-cont .download-btn li:hover
p{color:#20b1f9}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area .download-btn li::before{content:'';width:14px;height:14px;position:absolute;left:25px;top:50%;transform:translateY(-50%);background:no-repeat center / contain url(/static/phonics/img/phonics-download-icon.png)}.phonics-welcome-wrap-cont .phonics-book .book-cont-area .book-list-area .download-btn li:hover::before{background:no-repeat center / contain url(/static/phonics/img/phonics-download-icon-hover.png)}.phonics-welcome-wrap-cont .phonics-book .book-cont-bt-area{height:180px;padding:0
88px;display:flex;align-items:center;border-radius:0px 0px 20px 20px;border-top:1px solid rgba(0, 0, 0, 0.10);background-color:#F4F4F4;background-image:url(/static/phonics/img/phonics-book-cont-char.png);background-repeat:no-repeat;background-position:right 88px bottom}.phonics-welcome-wrap-cont .phonics-book .btn-wrap{padding-top:14px;justify-content:flex-start}.phonics-welcome-wrap-cont .phonics-book .btn-wrap
a{width:225px;border:1px
solid #23A3E5;background-image:url(/static/phonics/img/ico_arrow.png);background-position:88% center}.welcome-wrap-top.handout{background:#86A9FF;padding-bottom:0}.welcome-wrap-top .works-handout-top-bg{height:234px;max-width:980px;margin:0
auto;position:relative;background:no-repeat right bottom / contain url(/static/phonics/img/topbg-phonics-works-handout.png)}.welcome-wrap-top.handout .top-title-area{top:50%;transform:translateY(-50%)}.phonics-welcome-wrap-cont .handout-tab-area{display:flex;align-items:center;cursor:pointer;margin-bottom:38px}.phonics-welcome-wrap-cont .handout-tab-area
li{width:245px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px
solid #20B1F9;border-left:none;background:#F1FAFF}.phonics-welcome-wrap-cont .handout-tab-area li img.on-img{display:none}.phonics-welcome-wrap-cont .handout-tab-area li:first-child{border-left:1px solid #20b1f9;border-radius:10px 0 0 10px}.phonics-welcome-wrap-cont .handout-tab-area li:last-child{border-radius:0 10px 10px 0}.phonics-welcome-wrap-cont .handout-tab-area li
p{font-size:20px;color:#79B1D7;line-height:1}.phonics-welcome-wrap-cont .handout-tab-area li.on
img.default{display:none}.phonics-welcome-wrap-cont .handout-tab-area li.on img.on-img{display:block}.phonics-welcome-wrap-cont .handout-tab-area
li.on{border:2px
solid #20b1f9;background:#fff;opacity:1;border-left:1px solid #20b1f9!important;border-right:2px solid #20b1f9!important}.phonics-welcome-wrap-cont .handout-tab-area li:first-child.on{border-left:2px solid #20b1f9!important}.phonics-welcome-wrap-cont .handout-tab-area li.on
p{color:#0169ae}.phonics-welcome-wrap-cont .handout-cont>div{display:none}.phonics-welcome-wrap-cont .handout-cont>div.on{display:block}.phonics-welcome-wrap-cont .handout-cont .download-btn{margin-bottom:16px}.phonics-welcome-wrap-cont .handout-cont .download-btn li .default,
.phonics-welcome-wrap-cont .handout-cont .download-btn li:hover
.hover{display:block}.phonics-welcome-wrap-cont .handout-cont .download-btn li:hover .default,
.phonics-welcome-wrap-cont .handout-cont .download-btn li
.hover{display:none}.handout-works-table
table{width:100%;border-collapse:separate;border-spacing:0}.handout-works-table table th,
.handout-works-table table
td{padding:8px
10px;font-size:18px;color:#333}.handout-works-table table .bg-cdeefe{background:#cdeefe;border:1px
solid #6acbfb;border-right:none;border-radius:10px 0 0 0;overflow:hidden}.handout-works-table table .bg-20b1f9{background:#20b1f9;color:#fff;border:1px
solid #25a2e0;border-right:none}.handout-works-table table .bg-8bb3e2{background:#8bb3e2;color:#fff;border-radius:0 10px 0 0;border:1px
solid #739dce;overflow:hidden}.handout-works-table .bg-51c2fa{background:#51c2fa;color:#fff;border:1px
solid #25a2e0;border-top:none;border-right:none}.handout-works-table .bg-a3c2e6{background:#a3c2e6;color:#fff;border:1px
solid #739DCE;border-top:none;border-right:none}.handout-works-table .bg-a3c2e6:last-child{border-right:1px solid #739DCE}.handout-works-table .bg-d1e7ff{background:#d1e7ff;border:1px
solid #85BEFF;border-right:none;border-radius:10px 0 0 0;overflow:hidden}.handout-works-table .bg-dbe5ff{background:#dbe5ff;border:1px
solid #99B4FF;border-right:none;border-radius:10px 0 0 0;overflow:hidden}.handout-works-table .bg-e0e2ff{background:#e0e2ff;border:1px
solid #ADB0FF;border-right:none;border-radius:10px 0 0 0;overflow:hidden}.handout-works-table td.video-con{background:no-repeat center / 30px 30px url(/static/phonics/img/video-con.png)}.handout-works-table td.sound-con{background:no-repeat center / 30px 30px url(/static/phonics/img/sound-con.png)}.handout-works-table td.song-con{background:no-repeat center / 30px 30px url(/static/phonics/img/song-con.png)}.handout-works-table td.card-con{background:no-repeat center / 30px 30px url(/static/phonics/img/card-con.png)}.handout-works-table td.book-con{background:no-repeat center / 30px 30px url(/static/phonics/img/book-con.png)}.handout-works-table td.song-book-con{background:no-repeat center / 30px 30px url(/static/phonics/img/song-book-con.png)}.handout-works-table tbody .bg-20b1f90d{background:#20b1f90d}.handout-works-table tbody .bg-0000005{background:#00000005}.handout-works-table tbody .bg-3895ff0d{background:#3895ff0d}.handout-works-table tbody .bg-f7f9ff{background:#F7F9FF}.handout-works-table tbody .bg-618bff0d{background:#F8F8FF}.handout-works-table tbody
tr{border:1px
solid #cdcdcd;border-left:none}.handout-works-table tbody th,
.handout-works-table tbody
td{border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}.handout-works-table tbody
td{cursor:pointer;text-align:center}.handout-works-table tbody td.border-r{border-right:1px solid #cdcdcd}.handout-works-table tbody .last-tr
th{border-radius:0 0 0 10px}.handout-works-table tbody .last-tr .border-r{border-radius:0 0 10px 0}