/*common*/
body {
    padding: 0;
    margin: 0;
}

.view-m {
    display: block;
}

.view-pc {
    display: none;
}

.new-ts section section, .new-ts section div, .new-ts section ul, .new-ts section ol, .new-ts section li, .new-ts section a, .new-ts section p {
    font-family: 'Pretendard', 'Noto Sans KR', Arial;
    letter-spacing: -3%;
}

.new-ts section h1, .new-ts section h2, .new-ts section h3, .new-ts section h4, .new-ts section h5, .new-ts section h6 {
    padding: 0;
    margin: 0;
    font-family: 'Pretendard', .new-ts section 'Noto Sans KR', Arial;
}

.new-ts section > .inner {
    padding: 60px 20px;
    text-align: center;
}

.new-ts section .d-flex {
    display: flex;
    flex-direction: column;
}

@media(min-width:768px){
    .view-m {
        display: none;
    }
    
    .view-pc {
        display: block;
    }

    .new-ts section > .inner {
        padding: 80px 40px;
    }

    .new-ts section .d-flex {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

@media(min-width:960px){
    .new-ts section > .inner {
        padding: 100px;
    }
}

@media(min-width:1280px){
    .new-ts section > .inner {
        padding: 80px 0;
        margin: 0 auto;
        width: 1200px;
    }
}

/*section 01*/
.new-ts .visual {
    background-color: #31A5FF;
}

.new-ts .visual .d-flex {
    flex-direction: column;
}

.new-ts .visual .inner .title h1 {
    margin: 10px 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 42px;
    color: #FFEF64;
}
.new-ts .visual .inner .title h3 {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.new-ts .visual .inner .title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
}

@media(min-width:768px){
    .new-ts .visual .inner .title h1 {
        margin: 20px 0;
        font-size: 52px;
        line-height: 62px;
    }
    .new-ts .visual .inner .title h3 {
        font-size: 28px;
    }
    
    .new-ts .visual .inner .title p {
        font-size: 20px;
        line-height: 30px;
    }
}

@media(min-width:960px){
    .new-ts .visual .inner .title h1 {
        font-size: 65px;
        line-height: 75px;
    }

    .new-ts .visual .inner .title h3 {
        font-size: 32px;
    }
    
    .new-ts .visual .inner .title p {
        font-size: 22px;
        line-height: 32px;
    }

    .new-ts .visual .inner .imgarea > img {
        width: 80%;
        height: auto;
        object-fit: cover;
    }
}

@media(min-width:1280px){
    .new-ts .visual {
        background: url(../images/ts_section01_bg01.png) no-repeat left top, url(../images/ts_section01_bg02.png) no-repeat right top, #31A5FF;
    }

    .new-ts .visual .d-flex {
        flex-direction: row;
        gap: 0;
    }

    .new-ts .visual .d-flex > div {
        width: 50%;
        text-align: left;
    }

    .new-ts .visual .inner .title h1 {
        font-size: 60px;
        line-height: 70px;
    }
    
    .new-ts .visual .inner .title p {
        font-size: 20px;
        line-height: 30px;
    }

    .new-ts .visual .inner .imgarea > img {
        width: 100%;
    }
}

/*section 02*/
.new-ts .program {
    background-color: #FFFFFF;
}

.new-ts .program .inner h2 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 800;
    line-height: 40px;
    color: #333333;
}

.new-ts .program .d-flex {
    gap: 10px;
}

.new-ts .program .program-box > .box-shape {
    position: relative;
    width: 100%;
    border-radius: 30px 0 30px 0;
}

.new-ts .program .program-box > .box-shape:nth-child(1){
    background-color: #EEF3FF;
}

.new-ts .program .program-box > .box-shape:nth-child(2){
    background-color: #EEFAFF;
}

.new-ts .program .program-box > .box-shape:nth-child(3){
    background-color: #F8F0FF;
}

.new-ts .program .program-box > .box-shape::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.new-ts .program .program-box > .box-shape > .contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    object-fit: cover;
}

.new-ts .program .program-box > .box-shape > .contents > p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #333;
}

.new-ts .program .program-box > .box-shape > .contents > p span {
    font-weight: 800;
}

@media(min-width:768px){
    .new-ts .program .inner h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .new-ts .program .program-box > .box-shape > .contents > p {
        padding-top: 20px;
        font-size: 18px;
        line-height: 26px;
    }
}

@media(min-width:960px){
    .new-ts .program .inner h2 {
        font-size: 45px;
        line-height: 45px;
    }

    .new-ts .program .program-box > .box-shape > .contents > p {
        font-size: 20px;
        line-height: 30px;
    }
}

