:root{--tablet:768px;--color-text:#222;--color-blue-bg:#c9e7ff;--color-green-bg:#caf8ef;--color-underline:#fdd;--color-gray-box:#f5f5f5;--color-gray-border:#dedede;--shadow-mo:0 1.5px 3px 0 rgb(0 0 0 / 0.08);--shadow-pc:0 2px 4px 0 rgba(0,0,0,0.08);--radius:14px}@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")}.welcome-wrap
*{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Tahoma,Dotum,'돋움',sans-serif;box-sizing:border-box}.welcome-wrap
.inner{width:980px;margin:0
auto}.bg_navi{display:none !important}.article{padding:0
48px 50px}.article--blue{background-color:var(--color-blue-bg)}.article--green{background-color:var(--color-green-bg)}.article__hero{display:flex;justify-content:center;align-items:center;background:url('/static/grammar/img/bg_tit.png') no-repeat center;background-size:100%;padding:43px
0}.article__hero-title{width:354px;margin:0}.article__hero-title
img{width:100%}.article__title-img{display:flex;justify-content:center}.article__title-img
img{width:100%}.card{padding:34px
60px 40px;border-radius:var(--radius);background-color:#fff;box-shadow:var(--shadow-pc)}.card+.card{margin-top:16px}.section-title{position:relative;isolation:isolate;display:inline-block;left:50%;transform:translateX(-50%);margin:0;font-weight:700;font-size:24px;padding:0
10px;line-height:36px}.section-title::before{content:"";position:absolute;inset-inline:0;bottom:0;z-index:-1;height:14px;width:100%;border-radius:75px;background-color:var(--color-underline)}.section-title>span{position:relative;z-index:0}.card
p{margin:0;font-size:18px}.card>p:first-of-type,.section-title+p{margin-top:20px}.card p+p{padding-top:12px}.text-center-pc{text-align:center}.info-box{border-radius:var(--radius);background-color:var(--color-gray-box);border:1px
solid var(--color-gray-border);padding:24px
20px;margin-top:20px}.info-box__inner{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px}.info-box__thumb{width:105px;margin:0}.btn-wrap{margin:10px
auto 0;width:294px}.btn-wrap--book{margin-top:20px;width:238px}.btn-wrap--point{margin-top:20px;width:228px}.btn-wrap--pdf{margin-top:20px;width:238px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px
16px;border-radius:999px;border:1.5px solid currentColor;background:#fff;color:#1a73e8;font-weight:700;font-size:20px;cursor:pointer}.book-list{display:flex;justify-content:center;gap:40px;margin-top:20px;padding-bottom:10px;list-style:none;padding-left:0}.book-list
li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.book-list
img{width:240px}.book-list
strong{font-size:20px;margin-top:8px}.book-list
p{margin:6px
0 0}.sub-section{margin-top:20px;padding-top:30px;text-align:center}.sub-title{font-size:22px;font-weight:700;margin:0}.table-wrap{margin-top:20px;border:1px
solid var(--color-gray-border);border-radius:var(--radius)}.compose-table{width:100%;table-layout:fixed;border-collapse:collapse}.compose-table
caption{display:none}.compose-table col.col-1{width:8%}.compose-table col.col-2{width:12%}.compose-table col.col-3{width:auto}.compose-table col.col-4{width:20%}.compose-table th,
.compose-table
td{padding:10px;border-color:var(--color-gray-border);vertical-align:middle}.compose-table td.detail-cell{padding:18px
20px}.compose-table thead
th{font-size:18px;text-align:center;background-color:#e4efff;font-weight:500;border-right:1px solid var(--color-gray-border)}.compose-table thead th:last-child,
.compose-table tbody td:last-child{border-right:0}.compose-table thead
th.tl{border-top-left-radius:var(--radius)}.compose-table thead
th.tr{border-top-right-radius:var(--radius)}.compose-table tbody th,
.compose-table tbody
td{border-top:1px solid var(--color-gray-border);border-right:1px solid var(--color-gray-border);font-size:18px;word-wrap:break-word}.compose-table td.no-right{border-right:0}.cell-head{font-weight:500;background-color:#ffebc8}.cell-head--concept{background-color:#ffebc8}.cell-name-concept{background-color:#fef3df}.cell-online{background-color:#f5f5f5}.cell-head--practice{position:relative;background:linear-gradient(180deg, #e9f5c8 0%, #d2eef2 50%, #dbdbf2 100%);border-bottom-left-radius:var(--radius)}.cell-head--practice
.arrow{position:absolute;top:-40px;left:50%;transform:translateX(-50%)}.cell-name-checkup{background-color:#f2fadc}.cell-name-buildup{background-color:#e7f6f8}.cell-name-jumpup{background-color:#f1f1f8}.cell-online--merge{background-color:#f5f5f5;border-bottom-right-radius:var(--radius)}.detail{display:flex;align-items:center;gap:20px;padding:0}.detail__btn{background:none;border:0;padding:0;cursor:pointer;flex-shrink:0}.detail__btn
img{width:128px}.detail__btn--divider{border-right:1px dashed #e4e4e4;padding-right:16px}.detail__list{list-style:none;margin:0;padding:0}.detail__list
li{position:relative;padding-left:7px;text-align:left;font-size:18px}.detail__list--divider{border-left:1px dashed #e4e4e4;padding-left:16px}.detail__list li::before{content:"·";position:absolute;left:0;top:8px}.detail__list li:first-child::before{top:0}.detail__list li+li{padding-top:11px}.video-wrap{margin:20px
auto 0;width:720px;height:405px;border-radius:18px}.video-btn{width:100%;height:100%;display:flex;justify-content:center;background:none;border:0;padding:0;cursor:pointer}.video-btn
img{width:720px}.app-shot{display:flex;flex-direction:column;align-items:center;margin-top:20px;padding-top:20px}.app-shot__img{margin-top:20px;width:100%}.app-shot__img
img{width:100%}.br-pc{display:block}