@media(min-width:1280px){
    .new-ts .program .d-flex {
        gap: 30px;
    }

    .new-ts .program .inner h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .new-ts .program .program-box > .box-shape > .contents > p {
        font-size: 24px;
        line-height: 34px;
    }
}


/*section 03, 05, 07*/
.new-ts .ts-top {
    background-color: #F1F5FF;
}

.new-ts .hs-top {
    background-color: #F4FCFF;
}

.new-ts .reading-top {
    background-color: #FDFAFF;
}

.new-ts .ts-top .inner {
    padding: 60px 20px 0 20px;
}

.new-ts .ts-top .inner .title span.sub,
.new-ts .hs-top .inner .title span.sub,
.new-ts .reading-top .inner .title span.sub {
    padding: 0 5px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.new-ts .ts-top .inner .title span.sub {
    background-color: #5A88EA;
}

.new-ts .hs-top .inner .title span.sub {
    background-color: #42BEF1;
}

.new-ts .reading-top .inner .title span.sub {
    background-color: #C78CFB;
}

.new-ts .ts-top .inner .title h1,
.new-ts .hs-top .inner .title h1,
.new-ts .reading-top .inner .title h1 {
    margin: 10px 0;
    font-size: 32px;
    font-weight: 900;
    line-height: 42px;
    color: #333333;
}

.new-ts .hs-top .inner .title h1 > span {
    color: #42BEF1;
}

.new-ts .ts-top .inner .title h1 > span {
    color: #5A88EA;
}

.new-ts .reading-top .inner .title h1 > span {
    color: #C78CFB;
}

.new-ts .ts-top .inner .title p,
.new-ts .hs-top .inner .title p,
.new-ts .reading-top .inner .title p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #666666;
}

.new-ts .ts-top .inner .title .btnarea,
.new-ts .hs-top .inner .title .btnarea,
.new-ts .reading-top .inner .title .btnarea {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0;
}

.new-ts .ts-top .inner .title .btnarea > a,
.new-ts .hs-top .inner .title .btnarea > a,
.new-ts .reading-top .inner .title .btnarea > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 50%;
    height: 40px;
    border-radius: 20px;
    background-color: #444444;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
}

.new-ts .ts-top .inner .title .btnarea > a > i,
.new-ts .hs-top .inner .title .btnarea > a > i,
.new-ts .reading-top .inner .title .btnarea > a > i {
    font-size: 14px;
}


@media(min-width:768px){
    .new-ts .ts-top .inner {
        padding: 80px 40px 0 40px;
    }

    .new-ts .ts-top .d-flex {
        flex-direction: column;
    }
    
    .new-ts .ts-top .inner .title span.sub,
    .new-ts .hs-top .inner .title span.sub,
    .new-ts .reading-top .inner .title span.sub {
        font-size: 24px;
    }
    
    .new-ts .ts-top .inner .title h1,
    .new-ts .hs-top .inner .title h1,
    .new-ts .reading-top .inner .title h1 {
        margin: 20px 0;
        font-size: 50px;
        line-height: 60px;
    }
    
    .new-ts .ts-top .inner .title p,
    .new-ts .hs-top .inner .title p,
    .new-ts .reading-top .inner .title p {
        font-size: 20px;
        line-height: 26px;
    }
    
    .new-ts .ts-top .inner .title .btnarea,
    .new-ts .hs-top .inner .title .btnarea,
    .new-ts .reading-top .inner .title .btnarea {
        gap: 20px;
        margin: 20px auto;
        width: 500px;
    }
    
    .new-ts .ts-top .inner .title .btnarea > a,
    .new-ts .hs-top .inner .title .btnarea > a,
    .new-ts .reading-top .inner .title .btnarea > a {
        height: 50px;
        border-radius: 25px;
        font-size: 20px;
        line-height: 20px;
    }
    
    .new-ts .ts-top .inner .title .btnarea > a > i,
    .new-ts .hs-top .inner .title .btnarea > a > i,
    .new-ts .reading-top .inner .title .btnarea > a > i {
        font-size: 18px;
    }
    
    .new-ts .ts-top .inner .imgarea > img {
        width: 70%;
        height: auto;
        object-fit: cover;
    }
}

@media(min-width:960px){
    .new-ts .ts-top .inner {
        padding: 100px 100px 0 100px;
    }
    
    .new-ts .ts-top .inner .title span.sub,
    .new-ts .hs-top .inner .title span.sub,
    .new-ts .reading-top .inner .title span.sub {
        font-size: 28px;
    }
    
    .new-ts .ts-top .inner .title h1,
    .new-ts .hs-top .inner .title h1,
    .new-ts .reading-top .inner .title h1 {
        font-size: 60px;
        line-height: 70px;
    }
    
    .new-ts .ts-top .inner .title p,
    .new-ts .hs-top .inner .title p,
    .new-ts .reading-top .inner .title p {
        font-size: 22px;
        line-height: 28px;
    }

    .new-ts .ts-top .inner .imgarea > img {
        width: 60%;
    }
}

@media(min-width:1280px){
    .new-ts .ts-top {
        background: url(../images/ts_section03_bg01.png) no-repeat left top, url(../images/ts_section03_bg02.png) no-repeat right top, #F1F5FF;
    }

    .new-ts .hs-top {
        background: url(../images/ts_section05_bg01.png) no-repeat left top, url(../images/ts_section05_bg02.png) no-repeat right top, #F4FCFF;
    }

    .new-ts .reading-top {
        background: url(../images/ts_section07_bg01.png) no-repeat left top, url(../images/ts_section07_bg02.png) no-repeat right top, #FDFAFF;
    }

    .new-ts .ts-top .inner {
        padding: 80px 0 0 0;
    }

    .new-ts .ts-top .d-flex,
    .new-ts .hs-top .d-flex,
    .new-ts .reading-top .d-flex {
        flex-direction: row;
        gap: 0;
    }

    .new-ts .ts-top .d-flex > div,
    .new-ts .hs-top .d-flex > div,
    .new-ts .reading-top .d-flex > div {
        width: 50%;
    }

    .new-ts .ts-top .inner .title,
    .new-ts .hs-top .inner .title,
    .new-ts .reading-top .inner .title {
        text-align: left;
    }

    .new-ts .ts-top .inner .title span.sub,
    .new-ts .hs-top .inner .title span.sub,
    .new-ts .reading-top .inner .title span.sub {
        font-size: 32px;
    }
    
    .new-ts .ts-top .inner .title p,
    .new-ts .hs-top .inner .title p,
    .new-ts .reading-top .inner .title p {
        font-size: 20px;
        line-height: 30px;
    }

    .new-ts .ts-top .inner .title .btnarea,
    .new-ts .hs-top .inner .title .btnarea,
    .new-ts .reading-top .inner .title .btnarea {
        margin: 30px 0;
        width: 380px;
    }
    
    .new-ts .ts-top .inner .title .btnarea > a,
    .new-ts .hs-top .inner .title .btnarea > a,
    .new-ts .reading-top .inner .title .btnarea > a {
        font-size: 18px;
        line-height: 18px;
    }
    
    .new-ts .ts-top .inner .title .btnarea > a > i,
    .new-ts .hs-top .inner .title .btnarea > a > i,
    .new-ts .reading-top .inner .title .btnarea > a > i {
        font-size: 16px;
    }

    .new-ts .ts-top .inner .imgarea > img,
    .new-ts .hs-top .inner .imgarea > img,
    .new-ts .reading-top .inner .imgarea > img {
        width: 100%;
    }
}

/*section 04,06,08*/
.new-ts .ts-contents,
.new-ts .hs-contents,
.new-ts .reading-contents {
    background-color: #FFFFFF;
}

.new-ts .ts-contents .inner h2,
.new-ts .hs-contents .inner h2,
.new-ts .reading-contents .inner h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 40px;
}

.new-ts .ts-contents .inner h2 > span {
    color: #5A88EA;
}

.new-ts .hs-contents .inner h2 > span {
    color: #42BEF1;
}

.new-ts .reading-contents .inner h2 > span {
    color: #C78CFB;
}

.new-ts .ts-contents .inner .contents-box,
.new-ts .hs-contents .inner .contents-box,
.new-ts .reading-contents .inner .contents-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0;
}

.new-ts .ts-contents .inner .contents-box > .box-shape,
.new-ts .hs-contents .inner .contents-box > .box-shape,
.new-ts .reading-contents .inner .contents-box > .box-shape {
    position: relative;
    width: 100%;
    border-radius: 30px;
}

.new-ts .ts-contents .inner .contents-box > .box-shape {
    background-color: #EEF3FF;
}

.new-ts .hs-contents .inner .contents-box > .box-shape {
    background-color: #EEF3FF;
}

.new-ts .reading-contents .inner .contents-box > .box-shape {
    background-color: #F8F0FF;
}


.new-ts .ts-contents .inner .contents-box > .box-shape::after,
.new-ts .hs-contents .inner .contents-box > .box-shape::after,
.new-ts .reading-contents .inner .contents-box > .box-shape::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.new-ts .ts-contents .inner .contents-box > .box-shape > div,
.new-ts .hs-contents .inner .contents-box > .box-shape > div,
.new-ts .reading-contents .inner .contents-box > .box-shape > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 96%;
    object-fit: cover;
}

.new-ts .ts-contents .inner .contents-box > .box-shape > div > p,
.new-ts .hs-contents .inner .contents-box > .box-shape > div > p,
.new-ts .reading-contents .inner .contents-box > .box-shape > div > p {
    font-size: 24px;
    font-weight: 800;
    line-height: 34px;
    color: #333333;
}

.new-ts .ts-contents .inner .contents-box > .box-shape > div > p > span {
    color: #5A88EA;
}

.new-ts .hs-contents .inner .contents-box > .box-shape > div > p > span {
    color: #42BEF1;
}

.new-ts .reading-contents .inner .contents-box > .box-shape > div > p > span {
    color: #C78CFB;
}

.new-ts .ts-contents .inner .contents-box .box-description,
.new-ts .hs-contents .inner .contents-box .box-description,
.new-ts .reading-contents .inner .contents-box .box-description {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new-ts .ts-contents .inner .contents-box .box-description > div,
.new-ts .hs-contents .inner .contents-box .box-description > div,
.new-ts .reading-contents .inner .contents-box .box-description > div {
    padding: 20px 0;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.new-ts .ts-contents .inner .contents-box .box-description > div {
    border: 1px solid #5A88EA;
}

.new-ts .hs-contents .inner .contents-box .box-description > div {
    border: 1px solid #42BEF1;
}

.new-ts .reading-contents .inner .contents-box .box-description > div {
    border: 1px solid #C78CFB;
}

.new-ts .ts-contents .inner .contents-box .box-description > div > p,
.new-ts .hs-contents .inner .contents-box .box-description > div > p,
.new-ts .reading-contents .inner .contents-box .box-description > div > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #333333;
}

.new-ts .ts-contents .inner .contents-box .box-description > div > p > span,
.new-ts .hs-contents .inner .contents-box .box-description > div > p > span,
.new-ts .reading-contents .inner .contents-box .box-description > div > p > span {
    font-weight: 800;
}

.new-ts .ts-contents .inner .contents-box .box-description > div > p > span {
    color: #5A88EA;
}

.new-ts .hs-contents .inner .contents-box .box-description > div > p > span {
    color: #42BEF1;
}

.new-ts .reading-contents .inner .contents-box .box-description > div > p > span {
    color: #C78CFB;
}

.new-ts .ts-contents .inner .reason,
.new-ts .hs-contents .inner .reason,
.new-ts .reading-contents .inner .reason {
    display: flex;
    flex-direction: column;
}

.new-ts .ts-contents .inner .reason .reason-box,
.new-ts .hs-contents .inner .reason .reason-box,
.new-ts .reading-contents .inner .reason .reason-box {
    display: flex;
    flex-direction: row;
    align-items: top;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #DDDDDD;
}

.new-ts .ts-contents .inner .reason .reason-box:last-child,
.new-ts .hs-contents .inner .reason .reason-box:last-child,
.new-ts .reading-contents .inner .reason .reason-box:last-child {
    border-bottom: none;
}

.new-ts .ts-contents .inner .reason .reason-box > div:nth-child(1),
.new-ts .hs-contents .inner .reason .reason-box > div:nth-child(1),
.new-ts .reading-contents .inner .reason .reason-box > div:nth-child(1) {
    width: 22%;
}

.new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2),
.new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2),
.new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) {
    width: 78%;
    text-align: left;
}

.new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > p,
.new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > p,
.new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #333333;
}

.new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > .num,
.new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > .num,
.new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > .num  {
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
}

.new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > .num {
    color: #5A88EA;
}

.new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > .num {
    color: #42BEF1;
}

.new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > .num {
    color: #C78CFB;
}

@media(min-width:768px){
    .new-ts .ts-contents .inner h2,
    .new-ts .hs-contents .inner h2,
    .new-ts .reading-contents .inner h2 {
        font-size: 36px;
        line-height: 36px;
    }

    .new-ts .ts-contents .inner .contents-box,
    .new-ts .hs-contents .inner .contents-box,
    .new-ts .reading-contents .inner .contents-box {
        flex-direction: row;
        margin: 30px 0 50px 0;
    }

    .new-ts .ts-contents .inner .contents-box > div:nth-child(1),
    .new-ts .hs-contents .inner .contents-box > div:nth-child(1),
    .new-ts .reading-contents .inner .contents-box > div:nth-child(1){
        width: 30%;
    }

    .new-ts .ts-contents .inner .contents-box > div:nth-child(2),
    .new-ts .hs-contents .inner .contents-box > div:nth-child(2),
    .new-ts .reading-contents .inner .contents-box > div:nth-child(2){
        width: 70%;
    }

    .new-ts .ts-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .hs-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .reading-contents .inner .contents-box > .box-shape > div > p {
        padding-top: 20px;
        font-size: 20px;
        line-height: 26px;
    }

    .new-ts .ts-contents .inner .contents-box .box-description,
    .new-ts .hs-contents .inner .contents-box .box-description,
    .new-ts .reading-contents .inner .contents-box .box-description {
        flex-direction: row;
        gap: 10px;
    }

    .new-ts .ts-contents .inner .contents-box .box-description > div,
    .new-ts .hs-contents .inner .contents-box .box-description > div,
    .new-ts .reading-contents .inner .contents-box .box-description > div {
        position: relative;
        width: 33.3333%;
    }

    .new-ts .ts-contents .inner .contents-box .box-description > div > p,
    .new-ts .hs-contents .inner .contents-box .box-description > div > p,
    .new-ts .reading-contents .inner .contents-box .box-description > div > p {
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 15px;
        line-height: 24px;
    }

    .new-ts .ts-contents .inner .reason,
    .new-ts .hs-contents .inner .reason,
    .new-ts .reading-contents .inner .reason {
        flex-direction: row;
        width: 100%;
    }

    .new-ts .ts-contents .inner .reason .reason-box,
    .new-ts .hs-contents .inner .reason .reason-box,
    .new-ts .reading-contents .inner .reason .reason-box {
        flex-direction: column;
        gap: 0;
        margin: 30px 0;
        padding: 0 20px;
        border-right: 1px solid #DDDDDD;
        border-bottom: none;
        width: 33.3333%;
    }

    .new-ts .ts-contents .inner .reason .reason-box:last-child,
    .new-ts .hs-contents .inner .reason .reason-box:last-child,
    .new-ts .reading-contents .inner .reason .reason-box:last-child {
        border-right: none;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(1),
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(1),
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(1) {
        width: 100%;
    }

    .new-ts section .inner .reason .reason-box > div:nth-child(1) > img {
        width: 50%;
        height: auto;
        object-fit: cover;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2),
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2),
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) {
        width: 100%;
        text-align: center;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > p {
        font-size: 15px;
        line-height: 25px;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > .num  {
        font-size: 26px;
        line-height: 26px;
    }
}

@media(min-width:960px){
    .new-ts .ts-contents .inner h2,
    .new-ts .hs-contents .inner h2,
    .new-ts .reading-contents .inner h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .new-ts .ts-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .hs-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .reading-contents .inner .contents-box > .box-shape > div > p {
        padding-top: 22px;
        font-size: 22px;
        line-height: 28px;
    }

    .new-ts .ts-contents .inner .contents-box .box-description > div > p,
    .new-ts .hs-contents .inner .contents-box .box-description > div > p,
    .new-ts .reading-contents .inner .contents-box .box-description > div > p {
        font-size: 16px;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > p {
        font-size: 16px;
        line-height: 26px;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > .num  {
        font-size: 28px;
        line-height: 28px;
    }
}

@media(min-width:1280px){
    .new-ts .ts-contents .inner h2,
    .new-ts .hs-contents .inner h2,
    .new-ts .reading-contents .inner h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .new-ts .ts-contents .inner .contents-box,
    .new-ts .hs-contents .inner .contents-box,
    .new-ts .reading-contents .inner .contents-box {
        margin-bottom: 80px;
    }

    .new-ts .ts-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .hs-contents .inner .contents-box > .box-shape > div > p,
    .new-ts .reading-contents .inner .contents-box > .box-shape > div > p {
        padding-top: 22px;
        font-size: 32px;
        line-height: 42px;
    }

    .new-ts .ts-contents .inner .contents-box .box-description > div > p,
    .new-ts .hs-contents .inner .contents-box .box-description > div > p,
    .new-ts .reading-contents .inner .contents-box .box-description > div > p {
        font-size: 20px;
        line-height: 28px;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > p,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > p {
        font-size: 18px;
        line-height: 28px;
    }

    .new-ts .ts-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .hs-contents .inner .reason .reason-box > div:nth-child(2) > .num,
    .new-ts .reading-contents .inner .reason .reason-box > div:nth-child(2) > .num  {
        font-size: 30px;
        line-height: 30px;
    }
}