@charset "utf-8";
/* CSS Document */
/* 20211125 브레인쏙쏙 과학출시 */
.product-brain .section-slide-info .inner .cont.v5 {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 1.7rem 0 2rem;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap .img-wrap {
    width: 38.5rem;
    margin: 0 9rem 1.5rem;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap .img-wrap .obj {
    background: url(../img/product/brain/sec-slide-info05.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: calc(307 / 385 * 100%);
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap .pos {
    position: absolute;
    top: 0;
    left: auto;
    right: -79.8rem;
    padding: 1.7rem 0 2rem;
    opacity: .3;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 4rem 0;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v5 .brain-table {
    width: 90%;
    margin: 0 auto;
}
.product-brain .section-slide-info .inner .cont.v5 .brain-table thead tr th {
    padding: .3rem 0;
    font-size: 1.5rem;
    font-weight: 400;
    background-color: #e1e2fa;
}
.product-brain .section-slide-info .inner .cont.v5 .brain-table tbody tr th {
    padding: .7rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    border-bottom: .1rem solid #dfdfdf;
}
.product-brain .section-slide-info .inner .cont.v5 .brain-table tbody tr td {
    padding: .7rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; /* 표 수정 */
}
.product-brain .section-slide-info .inner .cont.v5 .txt-wrap strong {
    font-size: 2.6rem;
    font-weight: 300;
}
.product-brain .section-slide-info .inner .cont.v5 .brain-table.deep thead tr th {
    background-color: #adb0fc;
    color: #fff;
}
/*
.product-brain .section-slide-info .inner .cont.v5 .table-wrap.pos {
position: absolute;
top: 0;
left: auto;
right: -63.4rem;
opacity: .3;
}
*/
.product-brain .section-slide-info .inner .cont.v4 .table-wrap.pos {
    position: absolute;
    top: 0;
    left: auto;
    right: -79.8rem;
    padding: 1.7rem 0 2rem;
    opacity: .3;
}
.product-brain .section-slide-info .inner .cont.v4 .table-wrap.pos .img-wrap .obj {
    width: 100%;
    height: 0px;
    padding-top: calc(79.7403%);
    background: url(../img/product/brain/sec-slide-info05.png) 0% 0% / cover no-repeat;
}
.product-brain .section-slide-info .inner .cont.v4 .table-wrap.pos .brain-table.basic thead tr th {
    background-color: #e1e2fa;
}
.product-brain .section-slide-info .inner .cont.v4 .table-wrap.pos .brain-table.deep thead tr th {
    background-color: #adb0fc;
}

.product-brain .section-slide-info .inner .cont.v5 .table-wrap.pos {
    position: absolute;
    top: 0;
    left: auto;
    right: -79.8rem;
    padding: 1.7rem 0 2rem;
    opacity: .3;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap.pos .img-wrap .obj {
    width: 100%;
    height: 0px;
    padding-top: calc(79.7403%);
    background: url(../img/product/brain/sec-slide-info06.png) 0% 0% / cover no-repeat;
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap.pos .brain-table.basic thead tr th {
    background-color: rgb(255, 198, 78);
}
.product-brain .section-slide-info .inner .cont.v5 .table-wrap.pos .brain-table.deep thead tr th {
    background-color: rgb(255, 198, 78);
}

@media (max-width: 1024px){
    .product-brain .section-slide-info .inner .cont.v5 {
        display: none;
        position: relative;
    }
    .product-brain .section-slide-info .inner .cont.v5 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v5 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v5 .txt-wrap strong {
        font-size: 1.3rem;
    }
    .product-brain .section-slide-info .inner .cont.v .brain-table.deep thead tr th {
        background-color: #adb0fc;
        color: #fff;
    }
    /* [s]20211119 추가 */
    .product-brain .section-slide-info .inner .cont.v5 .brain-table.basic thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v5 .brain-table.deep thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v5 .brain-table tbody tr td {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v5 .brain-table tbody tr th {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v5 .table-wrap .img-wrap {
        width: 27rem;
        margin: 0 auto;
    }
}


.product-brain .section-slide-info .inner .cont.v6 {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.product-brain .section-slide-info .inner .cont.v6 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 1.7rem 0 2rem;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v6 .table-wrap .img-wrap {
    width: 38.5rem;
    margin: 0 9rem 1.5rem;
}
.product-brain .section-slide-info .inner .cont.v6 .table-wrap .img-wrap .obj {
    background: url(../img/product/brain/sec-slide-info06.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: calc(307 / 385 * 100%);
}
.product-brain .section-slide-info .inner .cont.v6 .table-wrap .pos {
    position: absolute;
    top: 0;
    left: auto;
    right: -79.8rem;
    padding: 1.7rem 0 2rem;
    opacity: .3;
}
.product-brain .section-slide-info .inner .cont.v6 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 4rem 0;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v6 .brain-table {
    width: 90%;
    margin: 0 auto;
}
.product-brain .section-slide-info .inner .cont.v6 .brain-table thead tr th {
    padding: .3rem 0;
    font-size: 1.5rem;
    font-weight: 400;
    background-color: #ffebc1;
}
.product-brain .section-slide-info .inner .cont.v6 .brain-table tbody tr th {
    padding: .7rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    border-bottom: .1rem solid #dfdfdf;
}
.product-brain .section-slide-info .inner .cont.v6 .brain-table tbody tr td {
    padding: .7rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; /* 표 수정 */
}
.product-brain .section-slide-info .inner .cont.v6 .txt-wrap strong {
    font-size: 2.6rem;
    font-weight: 300;
}
.product-brain .section-slide-info .inner .cont.v6 .brain-table.deep thead tr th {
    background-color: #ffc64e;
    color: #fff;
}

@media (max-width: 1024px){
    .product-brain .section-slide-info .inner .cont.v6 {
        display: none;
        position: relative;
    }
    .product-brain .section-slide-info .inner .cont.v6 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v6 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v6 .txt-wrap strong {
        font-size: 1.3rem;
    }
    .product-brain .section-slide-info .inner .cont.v6 .brain-table.basic thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v6 .brain-table.deep thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v6 .brain-table tbody tr td {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v6 .brain-table tbody tr th {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v6 .table-wrap .img-wrap {
        width: 27rem;
        margin: 0 auto;
    }
    .product-brain .section-slide-info .inner .cont.v6 .table-wrap .img-wrap {
        width: 27rem;
        margin: 0 auto;
    }
}

/*[s]-- 2023.02.22 컨텐츠7 추가*/
.product-brain .section-slide-info .inner .cont.v7 {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.product-brain .section-slide-info .inner .cont.v7 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 1.7rem 0 2rem;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v7 .table-wrap .img-wrap {
    width: 38.5rem;
    margin: 0 9rem 1.5rem;
}
.product-brain .section-slide-info .inner .cont.v7 .table-wrap .img-wrap .obj {
    background: url(../img/product/brain/sec-slide-info07.png) no-repeat; /* 230706 파일명 수정 */
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: calc(307 / 385 * 100%);
}
.product-brain .section-slide-info .inner .cont.v7 .table-wrap .pos {
    position: absolute;
    top: 0;
    left: auto;
    right: -79.8rem;
    padding: 1.7rem 0 2rem;
    opacity: .3;
}
.product-brain .section-slide-info .inner .cont.v7 .table-wrap {
    position: relative;
    left: 20.4rem;
    padding: 4rem 0;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    box-shadow: 0.2rem 0.6rem 1rem 0 #d4d4d4;
    background-color: #fff;
}
.product-brain .section-slide-info .inner .cont.v7 .brain-table {
    width: 90%;
    margin: 0 auto;
}
.product-brain .section-slide-info .inner .cont.v7 .brain-table thead tr th {
    padding: .3rem 0;
    font-size: 1.5rem;
    font-weight: 400;
    background-color: #ffebc1;
}
.product-brain .section-slide-info .inner .cont.v7 .brain-table tbody tr th {
    padding: .7rem 0;
    font-size: 1.3rem;
    font-weight: 300;
    border-bottom: .1rem solid #dfdfdf;
}
.product-brain .section-slide-info .inner .cont.v7 .brain-table tbody tr td {
    padding: .7rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center; /* 표 수정 */
}
.product-brain .section-slide-info .inner .cont.v7 .txt-wrap strong {
    font-size: 2.6rem;
    font-weight: 300;
}
.product-brain .section-slide-info .inner .cont.v7 .brain-table.deep thead tr th {
    background-color: #ffc64e;
    color: #fff;
}

@media (max-width: 1024px){
    .product-brain .section-slide-info .inner .cont.v7 {
        display: none;
        position: relative;
    }
    .product-brain .section-slide-info .inner .cont.v7 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v7 .table-wrap {
        left: 0;
        padding: 1rem 0;
        margin-top: 2rem;
    }
    .product-brain .section-slide-info .inner .cont.v7 .txt-wrap strong {
        font-size: 1.3rem;
    }
    .product-brain .section-slide-info .inner .cont.v7 .brain-table.basic thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v7 .brain-table.deep thead tr th {
        font-size: 1.3rem
    }
    .product-brain .section-slide-info .inner .cont.v7 .brain-table tbody tr td {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v7 .brain-table tbody tr th {
        font-size: 1.1rem;
    }
    .product-brain .section-slide-info .inner .cont.v7 .table-wrap .img-wrap {
        width: 27rem;
        margin: 0 auto;
    }
    .product-brain .section-slide-info .inner .cont.v7 .table-wrap .img-wrap {
        width: 27rem;
        margin: 0 auto;
    }
}
/*[e]-- 2023.02.22 컨텐츠7 추가*/

/* 20220824 모델 이미지교체 */
.section-brand .section.intro.child .inner .foot-cont .des.v4 {
    bottom: 65rem !important;}/*브랜드유아*/
.korean01-section04-wrap .model02 {
    opacity: 0;
    top: 9rem;
    left: 0;
    background: url(../img/product/korean/korean01-section04-model.png) 0% 50% no-repeat !important;
    background-size: 80% !important;
    width: 41rem !important;
    height: 26rem !important;
}/*유아국어*/
.korean01-section04-wrap .model {
    opacity: 0;
    top: 9rem;
    left: 0;
    background: url(../img/product/korean/korean01-section04-model02.png) 0% 50% no-repeat !important;
    background-size: 80% !important;
    width: 41rem !important;
    height: 26rem !important;
}/*유아국어*/
.product-japanese01 .japanese-top-section .obj01 {
    position: relative;
    top: -2.1rem;
    left: -3.5rem;
    z-index: 3;
    width: 22.9rem;
    height: 25.8rem;
    margin: 0 auto;
    background: url(../img/product/japanese/top-sec02.png) 0 0 no-repeat;
    background-size: 22.9rem 25.8rem;
}/*초등일본어*/

.section-brand .section.advance {
    height: 105rem !important;/* 브랜드 중고등 */
}
@media (min-width: 1025px){
    .science-section02-wrap .txt-elem.txt03 {
        top: 65rem !important;
        left: auto;
        right: 0;
    }/*초등과학*/
    .korean01-section04-wrap .model {
        top: 16rem;
        width: 73rem !important;
        height: 52rem !important;
    }
    .korean01-section04-wrap .model02 {
        top: 16rem;
        width: 73rem !important;
        height: 52rem !important;
    }/* 유아국어*/
    .product-japanese01 .japanese-top-section .obj01 {
        top: -4.3rem !important;
        left: -7.1rem !important;
        width: 45.8rem !important;
        height: 51.7rem !important;
        background-size: 45.8rem 51.7rem !important;
    }/* 초등일본어 */

}

/* 220928 스마트구몬나무 */
.section-brand.brand-child .section.smart{
    margin-top:0;
}
.section-brand.brand-child .section.smart .inner .cont{
    margin-top:6rem;
}
.section-brand.brand-child .section.smart .inner .cont .img-wrap .obj{
    background:url(../img/product/kumonN/child/sec-smart01.png) no-repeat;
    background-size:cover;
    width:100%;
    height:0;
    padding-top:calc(631 / 361 * 100%)
}
.section-brand.brand-child .section.smart .inner .cont .txt-wrap .btn-wrap a {
    width: 29.4rem;
}
.section-brand.brand-child .subject-wrap {
    margin-top: 0;
}

.smartkumon-section12-wrap{
    background:#E3F2F5;
    padding:7rem 0 6rem;
}

.smartkumon-section12-wrap .main-title .main{
    font-size:2.8rem;
}

.smartkumon-section12-wrap .preview-main-wrap .preivew-box {
    width:22.5rem;
    height: auto;
    margin-top: 4rem;
    background: none;
    box-shadow: none;
}

.smartkumon-section12-wrap .preview-main-wrap .txt-wrap {
    margin-top: 0;
}

.smartkumon-section12-wrap .preview-main-wrap .section08-preview-box {
    padding: 0;
}

.preview-main-wrap .preivew-box .section08-cont img {
    width: 100%;
    max-width: 37rem;

}
.smartkumon-section12-wrap .preview-main-wrap .preivew-box .section08-cont img {
    margin-left: 3rem;
}

.smartkumon-section12-wrap .preview-main-wrap .txt-wrap .main {
    font-size: 2.3rem;
}

.smartkumontree-top-section .product-title-txt{
    padding-top:7rem;
}
.smartkumontree-container .pc{display:none}
.smartkumontree-container .mobile{display:block;}

.smartkumontree-top-section .product-title-txt .mobile{
    font-size:3rem;
    letter-spacing:-1px;
}

.smartkumontree-top-section .product-title-txt .mobile .sub{
    font-size: 2.2rem;
    margin-top:2rem;
}

.smartkumontree-top-section .point-txt{
    color:#e60012
}
.smartkumontree-top-section .model-box{
    position:relative;
    margin:9rem auto 0;
    width:80%;
    height:50.9rem;
    text-align:center;
}
.smartkumontree-top-section .model{
    position:relative !important;
    z-index:1;
    display:inline-block;
    background:url(../img/product/smartkumon-tree/img-top-section-obj01.png) 0 0 no-repeat;
    background-size:100% auto;
    width:30.4rem;
    height:45.9rem;
}
.smartkumontree-top-section .icon01{
    position:absolute;
    top:0;
    left:0;
    background:url(../img/product/smartkumon-tree/img-top-section-obj02.png) left 34% top no-repeat;
    background-size:65% auto;
    width:30rem;
    height:23.2rem;
    z-index:2;
}

.smartkumontree-top-section div.txt {
    position: absolute;
    top: -5rem;
    right:0;
    width:100%;
    font-size: 2rem;
    text-align: center;
}

.smartkumontree-top-section div.txt.mobile .point-txt{
    font-size:2.8rem;
    font-weight:700;
}

.smartkumontree-top-section .model-box div{position:absolute}
.smartkumontree-top-section .model-box div.deco01{background:url(../img/product/kumonN/study/sec06-deco01.png) no-repeat;background-size:cover;width:4.85rem;height:10.4rem;top:53%;left:0}
.smartkumontree-top-section .model-box div.deco02{background:url(../img/product/kumonN/study/sec06-deco02.png) no-repeat;background-size:cover;width:4.5rem;height:6.05rem;top:56%;right:0}
.smartkumontree-top-section .model-box div.deco03{background:url(../img/product/kumonN/study/sec06-deco03.png) no-repeat;background-size:cover;width:4.3rem;height:4.15rem;top:30%;left:0}
.smartkumontree-top-section .model-box div.deco04{background:url(../img/product/kumonN/study/sec06-deco04.png) no-repeat;background-size:cover;width:4.55rem;height:6.2rem;top:18%;right:7%}
.smartkumontree-top-section .model-box div.deco05{background:url(../img/product/kumonN/study/sec06-deco05.png) no-repeat;background-size:cover;width:5.2rem;height:6.2rem;top:13%;left:8%}
.smartkumontree-top-section .model-box div.deco06{background:url(../img/product/kumonN/study/sec06-deco06.png) no-repeat;background-size:cover;width:3.95rem;height:3.4rem;top:10%;left:76%}
.smartkumontree-top-section .model-box div.deco07{background:url(../img/product/kumonN/study/sec06-deco07.png) no-repeat;background-size:cover;width:4.95rem;height:3.15rem;top:20%;right:30%}
.smartkumontree-top-section .model-box div.deco08{background:url(../img/product/kumonN/study/sec06-deco08.png) no-repeat;background-size:cover;width:4.45rem;height:2.2rem;top:10%;left:34%}
.smartkumontree-top-section .model-box div.deco09{background:url(../img/product/kumonN/study/sec06-deco09.png) no-repeat;background-size:cover;width:2.85rem;height:1.05rem;top:14%;right:50%}

.smartkumontree-section02-wrap{
    background:#F9F9F9;
    text-align:center;
    padding:8rem 0 6rem;
}
.smartkumontree-section02-wrap .video-wrap{
    width:calc(100% - 4rem);
    margin:5rem auto 0;
    text-align:center;
}
.smartkumontree-section02-wrap .video-wrap video{
    width:100%;
    max-width:50rem;
    /* margin-bottom:6rem;*/
    cursor:pointer;
}
.smartkumontree-section02-wrap .video-wrap video[poster]{
    height:100%;
    width:100%;
    object-fit:cover;
}

.smartkumontree-section02-wrap .section02-desc{
    text-align:center
}
.smartkumontree-section02-wrap .section02-desc .main{
    margin-top:2.6rem;
    font-size:2.8rem;
    font-weight:700;
    line-height:1.3;
}
.smartkumontree-section02-wrap .section02-desc .main .point-txt{
    color:#e60012;
}
.smartkumontree-section02-wrap .txt-box{
    text-align:center;
    margin-top:5rem
}
.smartkumontree-section02-wrap .txt-box .main{
    margin:2rem 0;
    font-size:2.8rem;
    font-weight:700
}
.smartkumontree-section02-wrap .txt-box .main .point-txt{
    color:#e60012;
}
.smartkumontree-section02-wrap .txt-box .desc{
    font-size:2.2rem;
    font-weight:400;
    line-height:1.3
}

.smartkumontree-section03-wrap{
    padding: 11rem 0 7rem;
}
.smartkumontree-section03-wrap .main-title .main span{
    color:#e60012;
}
.smartkumontree-section03-wrap .main-title .main{
    font-size:2.8rem;
    padding-bottom:2rem;
}

.smartkumontree-section03-wrap .tablet {
    position: relative;
    width: 52rem;
    height: 37.5rem;
    margin: 6% auto 0;
    background: url(../img/product/smartkumon-tree/img-smartkumontree-tablet.png) 50% 50% no-repeat;
    background-size: 100%;
}

.smartkumontree-section03-wrap .tablet .video-wrap{
    position:absolute;
    bottom:.8rem;
    left:1.9rem;
    width: 48.3rem;
    height: 34.8rem;
}

.smartkumontree-section03-wrap .tablet .video-wrap video{
    width:100%;
    max-width:80rem;
    cursor:pointer;
}
.smartkumontree-section03-wrap .tablet .video-wrap video[poster]{
    height:100%;
    width:100%;
    object-fit:cover;
}

.smartkumontree-section03-wrap .video-item{
    position:absolute;
    left: calc(50% + 23rem);
    top:2.8rem;
}

.smartkumontree-section03-wrap .desc-txt.full{
    width:100%;
    max-width:100%;
}

.smartkumontree-section03-wrap .desc-txt.full .sub{
    margin-top:4rem;
    font-size:2.2rem;
    text-align:center;
}

.smartkumontree-section03-wrap .video-item .item{
    width:12.8rem;
    height:47rem;
    background:url('../img/product/smartkumon-tree/img-smartkumontree03-obj01.png') 50% 50% no-repeat;
    background-size:auto 90%;
}

.smartkumontree-section03-wrap .desc-txt{
    margin:1.1rem auto 0;
    width:48%;
}
.smartkumontree-section03-wrap .desc-txt .main{
    margin-top:5rem;
    font-size:2.8rem;
    font-weight:600;
    text-align:center;
    line-height:1.2;
}
.smartkumontree-section03-wrap .desc-txt .sub{
    top:5rem;
    margin-top:2rem;
    font-size:1.6rem;
}
.smartkumontree-section04-wrap{
    padding: 10rem 0;
}
.smartkumon-content-wrap .inner-cont-wrap{
    padding-bottom:6rem;
}

.smartkumontree-section04-wrap .main-title .main span{
    display:inline;
    color:#e60012;
}
.smartkumontree-section04-wrap .effect-wrap{
    margin:5rem 4rem;
}
.smartkumontree-section04-wrap .effect-wrap .effect-item{
    display:block;
    text-align:center;
}
.smartkumontree-section04-wrap .effect-wrap .img-wrap {
    width: 100%;
    text-align:center;
    max-width: 96rem;
    margin:0 auto;
}
.smartkumontree-section04-wrap .effect-wrap .img-wrap img {
    width: 100%;
    max-width: 100%;
}
.smartkumontree-section04-wrap .effect-wrap .desc-txt{
    margin-top:2rem;
    font-size:1.8rem;
    font-weight:700;
}
.smartkumon-content-wrap.smartkumontree-section04-wrap .swiper-button-prev {
    top:35%;
    left: 1.5rem;
}
.smartkumon-content-wrap.smartkumontree-section04-wrap .swiper-button-next{
    top:35%;
    right:1.5rem;
}
.smartkumontree-section05-wrap{
    background:#E7E7FB;
    padding: 11rem 0;
}
.smartkumontree-section05-wrap .main-title .sub{
    font-size:2rem;
    font-weight:600;
}
.smartkumontree-section05-wrap .main-title .main{
    margin-top:2rem;
    font-size:3.2rem;
}
.smartkumontree-section05-wrap .main-title .main .point-txt{
    color:#e60012;
}
.smartkumontree-section05-wrap .common-wrap ul {
    display: flex;
    justify-content: space-between;
    max-width: 120rem;
    margin: 6rem auto 0;
}
.smartkumontree-section05-wrap .common-wrap li{
    width: 30%;
    padding-bottom:6rem;
}
.smartkumontree-section05-wrap .common-wrap li .img-wrap{
    text-align:center;
}
.smartkumontree-section05-wrap .common-wrap li .img-wrap img{
    width: 100%;
    height:auto;
}
.smartkumontree-section05-wrap .common-wrap li p {
    margin-top:2rem;
    font-size: 1.8rem;
    font-weight:600;
    text-align:center;
}
.smartkumontree-section06-wrap{position:relative;overflow:hidden;padding:0;height:55rem}
.smartkumontree-section06-wrap .item{opacity:0;position:absolute}
.smartkumontree-section06-wrap .item.item01{top:14rem;left:50%;z-index:2;-webkit-transform:translate(-50%,10rem);transform:translate(-50%,10rem);background:url(../img/product/smartkumon-tree/img-smartkumontree-item01.png) 50% 50% no-repeat;background-size:100% auto;width:30.3rem;height:19.2rem}
.smartkumontree-section06-wrap .item.item02{top:0;left:5rem;z-index:1;-webkit-transform:translate(0,10rem);transform:translate(0,10rem);background:url(../img/product/smartkumon-tree/img-smartkumontree-item02.png) 50% 50% no-repeat;background-size:100% auto;width:17rem;height:12.4rem}
.smartkumontree-section06-wrap .item.item03{top:17rem;left:-1rem;background:url(../img/product/smartkumon-tree/img-smartkumontree-item03.png) 50% 50% no-repeat;background-size:100% auto;-webkit-transform:translate(10rem,-10rem);transform:translate(10rem,-10rem);width:17rem;height:12.4rem}
.smartkumontree-section06-wrap .item.item04{bottom:8rem;left:2rem;background:url(../img/product/smartkumon-tree/img-smartkumontree-item04.png) 50% 50% no-repeat;background-size:100% auto;-webkit-transform:translate(0,10rem);transform:translate(0,10rem);width:17rem;height:12.4rem}
.smartkumontree-section06-wrap .item.item05{top:3.9rem;right:0;background:url(../img/product/smartkumon-tree/img-smartkumontree-item05.png) 50% 50% no-repeat;background-size:100% auto;width:17rem;height:12.4rem;-webkit-transform:translate(0,10rem);transform:translate(0,10rem)}
.smartkumontree-section06-wrap .item.item06{bottom:1rem;left:50%;background:url(../img/product/smartkumon-tree/img-smartkumontree-item06.png) 50% 50% no-repeat;background-size:100% auto;width:17rem;height:12.4rem;-webkit-transform:translate(-10rem,10rem);transform:translate(-10rem,10rem)}
.smartkumontree-section06-wrap .item.item07{top:26.7rem;left:57%;background:url(../img/product/smartkumon-tree/img-smartkumontree-item07.png) 50% 50% no-repeat;background-size:100% auto;width:17rem;height:12.4rem;-webkit-transform:translate(-10rem,10rem);transform:translate(-10rem,10rem)}
.product-customer-wrap.smartkumontree-customer-bg .banner-cont .main{
    font-weight:300;
    line-height:1.3;
    letter-spacing:-1.2px;
}
.product-customer-wrap.smartkumontree-customer-bg .banner-cont .main strong{
    font-weight:700;
}
.product-customer-wrap.smartkumontree-customer-bg .banner-cont{
    background-image:url('../img/product/smartkumon-tree/img-smartkumontree-customer.png');
}
.product-customer-wrap.smartkumontree-customer-bg .txt-smartkumon{
    display:inline-block;
    height:3.4rem;
    line-height:1;
    background:#e60012;
}
.product-customer-wrap.smartkumontree-customer-bg .break {
    display: block
}

@media all and (min-width:1200px) {
    .smartkumontree-top-section .product-title-txt{
        font-size:7rem;
        line-height:1.1;
    }
    .product-customer-wrap.smartkumontree-customer-bg .banner-cont .main {
        font-size: 5.4rem;
    }
}

@media all and (min-width:1025px) {
    .smartkumon-section12-wrap{
        background:#E3F2F5;
        padding:16rem 0;
    }
    .smartkumon-section12-wrap .main-title .main{
        font-size:5.4rem;
    }
    .smartkumon-section12-wrap .preview-main-wrap .preivew-box {
        width: 100rem;
        margin-top: 6rem;
        height: auto;
        background: none;
        box-shadow: none;
    }
    .smartkumon-section12-wrap .preview-main-wrap .section08-preview-box {
        padding: 0 5rem;
    }
    .smartkumon-section12-wrap .preview-main-wrap .txt-wrap {
        margin-top: 0;
    }
    .smartkumon-section12-wrap .preview-main-wrap .txt-wrap .main {
        font-size: 3.5rem;
    }
    .smartkumon-section12-wrap .preview-main-wrap .preivew-box .section08-cont img {
        margin-left: 3rem;
        max-width: 100%;
    }
    .smartkumontree-top-section{
        padding-bottom:20rem;
    }
    .smartkumontree-top-section .product-title-txt{
        padding-top:13rem;
    }
    .smartkumontree-top-section .mobile{display:none}
    .smartkumontree-top-section .pc{display:block}
    .smartkumontree-top-section .model-box{
        position:relative;
        width: 120rem;
        height: 104.4rem;
    }
    .smartkumontree-top-section .model {
        margin-top: 10rem;
        width: 72rem;
        height: 99.3rem;
    }
    .smartkumontree-top-section .icon01{
        width: 104.9em;
        height: 72.4rem;
    }
    .smartkumontree-top-section .model-box div.deco01{width:5.7rem;height:20.8rem;top:62%;left:3%}
    .smartkumontree-top-section .model-box div.deco02{width:5rem;height:12.1rem;top:60%}
    .smartkumontree-top-section .model-box div.deco03{width:4.6rem;height:8.3rem}
    .smartkumontree-top-section .model-box div.deco04{width:5.1rem;height:12.4rem;right:3%}
    .smartkumontree-top-section .model-box div.deco05{width:6.4rem;height:11.2rem;left:12%}
    .smartkumontree-top-section .model-box div.deco06{width:3.9rem;height:6.8rem}
    .smartkumontree-top-section .model-box div.deco07{width:5.9rem;height:6.3rem;right:32%}
    .smartkumontree-top-section .model-box div.deco08{width:4.9rem;height:4.4rem;top:3%}
    .smartkumontree-top-section .model-box div.deco09{width:1.7rem;height:2.1rem;top:7%;right:45%}
    .smartkumontree-container .mobile{display:none}
    .smartkumontree-container .pc{display:block}
    .smartkumontree-top-section .sub {
        font-size: 5.4rem;
        margin-top:5rem;
        line-height:1.3;
    }
    .smartkumontree-top-section div.txt {
        position: absolute;
        width:auto;
        right:-2rem;
        top: 50%;
        font-size: 4rem;
        text-align: left;
    }
    .smartkumontree-top-section .txt span{
        font-size:7rem;
        font-weight:600;
        color:#e60012;
    }
    .smartkumontree-section02-wrap{
        background:#F9F9F9;
        padding:20rem 0;
        text-align:center;
    }
    .smartkumontree-section02-wrap .section02-desc .main{
        margin-top:4rem;
        font-size:5.4rem;
    }
    .smartkumontree-section02-wrap .video-wrap{
        width:100%;
        margin-top:10rem;
    }
    .smartkumontree-section02-wrap .video-wrap video{
        width:100%;
        max-width:80rem;/*
        margin-bottom:6rem;*/
        cursor:pointer;
    }
    .smartkumontree-section02-wrap .video-wrap video[poster]{
        height:100%;
        width:100%;
        object-fit:cover;
    }
    .smartkumontree-section02-wrap .txt-box{
        text-align:center;
        margin:10rem 0 0 4rem;
        letter-spacing:-.1rem
    }
    .smartkumontree-section02-wrap .txt-box .main{
        font-size:5.4rem;
        padding:10rem 0;
    }
    .smartkumontree-section02-wrap .txt-box .main strong{
        font-size:7.8rem;
        color:#e60012
    }
    .smartkumontree-section02-wrap .txt-box .desc{
        font-size:4.8rem
    }
    .smartkumontree-section03-wrap{
        padding-top:20rem;
        padding-bottom:0
    }
    .smartkumontree-section03-wrap .main-title .main{
        font-size:5.4rem;
    }
    .smartkumontree-section03-wrap .inner-cont-wrap{
        height:100rem !important;
        max-height:100rem !important;
    }
    .smartkumontree-section03-wrap .tablet{
        width:73rem;
        height:52.6rem;
    }
    .smartkumontree-section03-wrap .tablet .video-wrap{
        width:67.4rem;
        height:47.4rem;
        bottom:2.6rem;
        left:2.8rem;
    }
    .smartkumontree-section03-wrap .tablet .video-wrap video{
        width:100%;
        max-width:80rem;
        margin-bottom:6rem;
        cursor:pointer;
    }

    .smartkumontree-section03-wrap .video-item{
        display:inline-block;
        width:31.8rem;
        height:89rem;
        z-index:2;
    }
    .smartkumontree-section03-wrap .video-item .item{
        width:31.8rem;
        height:89rem;
    }
    .smartkumontree-section03-wrap .desc-txt{
        margin:3.9rem auto 0;
        max-width:57.6rem;
    }
    .smartkumontree-section03-wrap .desc-txt .main{
        margin-top:10rem;
        font-size:4.8rem;
    }
    .smartkumontree-section03-wrap .desc-txt .sub{
        top:5rem;
        margin-top:2rem;
        font-size:1.6rem;
    }
    .smartkumontree-section04-wrap .main-title .main{
        font-size:4.8rem;
    }
    .smartkumontree-section04-wrap .inner-cont-wrap{
        padding-top:10rem;
        margin-bottom:10rem;
    }
    .smartkumontree-section04-wrap .effect-wrap{
        max-width: 120rem;
        padding-bottom: 7rem;
        margin-top:6.8rem
    }
    .smartkumontree-section04-wrap .effect-wrap .effect-item{
        display:block;
        text-align:center;
        /*padding-bottom:15rem;*/
    }
    .smartkumontree-section04-wrap .effect-wrap .img-wrap {
        width: 100%;
        text-align:center;
        max-width: 96rem;
        margin:0 auto;
    }
    .smartkumontree-section04-wrap .effect-wrap .img-wrap img {
        width: 100%;
        max-width: 100%;
    }
    .smartkumontree-section04-wrap .effect-wrap .desc-txt{
        margin-top:4rem;
        font-size:3.2rem;
        font-weight:700;
    }
    .smartkumon-content-wrap.smartkumontree-section04-wrap .swiper-button-prev {
        top:50%;
        left: 0;
    }
    .smartkumon-content-wrap.smartkumontree-section04-wrap .swiper-button-next{
        top:50%;
        right:0;
    }
    .smartkumontree-section05-wrap{
        margin-top:10rem;
        padding: 14rem 0;
    }
    .smartkumontree-section05-wrap .main-title .sub{
        font-size:4.2rem;
        font-weight:600;
    }
    .smartkumontree-section05-wrap .main-title .main{
        margin-top:4rem;
        font-size:6.5rem;
    }
    .smartkumontree-section05-wrap .main-title .desc{
        margin-top:4rem;
    }
    .smartkumontree-section05-wrap .common-wrap ul {
        margin: 15rem auto 10rem;
    }
    .smartkumontree-section05-wrap .common-wrap li{
        width: 30%;
    }
    .smartkumontree-section05-wrap .common-wrap li .img-wrap img{
        width: 100%;
        height:auto;
    }
    .smartkumontree-section05-wrap .common-wrap li p {
        margin-top:4rem;
        font-size: 2rem;
        font-weight:600;
        text-align:center;
    }
    .smartkumontree-section06-wrap{width: 89%;max-width:140rem;margin:-12rem auto 0;height:90rem}
    .smartkumontree-section06-wrap .item.item01{top:19.5rem;left:50%;width:49.1rem;height:30.7rem}
    .smartkumontree-section06-wrap .item.item02{top:0;left:0;width:29.2rem;height:20.3rem}
    .smartkumontree-section06-wrap .item.item03{top:26rem;left:calc(50% - 52rem);width:29.5rem;height:19.2rem}
    .smartkumontree-section06-wrap .item.item04{bottom:14rem;left:10rem;width:33rem;height:20.7rem}
    .smartkumontree-section06-wrap .item.item05{top:8.4rem;right:10rem;width:29.7rem;height:20rem}
    .smartkumontree-section06-wrap .item.item06{top:36.7rem;left:auto;right:0;width:33.8rem;height:26.8rem}
    .smartkumontree-section06-wrap .item.item07{top:45rem;right:41rem;width:32.8rem;height:26.8rem}

    .product-customer-wrap.smartkumontree-customer-bg .banner-cont .main {
        font-size: 4.8rem;
    }
    .product-customer-wrap.smartkumontree-customer-bg .txt-smartkumon{
        display:inline-block;
        height:5.5rem;
        line-height:1;
        background:#e60012;
    }
}

@media (max-width: 1024px){
    .section-brand.brand-child .section.smart .inner .tit {
        font-size: 2.2rem;
    }
    .section-brand.brand-child .section.smart .inner .tit span{
        font-size: 2.5rem;
    }
}

@media (max-width:960px){
    .smartkumontree-section03-wrap .tablet {
        position: relative;
        width: 33rem;
        height: 23.7rem;
        /* margin: 6% auto 0;
         background: url(../img/product/smartkumon-tree/img-smartkumontree-tablet.png) 50% 50% no-repeat;
         background-size: cover;*/
    }
    .smartkumontree-section03-wrap .tablet .video-wrap{
        position:absolute;
        bottom: 1rem;
        left: 1.2rem;
        width: 30.7rem;
        height: 21.5rem;
    }
    .smartkumontree-section03-wrap .tablet .video-wrap video{
        width:100%;
        max-width:80rem;
        cursor:pointer;
    }
    .smartkumontree-section03-wrap .tablet .video-wrap video[poster]{
        height:100%;
        width:100%;
        object-fit:cover;
    }
    .smartkumontree-section03-wrap .video-item{
        position:absolute;
        left: calc(50% + 13rem);
        top:-1.2rem;
    }
    .smartkumontree-section03-wrap .desc-txt.full{
        width:100%;
    }
    .smartkumontree-section03-wrap .desc-txt.full .main {
        font-size: 2.2rem;
        line-height:1.2;
    }
    .smartkumontree-section03-wrap .desc-txt.full .sub{
        margin-top:2rem;
        font-size:1.6rem;
        text-align:center;
    }
    .smartkumontree-section03-wrap .video-item .item{
        width:11.8rem;
        height:39rem;
        background:url('../img/product/smartkumon-tree/img-smartkumontree03-obj01.png') 50% 50% no-repeat;
        background-size:auto 90%;
    }
    .smartkumontree-section03-wrap .desc-txt{
        margin:2rem auto 0;
        width:35rem;
    }
    .smartkumontree-section03-wrap .desc-txt .sub{
        font-size:1.4rem;
    }
}

@media (max-width:475px){
    .db475{display:block;}
    .smartkumontree-section03-wrap .video-item{
        left: auto;
        right: 0;
        top:5rem;
    }
    .smartkumontree-section04-wrap .effect-wrap {
        margin: 5rem 4rem 3rem;
    }
    .smartkumontree-section03-wrap .desc-txt{
        width:32rem;
    }
    .smartkumontree-section03-wrap .desc-txt.full .sub {
        font-size: 1.2rem;
    }
    .smartkumontree-section04-wrap .effect-wrap {
        margin: 5rem 4rem 3rem;
    }
    .smartkumontree-section05-wrap .common-wrap{
        width:100%;
    }
    .smartkumontree-section05-wrap .common-wrap li{
        width: 100%;
    }
    .smartkumontree-section05-wrap .common-wrap li:first-child{
        padding-left:2rem;
    }
    .smartkumontree-section05-wrap .common-wrap li:last-child{
        padding-right:2rem;
    }
    .smartkumontree-section05-wrap .common-wrap li .img-wrap img{
        width: 100%;
    }
    .smartkumontree-section05-wrap .common-wrap li p {
        margin-top:2rem;
        font-size: 1.6rem;
    }
    .smartkumontree-section03-wrap {
        padding: 11rem 0 0;
    }
    .smartkumontree-section06-wrap .item.item01{width:24.3rem;}
    .smartkumontree-section06-wrap .item.item02{left:2rem;width:15rem;}
    .smartkumontree-section06-wrap .item.item03{top:17rem;left:-1rem;width:15rem;}
    .smartkumontree-section06-wrap .item.item04{bottom:8rem;left:2rem;width:15rem;}
    .smartkumontree-section06-wrap .item.item05{top:3.9rem;right:-1rem;width:15rem;}
    .smartkumontree-section06-wrap .item.item06{bottom:1rem;left:50%;width:15rem;}
    .smartkumontree-section06-wrap .item.item07{top:26.7rem;left:57%;width:15rem;}

    .product-customer-wrap.smartkumontree-customer-bg .banner-cont .main {
        font-size: 2.2rem;
    }

    .product-customer-wrap.smartkumontree-customer-bg .banner-cont .main .m-txt{
        font-size: 3rem;
    }
}
/*-- 220928 스마트구몬나무 */

/*2023.01.25 테이블 */
@media all and (max-width:1024px){
    .board-list colgroup{display:none;}
}

/* 230314 상담문의 */
.com-txt6{margin-left:10px;font-size:1.4rem;font-weight:400;}
.list-wish.wish-set li{width:calc(33.3% - 14px);background:#F1F1F1;margin:7px;padding:3.5rem;box-sizing: border-box;}
.list-wish.wish-set li dt{font-size:2rem;font-weight:500;padding-bottom:10px;}
.list-wish.wish-set li.best{background:#F6ECEC;}
.list-wish.wish-set li.best dt{color:#E60012;background:url('../img/inquiry/ico_best.svg') no-repeat 0 5px;padding-left:3.5rem}
.list-wish.wish-set li dd .check{display:block;margin:10px 0;}
.badge-best{display:inline-block;width:60px;height:20px;line-height:20px;background:#E60012 url('../img/inquiry/ico_best_w.svg') no-repeat 7px 50%/15px auto;padding-left:25px;border-radius:11px;font-size:1.2rem;color:#fff;font-weight:500;box-sizing: border-box;}

@media all and (max-width:1024px){
    .list-wish.wish-set li dt{font-size:1.6rem;}
    .list-wish.wish-set li.best dt{background-position:0 6px;background-size:auto 13px;padding-left:2.5rem}
    .list-wish.wish-set li dd .check input+span, .check[type]+label{padding-right:0.5rem;}
}

@media all and (max-width:960px){
    .inquiry-reg .list-wish.wish-set{padding:1rem;}
    .list-wish.wish-set li{width:100%;padding:1.5rem;}
    .list-wish.wish-set li dl{display:flex;align-items: flex-start;justify-content: flex-start;flex-wrap:wrap;}
    .list-wish.wish-set li dt{width:11rem;font-size:1.3rem;padding:0;}
    .list-wish.wish-set li.best dt{background-position:0 3px;}
    .list-wish.wish-set li dd{width:calc(100% - 11rem);padding:0;font-size:1.3rem}
    .list-wish.wish-set li dd .check{display:inline-block;min-width:150px;margin:0;padding-right:1rem;}
    .badge-best{width:auto;height:18px;line-height:18px;padding:0 5px 0 25px;font-size:1rem;vertical-align:top;}
}

@media all and (max-width:414px){
    .inquiry-reg .list-wish.wish-set {padding:1rem;}
    .list-wish.wish-set li dt, .list-wish.wish-set li dd{width:100%;}
    .list-wish.wish-set li dt{padding-bottom:1rem;}
    .list-wish.wish-set li.best dt{background-position: 0 4px;}
}
/*-- 230314 상담문의 */

/* 230808 모델교체 : 장유진 */
.product-customer-wrap.product-ele-bg .banner-cont{background-image:url(../img/product/math/02/img-section99-banner.jpg);}
.product-customer-wrap.product-high-bg .banner-cont{background-image:url(../img/product/korean/03/img-section99-banner.jpg);}
.product-customer-wrap.product-chn-bg .banner-cont{background-image:url(../img/product/chinese/03/customer-chinese04.png);}
.product-customer-wrap.benefit-bg .banner-cont{background-image:url(../img/benefit/img-section99-banner.jpg);}

/* 230824 상담문의 추가 : 장유진 */
.inquiry-reg .privacy-cont{height:200px;overflow-y:auto;}

/*-- 202308 학습과목 스마트구몬N 추가 : 김진아 */
/*-- 202402 학습과목 스마트구몬N 수정 : 박수이 */
/* common */
video {outline: none;border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}/* 2024.08.29 장유진 추가 */

.pb0 {padding-bottom:0 !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}
.pt0 {padding-top:0px !important;}
.pt50 {padding-top:50px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.mt0 {margin-top:0px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}
._ml100 {margin-left:-100px !important;}
.primary {color:#E60012;}
.d-flex {display: flex; align-items: center; justify-content: space-between;}
.small-p {font-size: 22px; font-weight: 400; text-align: center; padding-top:20px;}
.small-p-box {font-size: 22px; font-weight: 400; text-align: center; color:#fff; padding:5px; width: 220px; border-radius: 40px; background-color: #FCC152; margin:20px auto 0;}
.brand-kumonN .section-wrap {padding: 150px 0;} /* 2024.08.29 장유진 수정 .section-wrap => .brand-kumonN .section-wrap */
.brand-kumonN .br {display: none;}
/* */
.brand-kumonN .inner-wrap {width: 1200px; margin:0 auto;} 
.brand-kumonN {margin-bottom:0; overflow: hidden;}
.brand-kumonN .swiper {position: relative; overflow: hidden; z-index: 0;}
/* 상단 모션 */
.korean02-top-section .kumonN01 { position: relative; z-index: 3; width: 200px; height: 336px; margin: 0 auto; background: url("../img/product/kumonN/s_01.png") no-repeat center/ 100%; }
@media all and (min-width: 1025px) { .korean02-top-section .kumonN01 { position: relative; z-index: 3; width: 400px; height: 672px; margin: 0 auto; background: url("../img/product/kumonN/s_01.png") no-repeat center/ 100%; }}
.korean02-top-section .kumonN02 { opacity: 0; position: absolute; top: -7px; left: 2px; z-index: 3; background: url("../img/product/kumonN/s_01.png") no-repeat center/ 100%; width: 214px; height: 254px; }
@media all and (min-width: 1025px) { .korean02-top-section .kumonN02 { opacity: 0; position: absolute; top: -7px; left: 2px; z-index: 3; background: url("../img/product/kumonN/s_01.png") no-repeat center/ 100%; width: 432px; height: 516px; }}
.korean02-top-section .kumonN03 { opacity: 0; position: absolute; left: 50%; bottom: 0; z-index: 4; transform: translate(-50%, 0) scale(0.5); width: 188px; height: 293px; background: url("../img/product/kumonN/s_01.png") 0 0 no-repeat;  background-size: 100%;}
@media all and (min-width: 1025px) {.korean02-top-section .kumonN03 { bottom: 0; transform: translate(-50%, 0) scale(0.75); width: 398px; height: 618px; max-width: 398px; background-size: 100%; } }
.korean02-top-section.kumonN .circle { position: absolute; z-index: 1; top: 30px; left: 50%; transform: translate(-50%, 0); background:#F5E7D6; border-radius: 100%; width: 219px; height: 219px; }
@media all and (min-width: 1025px) {.korean02-top-section.kumonN  .circle { top: 91px; width: 418px; height: 418px; } }
.korean02-top-section.kumonN .top-ani-txt.top-txt02 { top: -111px; transform: translate(0, 30px); }
.korean02-top-section.kumonN .top-ani-txt.top-txt03 { top: -46px; transform: translate(0, 30px); }
@media all and (min-width: 1025px) { .korean02-top-section.kumonN .top-ani-txt.top-txt02 { top: 50px; left:66px; text-align: right; }
.korean02-top-section.kumonN .top-ani-txt.top-txt03{top:32rem;-webkit-transform:translate(0,3rem);transform:translate(0,3rem)}}
.korean02-top-section .kumonN_icon01 {bottom: auto; top:-332px;  left: -55px; background: url("../img/product/kumonN/s_02_03.png") no-repeat center / 100%;  width: 194px;  height: 160px; }
.korean02-top-section .kumonN_icon03 {bottom: auto; top:-211px;  left: 50px; background: url("../img/product/kumonN/s_02_04.png") no-repeat center / 100%; width: 200px;  height: 161.5px;  }
.korean02-top-section .kumonN_icon04 {bottom: auto; top:-90px; left: -60px; background: url("../img/product/kumonN/s_02_05.png") no-repeat center / 100%;  width: 190px;  height: 154px; }
@media all and (min-width: 425px) {  
    .korean02-top-section .kumonN_icon01 {bottom: auto; top:-332px;  left: -52px; }
    .korean02-top-section .kumonN_icon03 {bottom: auto; top:-220px;  left: 65px; }
    .korean02-top-section .kumonN_icon04 {bottom: auto; top:-103px; left: -55px;}
}
@media all and (min-width: 1025px) {  
    .korean02-top-section .kumonN_icon01 { bottom: auto; top: -254px; left: -350px;  width: 418px;  height: 347px; }
    .korean02-top-section .kumonN_icon03 { bottom: auto; top: -386px; left: 295px; width: 431px; height: 350px; }
    .korean02-top-section .kumonN_icon04 { bottom: auto; top: -10px; left: 409px; width: 409px;  height: 336px;}

}
@media all and (min-width: 1300px) {  
    .korean02-top-section .kumonN_icon01 { bottom: auto; top: -340px; left: -275px; width: 418px;  height: 347px; }
    .korean02-top-section .kumonN_icon03 { bottom: auto; top: -522px; left: 295px;  width: 431px; height: 350px; }
    .korean02-top-section .kumonN_icon04 { bottom: auto; top: 0px; left: 409px;  width: 409px;  height: 336px;}
   }
.korean02-top-section .kumonN_icon02 { bottom: 305px; right: -20px; width: 62px; height: 80px; background-image: url("../img/product/kumonN/s_02_1.png"); background-size: 100%; }
@media all and (min-width: 1025px) { .korean02-top-section .kumonN_icon02 { bottom: auto; top: -290px; right: -50px; width: 139px; height: 175px; } }

.brand-kumonN .section-1 .tit {margin-top: 13rem; font-size: 8rem;font-weight: 500;  text-align: center; line-height: 1.25; color: #000;}
.brand-kumonN .section-1 .img-box {text-align: center; padding: 50px 0 100px;}
.brand-kumonN .section-2 {background:#f5e7d6;}
.brand-kumonN .section-2 .bg-box {position: relative;  width: 100%; margin:0 auto;}
.brand-kumonN .section-2 .bg-box > img {width: 100%;}
.brand-kumonN .section-2 .text-box {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 100%; height: 960px;} 
.brand-kumonN .section-2 .text-box .txt-1 {position: absolute; text-align: right; left: 160px; top:136px; font-size: 36px; letter-spacing: -0.1rem;}
.brand-kumonN .section-2 .text-box .txt-2 {position: absolute; right: 0px; top: 20vw; font-size: 36px; letter-spacing: -0.1rem;}
.brand-kumonN .text-box .img-1 {position:absolute; left: 30px; top: 320px;}
.brand-kumonN .text-box .img-2 {position:absolute; left: 30px; bottom: 320px;}
.brand-kumonN .text-box .img-3 {position:absolute; right: 0; bottom: 156px;}
.section-tit-area {text-align: center;}
.section-tit-area.align-left {text-align: left;}
.section-tit-area p {font-size: 46px; letter-spacing: -0.2rem; font-weight: 400; line-height: 1.3; padding-bottom:40px;}
.section-tit-area h3 {font-size: 70px; letter-spacing: -0.2rem; font-weight: 600; line-height: 1;}
.section-tit-area + .video-box {margin-top:100px;}
.section-tit-area h3 + .smn-logo {padding-top:50px;}
.section-tit-area h4 {font-size: 54px; font-weight: 600;line-height: 1.2;}
.section-tit-area span.text {display: block; font-size: 22px; font-weight: 300; padding-top:30px; }
.brand-kumonN .section-3 {background-color: #F8F8F8;}
.brand-kumonN .section-3 .section-tit-area p{font-size: 62px;}
.brand-kumonN .section-3 .section-tit-area .text-space{font-size: 47px;}
.brand-kumonN .section-3 .video-box {width: 800px; margin-left:auto; margin-right:auto;}
.brand-kumonN .video-box {position: relative;}
.brand-kumonN .video-box video {width: 100%;}
.brand-kumonN .video-box .btn-play {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 2;}
.study-type-area {display: flex; justify-content: space-evenly; padding:70px 30px 20px;}
.study-type-area .box {/*width: 480px;*/flex:1; border:1px solid #DEDEDE;box-shadow: 3px 3px 20px -2px rgba(0,0,0,0.1); }/* 240919 변경 */
.study-type-area .box.on {border-color:#E60012;}
.study-type-area .box .top { color:#fff;  font-size:36px; width: 100%; padding:22px; text-align: center; font-weight: 600;}
.study-type-area .left.box .top {background-color: #24B5B5;}
.study-type-area .center.box .top {background-color: #5458CC;}/* 240919 추가 */
.study-type-area .right.box .top {background-color: #CA44BF;}/* 240919 변경 */
.study-type-area .box + .box{margin-left:25px;}/* 240919 변경 */
.study-type-area .box .top:before{content:'';display:inline-block;width:40px;height:40px;border-radius:50%;background:#fff;margin-right:10px;font-size:30px;line-height:40px;text-align:center;font-weight:500;}
.study-type-area .left.box .top:before{content:'1';color:#24B5B5}/* 240919 변경 */
.study-type-area .center.box .top:before{content:'2';color:#5458CC}/* 240919 추가 */
.study-type-area .right.box .top:before{content:'3';color:#CA44BF}/* 240919 변경 */
.study-type-area .box-wrap {padding:30px;text-align: center;}
.study-type-area .box-wrap p {font-size: 26px; font-weight: 600; border-bottom:1px solid #333;padding-bottom:30px;}
.study-type-area .box-wrap p .plus {display: inline-block; width: 20px; height: 26px; background: url(../img/product/kumonN/plus.svg) no-repeat center /80%; margin:0 10px;} /* 240919 변경 */
.study-type-area .box-wrap img {padding: 40px 0;}
.study-type-area .box-wrap .btn-detail {width: 100%;font-size: 17px; font-weight: 500; padding-top: 20px; border-top:1px solid #ddd;}
.study-type-area .box.on .btn-detail{color:#E60012;}
.study-type-area .vs {font-size: 54px; font-weight: 900; line-height: 580px;}
.section-4 .info-text {padding-left:50px;}
.info-text {font-size: 16px; color:#666; padding-top:20px;}
.section-5 {background-color:#F8F8F8;}
.section-5 .line-type {text-align: center; padding-top:80px;}
.kumonN-mySwiper {position: relative; margin:30px 50px; }
.kumonN-mySwiper .logo-wrap {position:relative; display: block; width: 183px; height: 80px; margin:0 auto;}
.kumonN-mySwiper .logo-need { background: url(../img/product/kumonN/logo_need.png) no-repeat center / contain;}
.kumonN-mySwiper .logo-near { background: url(../img/product/kumonN/logo_near.png) no-repeat center/ contain;}
.kumonN-mySwiper .logo-nice { background: url(../img/product/kumonN/logo_nice.png) no-repeat center/ contain;}
.kumonN-mySwiper .logo-wrap:after {content:""; display: block; position: absolute;right:0; left:0; bottom:-10px; width: 0%; height: 2px; background:#E60012; transition: 0.2s;}
.kumonN-mySwiper .con-box:hover .logo-wrap:after { width: 100%; transition: 0.2s;}
.kumonN-mySwiper .con-box {width: 330px; height: 520px; box-shadow: 3px 3px 20px -2px rgba(0,0,0,0.1); border-radius: 20px;  padding-top:30px; box-sizing: border-box; cursor: pointer;} 
.kumonN-mySwiper .con-box:hover {border:1px solid #E60012;}
.kumonN-mySwiper .con-box.need {background: #fff url(../img/product/kumonN/box_need.png) no-repeat center / 100%;}
.kumonN-mySwiper .con-box.near {background: #fff url(../img/product/kumonN/box_near.png) no-repeat center / 100%;}
.kumonN-mySwiper .con-box.nice {background: #fff url(../img/product/kumonN/box_nice.png) no-repeat center / 100%;}
.kumonN-mySwiper .con-box p {padding-top:35px; font-size: 30px; font-weight: 600; line-height: 1.3;}
.brand-kumonN .swiper-button-next , .brand-kumonN .swiper-button-prev {display: none;}
.brand-kumonN .kumonN-mySwiper2 .swiper-button-next , .brand-kumonN .kumonN-mySwiper2 .swiper-button-prev {display: block;}
.section-6 ,.section-9 , .section-15  {background-color: #EDEDFF;}
.section-8 , .section-11 , .section-13 ,.section-14 , .section-17 {background-color: #F8F8F8;}
.kumonN-mySwiper4 .swiper-slide {text-align: center;}
.section-7 .video-box  { width: 460px;}
.section-8 .video-box.flex {display: flex; justify-content: center;}
.section-8 .video-box.flex video { width: auto; height: 530px;}
.section-12 .video-box  { width: 510px; height: 480px; overflow: hidden;}
.section-18 {position:relative; background-color:#F5E7D6}
.section-18::before {content:""; display: block; position: absolute; top:0; left:50%; width: 96px; height: 51px;margin-left:-48px; background: url(../img/product/kumonN/book.png) no-repeat center/ 100%;}
.section-19 {background-color:#FFF6EB ;}
.section-9 .near-img1 {margin-bottom:-20px;}
.section-16 .rolling-tablet {position: relative; width: 328px; height: 452px; overflow: hidden;  border-radius: 22px; }
.section-16 .rolling-tablet img {position: absolute; left:0; top:0px; width: 100%;}
.section-16 .rolling-tablet img.page {z-index: -1; top:180px; animation: 3s rolling infinite;}
.section-13-1 .d-flex picture {width:60%;}
@keyframes rolling {
    0% {top:180px;}
    15% { top:54px;}
    55% { top:54px;}
    80% {top:180px;}
  }

.section-19 .swiper-slide {text-align: center; padding-top:70px; padding-bottom:50px;}
.brand-kumonN  .swiper-pagination-bullet {background-color: transparent; border:1px solid #000; opacity: 1;}
.brand-kumonN  .swiper-pagination-bullet-active {background-color: #000;}
.brand-kumonN  .swiper-button-next:after , .brand-kumonN  .swiper-button-prev:after {content:"";}
.brand-kumonN  .swiper-button-next {background: url(../img/product/kumonN/arrow.svg) no-repeat center /100%; transform: rotate(-90deg); width: 50px; height: 30px;}
.brand-kumonN  .swiper-button-prev {background: url(../img/product/kumonN/arrow.svg) no-repeat center /100%; transform: rotate(90deg); width: 50px; height: 30px;}
.brand-kumonN .section-21 .product-customer-wrap .banner-cont { background: url(../img/product/kumonN/bottom.png) no-repeat center; background-size: cover;}
.brand-kumonN .section-21 .product-customer-wrap .banner-cont .main span { display: inline-block; line-height: 1;}
.banner-cont .red-box {background-color: #E60012; padding:0px 5px 5px; margin-right: 5px;}
.kumonN-mySwiper3 {position: relative; overflow: visible !important;}
.kumonN-mySwiper3 .swiper-wrapper {display: flex !important; flex-direction: row; flex-wrap: wrap; width: 100%; box-sizing: border-box;}
.section-20 .section-tit-area p {font-size: 36px;}
.section-20 img {display: block; max-width: 1000px; margin-left:auto; margin-right: auto;}
/* tab */
.brand-kumonN .tab-area {position: sticky; top:80px; left:0; right:0; width: 100%; background-color:#8971ff; z-index: 50; transition: 0.3s;}
.brand-kumonN .tab-area.on {top:0; transition: 0.3s;}
.brand-kumonN .tab-area.fixed {position: fixed;}
.brand-kumonN .tab-area .tab-wrap {width: 1200px; margin: 0 auto; display: flex;}
.brand-kumonN .tab-area .tab-wrap button {width: 33%;height: 100px; display:block;}
.brand-kumonN .tab-area .tab-wrap .btn-need {background: url(../img/product/kumonN/btn_1.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap .btn-near {background: url(../img/product/kumonN/btn_2.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap .btn-nice {background: url(../img/product/kumonN/btn_3.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap .btn-need.on {background: url(../img/product/kumonN/btn_1_on.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap .btn-near.on {background: url(../img/product/kumonN/btn_2_on.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap .btn-nice.on {background: url(../img/product/kumonN/btn_3_on.png) no-repeat center / 100%;}
.brand-kumonN .tab-area .tab-wrap  img {width: 100%;}

/* popup */
.popup {display: none; position: fixed; top:0; bottom:0; left:0; right: 0; width: 100%; height: 100%; z-index: 1000;}
.popup .dim {display: block;}
.pop-wrap {position: relative;z-index: 10000;}
.pop-wrap .btn-close {position: absolute; right: 9%; top: 190px; width: 60px; height: 60px; background: url(../img/product/kumonN/btn_close.svg) no-repeat center / 100%;}
.pop-wrap .video-box {width: 900px; margin:0 auto; padding-top:200px;}
.pop-wrap .video-box video {width: 100%;}

@media all and (max-width:1199px){
    /* common */
    .section-wrap {padding: 100px 50px;}
    .section-tit-area h4 {font-size: 40px;}
    .pb0 {padding-bottom:0 !important;}
    .pb50 {padding-bottom:25px !important;}
    .pb100 {padding-bottom:50px !important;}
    .pt50 {padding-top:25px !important;}
    .pt90 {padding-top:45px !important;}
    .pt100 {padding-top:50px !important;}
    .mt50 {margin-top:25px !important;}
    .mt100 {margin-top:50px !important;}
    ._ml100 {margin-left:-50px !important;}
    .small-p {font-size: 16px; padding-top:20px;}
    .section-tit-area + .video-box {margin-top:70px;}
    /*  */
    .brand-kumonN .inner-wrap {width: 100%;} 
    .study-type-area {display: block;}
    .study-type-area .box {margin:0 auto;}
    .study-type-area .vs { line-height: 120px; text-align: center;}
    .section-5 .line-type .line {display: none;}
    .kumonN-mySwiper {overflow:hidden;}
    .kumonN-mySwiper .con-box {margin-left:auto;margin-right:auto;}
    .kumonN-mySwiper .swiper-button-next , .kumonN-mySwiper .swiper-button-prev {display: block;}
    .brand-kumonN .section-3 .video-box {width: 100%; max-width: 800px;}
    .kumonN-mySwiper4 .swiper-button-next , .kumonN-mySwiper4 .swiper-button-prev {display: block;}
    /* tab */
    .brand-kumonN .tab-area .tab-wrap {width: 100%;justify-content: space-evenly;}
    .brand-kumonN .tab-area .tab-wrap button {height: 8.3403vw;}
    .section-6 .d-flex {flex-direction: column-reverse;}
    .section-tit-area.align-left {text-align: center;}
    .section-tit-area {text-align: center;}
    .section-7 .d-flex {flex-direction:column; padding-top:50px;}
    .section-7 .d-flex .section-tit-area {padding-bottom:50px;}
    .section-7 .video-box  { margin-left:9.5vw}
    .section-8 .video-box.flex { width: 80%; margin-left:auto; margin-right: auto;}
    .section-8 .video-box.flex video {height: 45vw;}
    .section-9 .d-flex {flex-direction:column-reverse;}
    .section-11 .d-flex {flex-direction:column-reverse;}
    .section-11 .d-flex .section-tit-area {padding-bottom:50px;}
    .section-12 .d-flex {flex-direction:column;}
    .section-13 .d-flex {flex-direction:column-reverse;}
    .section-13-1 .d-flex {flex-direction:column;}
    .section-15 .d-flex {flex-direction:column-reverse;}
    .section-15 .section-tit-area._ml100 {margin-left:0 !important;}
    .section-16 .d-flex {flex-direction:column;}
    .section-16 .d-flex .section-tit-area {padding-bottom:50px;}
    .section-5 .section-wrap {padding-left:0; padding-right:0;}
    .section-10 .section-wrap {padding-right: 0; padding-left:0;}
    .section-10  .kumonN-mySwiper3 {padding-left:30px;}
    .section-17 .section-wrap {padding-right: 0; padding-left:0;}
    .section-17  .kumonN-mySwiper5 {padding-left:30px;}
    .section-17  .kumonN-mySwiper6 {padding-left:30px;}
    .section-18 .section-wrap{padding-right: 0; padding-left:0;}
    .section-18  .kumonN-mySwiper7 {padding-left:30px;}
    .section-18  .kumonN-mySwiper8 {padding-left:30px;}
    .section-20 img {width: 90%;}
    /* popup */
    .pop-wrap .video-box {width: 70%; max-width: 900px;}
    /* 240919 */
    .study-type-area .box + .box {margin: 25px auto 0;}
    
}
@media all and (max-width:1024px){
           /* tab */
           .brand-kumonN .tab-area {top:6rem; }
           .brand-kumonN .tab-area.on {top:6rem; }
           .kumonN-mySwiper3 .swiper-wrapper {display: flex !important; flex-direction:row; flex-wrap:nowrap;}
           /* .kumonN-mySwiper3 .swiper-wrapper {display: flex !important; flex-direction: row; flex-wrap: wrap; width: 100%; box-sizing: border-box;} */
}

@media all and (max-width:768px){
    .brand-kumonN .br {display: block;}
    .section-wrap { padding: 100px 40px;}
    .section-tit-area h3 {font-size: 50px; line-height: 1.2;}
    .section-tit-area p {font-size: 34px; padding-bottom:30px;}
    .section-tit-area h3 + .smn-logo {width: 60%; padding-top:30px;}
    .section-tit-area + .video-box {margin-top:50px;}
    .study-type-area .box {width: 80%;}
    .study-type-area .box .top {font-size: 30px;}
    .study-type-area .box-wrap p {font-size: 20px;}
    .study-type-area .box-wrap p .plus {height: 20px;}
    .study-type-area .box-wrap img {width: 80%; max-width: 310px;}
    .section-6 img {width: 80%; max-width:499px ;}
    .section-7 .video-box  { margin-left:22vw}
    .section-7 .video-box video { width: 80%; height: 350px;}
    .section-4 .info-text {padding-left:15px; font-size: 14px;} /* 240925 padding-left:0 -> 15px */
    .kumonN-mySwiper4 .swiper-slide  {padding-top:0}
    .study-type-area .vs {font-size: 8vw; font-weight: 700; line-height: 20vw;}
    .section-12 .video-box {width: 80%;}
    .section-15 img {width: 80%;}
    .section-19.swiper-slide {padding-top:50px; padding-bottom:20px;}
    .kumonN-mySwiper {margin:0}
    .kumonN-mySwiper .con-box {width: 100%; max-width: 330px; max-height: 518px;  margin-top:20px;} 
    .kumonN-mySwiper5 li img,
    .kumonN-mySwiper6 li img, 
    .kumonN-mySwiper7 li img, 
    .kumonN-mySwiper8 li img { width: 58vw; max-width: 380px;}
    .small-p-box {margin: 20px 82px 0;}
       /* popup */
       .pop-wrap .video-box {width: 100%;}
       .pop-wrap .btn-close {top:150px; right: 20px; width: 40px; height: 40px;}
       /* tab */
       .brand-kumonN .tab-area .tab-wrap {width: 100%; margin: 0 auto; display: flex;}
       .brand-kumonN .tab-area .tab-wrap button {width: 33%;height: 11.4vw; display:block;}
       .brand-kumonN .tab-area .tab-wrap .btn-need {background: url(../img/product/kumonN/btn_1_m.png) no-repeat center / 100%;}
       .brand-kumonN .tab-area .tab-wrap .btn-near {background: url(../img/product/kumonN/btn_2_m.png) no-repeat center / 100%;}
       .brand-kumonN .tab-area .tab-wrap .btn-nice {background: url(../img/product/kumonN/btn_3_m.png) no-repeat center / 100%;}
       .brand-kumonN .tab-area .tab-wrap .btn-need.on {background: url(../img/product/kumonN/btn_1_on_m.png) no-repeat center / 100%;}
       .brand-kumonN .tab-area .tab-wrap .btn-near.on {background: url(../img/product/kumonN/btn_2_on_m.png) no-repeat center / 100%;}
       .brand-kumonN .tab-area .tab-wrap .btn-nice.on {background: url(../img/product/kumonN/btn_3_on_m.png) no-repeat center / 100%;}

    .brand-kumonN .section-3 .section-tit-area p{font-size: 54px;}
    .brand-kumonN .section-3 .section-tit-area .text-space{font-size: 39px;}
}

@media all and (max-width:600px){
    .small-p-box {margin: 20px 17vw 0;
        width: 27vw;
        font-size: 3vw;
    }
    .brand-kumonN .section-3 .section-tit-area p{font-size: 40px;}
    .brand-kumonN .section-3 .section-tit-area .text-space{font-size: 30px;}
}

@media all and (max-width:425px){
    .section-wrap { padding: 70px 20px;}
    .study-type-area {padding:50px 0 10px;}
    .section-tit-area p {font-size: 20px; padding-bottom:20px;}
    .section-tit-area h3 {font-size: 30px;}
    .study-type-area .box .top {font-size: 5vw; padding:3.5vw;}
    .study-type-area .box-wrap {padding: 5vw;}
    .study-type-area .box-wrap p {font-size: 4vw;}
    .study-type-area .box-wrap p .plus {height: 4vw; width: 3vw; margin:0 5px;}
    .section-tit-area h4 {font-size: 7.5vw;}
    .section-tit-area span.text {font-size: 15px;}
    .study-type-area .box-wrap .btn-detail {font-size: 3.5vw;}
    .section-4 .info-text {font-size: 2.8vw;}/* 240925 2.6 -> 2.8 */
    .section-5 .line-type {padding-top:30px; padding-bottom:20px;}
    .section-7 .video-box  { margin-left:58vw}
    .section-7 .video-box video { width: 60%;}
    .section-9 .near-img1 {width: 70%; margin-bottom:-10px;}
    .section-11 .d-flex  img {width: 95%; margin:0 auto;}
    .section-12 .video-box {height: 300px;}
    .section-12 .d-flex  img {width: 70%;margin:0 auto;}
    .section-13 .d-flex picture {width: 80%;margin:0 auto;}
    .section-13 .d-flex img {width: 100%;}
    .section-13-1 .d-flex picture {width: 100%; margin: 0 auto 0 -20px;}
    .section-13-1 .d-flex img {width: 100%;}
    .section-tit-area h3 + .smn-logo {padding-top:10px;}
    .kumonN-mySwiper .logo-wrap {width: 50%; height: 50px;}
    .kumonN-mySwiper .con-box {width: 170px; height: 266px; padding-top:15px}
    .kumonN-mySwiper .con-box p {padding-top:10px; font-size: 16px;}
    .brand-kumonN .swiper-button-next , .brand-kumonN .swiper-button-prev {width: 30px; height: 20px;}
    .kumonN-mySwiper3 li img {width: 240px;}
    .kumonN-mySwiper4 li img {width: 78%;}
    .kumonN-mySwiper2 li img { max-width: 74%; max-height: 343px;}
    .section-14 .section-wrap {padding-left:0; padding-right:0;}
    .section-16 .d-flex .section-tit-area {padding-bottom:30px;}
    .section-16 .rolling-tablet {width: 250px; height: 346px; border-radius: 15px; }
    @keyframes rolling {
        0% {top:142px;}
        15% { top:42px;}
        55% { top:42px;}
        80% {top:142px;}
      }
    .section-20 .section-tit-area p {font-size: 22px;}
    .brand-kumonN .section-3 .section-tit-area p{font-size: 31px;}
    .brand-kumonN .section-3 .section-tit-area .text-space{font-size: 24px;}

    /* 240919 */
    .study-type-area .box .top:before {width: 30px;height: 30px;font-size: 20px;line-height: 30px;}
}

@media all and (max-width:375px){
    .section-tit-area p {font-size: 5.3333vw;}
    .section-tit-area h3 {font-size: 8vw;}

}

/* 메인 이미지 사이즈 조절 */
section.elementary .inner .wrap .image.v8 {width: 22%; top:45%; left:57%}
section.elementary .inner .wrap .image.v8 .obj {background-size: 100%;}
@media (max-width: 1024px){
section.elementary .inner .wrap .image.v8 {width: 28%; top:46%; left:50%}    
}

/* 메인 롤링 배너(인트로) 사이즈 조절 */
.swiper-wrapper .swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
.btn.purple {
    color: #fff;
    background: #8d20df;
    border-color: #8d20df;
}
.quick-menu a{
   display: block;
   width: 100%;
   height: 100%;
}
.quick-menu .free_trial {
    background-color: #e60012;
    width: 12rem;
    height: 10.2rem;
    border-radius: 1.325rem;
    padding: 0.3rem;
    margin-bottom: 0.2rem;
    box-shadow: rgba(0,0,0,.15) 0 1.3rem 2.5rem -0.5rem;
}
.quick-menu .free_trial p {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    display: inline-block;
}
.quick-menu .free_trial .icon {
    margin: 0 auto 0.2rem;
    width: 100%;
    height: 6.5rem;
    background:#fff url(../img/main/free_trial.svg) no-repeat center / 90%;
    display: block;
    border-radius: 1.1rem 1.1rem 0 0;
    overflow: hidden;
}

.gnb .dep02.brand-dep02 {margin-left:5%;}
.gnb .dep02.subject-dep02 {margin-left: 3%;}
.gnb .dep02.brain-dep02{margin-left: 6%;}
.gnb .dep02.benefit-dep02 {margin-left: 5%;}
.gnb .dep02.inquiry-dep02 {margin-left: 5%;}
.gnb .dep02.customer-dep02 {margin-left: 5%;}

.intro-swiper .swiper {width: 100%; height: 100%; position: relative;}
.intro-swiper .swiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.intro-swiper .swiper .swiper-slide a{display: block; width: 100%; height: 100%; position: relative;}
.intro-swiper .swiper .swiper-slide a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.intro-swiper .swiper .swiper-slide .banner-video{width: 26.5vw; height:15vw; max-width: 500px; max-height: 281px; border-radius:20px; position: absolute; left:50%; top:63%; transform: translate(-50%,-50%); background-color: #a4a4a4; z-index: 10;}
.intro-swiper .swiper .swiper-slide .banner-video::after{content:''; position: absolute; left:50%; top:50%; width:33vw; height: 22vw; max-width: 545px; max-height: 349px; background: url(../img/main/main-intro-after.png)no-repeat center/cover; transform: translate(-50%,-50%); margin-top: -13px; z-index: -1; box-shadow:0px -6px 18px 16px rgba(31,133,162,0.3); border-radius: 25px;}
.intro-swiper .swiper .swiper-slide .banner-video a{display: block; position:absolute; left:0; top:0;}
.intro-swiper .swiper .swiper-slide .banner-video video{display: block; width: 100%; height: 100%; object-fit: cover; border-radius:8px;outline: none; border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}
.intro-swiper .scroll-down {z-index: 10;}
/* 240401 장유진 추가 */
.intro-swiper .swiper .swiper-slide{width: 100%; height: 100%;}
.intro-swiper .swiper .swiper-slide > img {display: block; width: 100%; height: 100%; object-fit: cover;}
.intro-swiper .swiper .swiper-slide .banner-video-wrap{position: absolute; left:50%; top:47%; transform: translate(-50%,-50%);width:100%;max-width:1024px;display:flex;justify-content: space-between;align-items: flex-start;}
.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-txt img{width:436px;}
.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap{position:relative;top:auto;left:auto;transform: none;width: 485px; height: 271px;background:none;z-index:10;}
.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap::after{content:''; position: absolute;left:0;top:20px;transform:none;width: 563px; height: 363px; background: url(../img/main/intro_bg_vod.png)no-repeat center/cover;box-shadow:none;margin-top:0;z-index: -1; }
.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap video{display: block; width: 100%; height: 100%; object-fit: cover; border-radius:8px;outline: none; border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;margin-top:77px;margin-left:39px}
/*-- 240401 장유진 추가 */
.quick-menu .consultation{width:12rem; height: 5.2rem; border-radius:1.325rem; padding: 1.1rem 0; box-sizing: border-box;}
.quick-menu .consultation .icon {display: inline-block; width: 1.9rem; height: 1.8rem; margin:0; vertical-align: middle;}
.quick-menu .consultation p {display: inline-block;}

.pageination_Swiper .swiper-pagination{position: absolute; left:15%; bottom:10%; display: inline-block; width:fit-content !important;}
.pageination_Swiper .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem; display: inline-block; border-radius: 100%; background: transparent; border:4px solid #e6002d; box-sizing: border-box; opacity: 1;}
.pageination_Swiper .swiper-pagination-bullet-active {background: #e6002d; width: 2.5rem; border:0; box-sizing: border-box; border-radius:100px;}

/* .swiper-pagination, .swiper-pagination2{font-size:15px; color: #fff; font-weight: 500; display: none;}
.swiper-pagination2.pg_prev {left:100%;}
.swiper-pagination.pg_next {left:auto; right:100%;}
.swiper-button-next, .swiper-button-prev {width: 5rem; height: 5rem; background: rgba(47,47,47,0.4); border-radius: 50%;}
.swiper-button-next{right: 7rem;}
.swiper-button-prev {left: 7rem;}
.swiper-button-next:after {font-size: 20px; color:#fff; font-weight: 600;} 
.swiper-button-prev:after {font-size: 20px; color:#fff; font-weight: 600;}  */
/* 
.swiper-button-prev:hover {border-radius:50% 0 0 50%;}
.swiper-button-prev:hover .swiper-pagination2{display:flex; background: rgba(47,47,47,0.4); position: absolute; left:100%; top:0; width: 100%; height: 5rem; border-radius:0 50% 50% 0; align-items: center; justify-content: flex-start;}
.swiper-button-next:hover{border-radius:0 50% 50% 0;}
.swiper-button-next:hover .swiper-pagination{display:flex; background: rgba(47,47,47,0.4); position: absolute; left:-100%; top:0; width: 100%; height: 5rem; border-radius:50% 0 0 50%; align-items: center; justify-content: flex-end;} */
@media all and (max-width:1076px){
    /* .menu-wrap {width:fit-content;} */
    .intro-swiper .swiper .swiper-slide .banner-video{width:31.5vw; height: 11vw;}
    .intro-swiper .swiper .swiper-slide .banner-video::after{top:60%; width:33vw; height:13vw; max-width: 545px; max-height: 349px; background: url(../img/main/main-intro-after.png)no-repeat center/cover; transform: translate(-50%,-50%); margin-top: -13px; z-index: -1; box-shadow:0px -6px 18px 16px rgba(31,133,162,0.3); border-radius: 25px;}
}
@media (max-width: 1600px){
    .gnb>li {
        margin: 0 2.5rem;
    }
    .intro-swiper .swiper .swiper-slide .banner-video::after{max-width:400px; max-height: 255px;}
    .intro-swiper .swiper .swiper-slide .banner-video{max-width:350px; max-height:190px;}
}

@media all and (max-width:1024px){
    .intro-mob.intro-swiper {
        display: block;
        position: relative;
        width: 100vw;
        height:auto;
    }
    .intro-swiper .swiper .swiper-slide .banner-video{
        width: 68.5vw; height:39vw; top:46%; bottom:auto; border-radius: 5rem;
    }
    .intro-swiper .swiper .swiper-slide .banner-video::after{
        width: 78vw;
        height: 50vw;
        border-radius: 1rem; 
    }
    .intro-swiper .swiper .swiper-slide .banner-video a{transform: translateY(10px);}
    .scroll-down {visibility: visible;}
    .intro-mob.intro-swiper .swiper-pagination{position: absolute; left:5%; bottom:5%; display: inline-block; width:fit-content !important;}
    .intro-mob.intro-swiper .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem; display: inline-block; border-radius: 100%; background: transparent; border:4px solid #e6002d; box-sizing: border-box; opacity: 1;}
    .intro-mob.intro-swiper .swiper-pagination-bullet-active {background: #e6002d; width: 2.5rem; border:0; box-sizing: border-box; border-radius:100px;}

    .quick-menu .consultation{width:9rem;}
    .quick-menu .free_trial {
        width: 9rem;
        height: 8.2rem;
        border-radius: 1.325rem;
        padding: 0.3rem;
    }
    .quick-menu .free_trial p {
        font-size: 1.1rem;
    }
    .quick-menu .free_trial .icon {
        height: 5rem;
        border-radius: 1rem 1rem 0 0;
    }
    .quick-menu .consultation{height: 4.2rem; border-radius:1rem; padding: 1rem 0;}

	/* 240401 장유진 추가 */
	.intro-swiper .swiper .swiper-slide .banner-video-wrap{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);width:100%;max-width:80vw;display:block;}
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-txt img{width:100%;}
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap{width: 80vw; height:54vw; margin-top:6vw;}
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap::after{width: 80vw; height:54vw;}
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap video{position:absolute;width: 73vw; height:41vw;top:11vw;left:3.5vw;margin:0;}  
    .intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap video.video-top {top:-8.5vw}
	.intro-swiper .swiper .swiper-slide .banner-video.campaign{top:68%;}
}
@media all and (max-width:700px){
    .intro-swiper .swiper .swiper-slide .banner-video::after{
        border-radius: 2rem; 
    }
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap video{top:11.5vw;}/* 240401 장유진 추가 */
}
@media all and (max-width:450px){
    .intro-swiper .swiper .swiper-slide .banner-video{
        height: 36vw;
    }

	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap{margin-top:3vw;}/* 240401 장유진 추가 */
	.intro-swiper .swiper .swiper-slide .banner-video-wrap .video-wrap video{top:13vw;}/* 240401 장유진 추가 */
}

.common-footer .common-pop.video-event-pop {
    display: none
}

.common-footer .common-pop.video-event-pop.is-layer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.default-pop.video-event-pop .common-pop-body {max-width: 100rem; padding: 0; margin: 0; font-size: 0; background-color: transparent;}
.default-pop.video-event-pop .common-pop-body .pop-banner-video{
    width:auto;
    max-width:100rem;
    height: 28vw;
    cursor:pointer;
}
@media all and (max-width:1024px){
    .default-pop.video-event-pop .common-pop-body .pop-banner-video{height: 78vw;}
}

/* 상용서버 추가 */
.util a.small {
    padding: 0 2rem;
}
@media (min-width: 1440px){
    .gnb>li {
        margin: 0 4.5rem;
    }
}
@media (min-width: 1025px){
    .util a:first-child {
        margin-right: 0;
    }
    .gnb .dep02 .dep02-wrap.customer {
        width: 114rem;
    }
}

/* .gnb .dep02.customer-dep02 {
    margin-left: 5%;
} */
@media all and (max-width:1024px){
    .gnb .dep02 {margin-left:0% !important;}
}


@media all and (min-width: 1025px) and (max-width:1615px) {
    .gnb>li {
        margin: 0 1.8rem;
    }
    .gnb .dep02.brand-dep02 {margin-left:0%;}
    .gnb .dep02.subject-dep02 {margin-left:0%;}
    .gnb .dep02.brain-dep02{margin-left: 0%;}
    .gnb .dep02.benefit-dep02 {margin-left:0;}
    .gnb .dep02.inquiry-dep02 {margin-left: 0%;}
    .gnb .dep02.customer-dep02 {margin-left: 0%;}
    .gnb .dep02 .dep02-wrap.customer {
        width: 90rem;
    }
}
/*20240318*/
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.style_01 .set-item span{ font-size: 1.0rem; letter-spacing: -1.8px;}
.brand-adult-wrap .adult-section06-wrap .self .config-item{ height: 33rem;}
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.no_pad{ height: 5rem;}
.product-set-cont_02{ text-align: center; padding-top: 3rem;}

@media (min-width: 1025px){
.product-set-cont_02{ text-align: center; padding-top: 4rem;}
.product-set-cont_02 .benefit-txt{ margin-top: 0;}

.no_pad{ height:auto; border:none;}
.brand-adult-wrap .adult-section06-wrap .self .config-item{ height: 60rem;}
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.no_pad{ height: 9rem;}
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.no_pad .set-item{font-size: 1.8rem;}
.no_pad + .benefit-txt{ margin-top:-1.0rem;}
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.style_01 .set-item span{ font-size: 1.3rem; letter-spacing:0;}
.brand-adult-wrap .adult-section06-wrap .config-item .product-set-cont.style_01 .icon{padding: 0 1.2rem;}
.turquoise{color:#24b5b5 !important;}
}

/* 240411 */
.product-subject .benefit-box {background: url(../img/product/all-subject-benefit.png) 70% 50% no-repeat;}

/* 20240415 시니어 액티브라이프 상품화면 */
.pc-br {display: block;}
.activelife img {width: 100%;}
.activelife-01 {padding-top:250px;}
.product-title-txt .life-tit {font-size: 60px; padding-bottom:30px; line-height: 1.3; padding-top:40px;}
.activelife-01 .product-title-txt strong {font-size:100px}
.product-title-txt .small-info {padding-top:50px;}
.big-tit {font-size: 70px; font-weight: 600; text-align: center;}
.sub-tit {font-size: 54px; font-weight: 600; text-align: center;}
.small-info {font-size: 22px; font-weight: 300; padding-top:20px; text-align: center;}
.medium-info {font-size: 30px; text-align: center;}
.regular-info {font-size: 32px; font-weight: 400; text-align: center;}
.big-info {font-size: 45px;text-align: center;}
.info-bottom {width: 50%; text-align: right; padding-top:20px; margin-left:auto;}
.info-bottom .comment {text-align: left;}
.comment {font-size: 16px; color:#A0A0A0; line-height: 1.5;}
.medium-info + .sub-tit {padding-top:16px;}
.activelife .main-img-area { width: 100%; background: url(../img/product/activelife/img_01_bg.png) no-repeat center / 1920px; padding-top:280px; text-align: center;}
.activelife .main-img-area img {width: 694px;}
.activelife-02 {background-color: #FFF8E1;}
.activelife-02 .info-bottom { width: 310px;}
.text-box + .img-box {padding-top:70px;}
.img-box + .text-box  {padding-top:70px;}
.img-box {text-align: center;}
.bg-gray {background-color:#F8F8F8;}
.activelife .img-03 {width: 800px;}
.activelife .img-04 {width: 906px;}
.thin {font-weight: 400;}
.medium {font-weight: 500;}
.activelife-03 .info-bottom {width: 100%;}
.activelife-03 .info-bottom .comment {text-align: center;}
.activelife-05 .img-05 {width:592px;} 
.origin-area {padding-top:20px; margin-top:70px; border-top:1px solid #ddd; color:#A0A0A0; font-size: 16px;padding-left:20px;}
.origin-area .list {display: flex; flex-wrap: wrap; }
.origin-area .list li {width: 50%;}
.origin-area .list li:nth-child(2n) {padding-left:50px;}
.recommend-list {background-color: #fff; padding: 100px 70px; display: flex; justify-content: space-between;}
.recommend-list li {width: 166px; }
.recommend-list li  p {font-size: 20px; padding-top:30px;}
.activelife-07 .img-box video {width: 70%;}
.activelife-09 {background-color:#F4FADE;}
.img-09-list {display: flex; justify-content: space-between;}
.img-09-list .items {width: 380px; height: 480px;}
.img-09-list .items a {display: block; width: 100%; height: 100%;}
.img-09-list .items.list-1 {background: url(../img/product/activelife/img_09_1_20241231.png) no-repeat center/ 100%;} 
.img-09-list .items.list-2 {background: url(../img/product/activelife/img_09_2_20241231.png) no-repeat center/ 100%;} 
.img-09-list .items.list-3 {background: url(../img/product/activelife/img_09_3_20241231.png) no-repeat center/ 100%;} 
.img-09-list .items.list-1:hover {background: url(../img/product/activelife/img_09_1_h_20241231.png) no-repeat center/ 100%;} 
.img-09-list .items.list-2:hover {background: url(../img/product/activelife/img_09_2_h_20241231.png) no-repeat center/ 100%;} 
.img-09-list .items.list-3:hover {background: url(../img/product/activelife/img_09_3_h_20241231.png) no-repeat center/ 100%;} 
.img-09-list .plus {position: relative; top:220px; margin:0 10px; width: 50px; height: 50px; background: url(../img/product/activelife/plus.svg) no-repeat center/ 100%;}
.activelife-09 .info-bottom { width: 426px;}
.step-label {position: relative; width: 200px; height: 70px; line-height: 70px; text-align: center; font-size: 30px; font-weight: 600; color:#fff; background-color: #A0A0A0; border-radius: 50px; box-sizing: border-box; margin:0 auto 70px; }
.step-label:after {content:""; position: absolute; bottom:-40px; left:85px; display: block; width: 30px; height: 1px; background-color:#000000; }
.activelife-10 .info-bottom { width: 120px;}
.activelife-10 .step-label {background-color:#F7E152;}
.activelife-11 .step-label {background-color:#D3D340;}
.activelife-12 .step-label {background-color:#B498D5;}
.gray-label-wrap { padding-top:26px; padding-bottom:55px;}
.gray-label {display: inline-block; font-size: 22px; font-weight: 600; background-color:#F2F2F2; padding: 10px 50px; border-radius: 30px;}
.btn-viewer-area {padding-top:30px;text-align: center;}
.btn-viewer {padding:10px 30px; height:50px; box-sizing: border-box; font-size: 20px; font-weight: 500; color:#E60012; border:1px solid #E60012; border-radius: 30px;}
.btn-viewer:hover { color:#FFF;background-color:  #E60012;}

.swiper-subject-wrap { position: absolute;  width: 1050px; height: 800px;background-color: #fff; margin:0 auto; text-align: center; top:50%; left:50%; transform: translate(-50%, -50%); overflow: hidden;}
.swiper-subject-wrap .btn-close {right: 20px; top:20px; background:url(../img/product/activelife/btn_close.svg) no-repeat center / 35px; cursor: pointer; z-index: 10;}
.mySwiper-activeLife1 {padding-top:160px;}
/* .mySwiper-activeLife1 .swiper-pagination{top:70px;}
.mySwiper-activeLife1 .swiper-pagination-bullet {color:#E60012; background-color:#fff; border:1px solid #E60012; font-size: 15px; font-weight: 500;width: auto; height: auto; padding: 0 15px; line-height: 30px; border-radius: 30px; opacity: 1; }
.mySwiper-activeLife1 .swiper-pagination-bullet-active {color:#fff; background-color:#E60012;} */
.mySwiper-activeLife1 .swiper-button-next, .mySwiper-activeLife1 .swiper-button-prev {z-index: 50; color: #A0A0A0; font-weight: 900;}
.mySwiper-activeLife1 .swiper-button-next {right: 7rem;}
.mySwiper-activeLife1 .swiper-button-prev {left: 7rem;}

.review-Swiper {padding-top:40px; margin-bottom:150px;}
.review-Swiper li {display: flex;flex-direction: column; justify-content: center; background-color:#FFFCE8; border-radius: 15px; padding: 36px 10px; height: auto; box-sizing: border-box;}
.review-Swiper li p {font-size: 22px; text-align: center; line-height: 1.5;}
.review-Swiper li .user {font-size: 20px; text-align: right; padding-top:10px; padding-right: 20px;}

.activelife-11 .img-box {display: flex; align-items: center; justify-content: space-around;}
.point-2-list li {display: flex; margin-bottom:46px;}
.point-2-list li:last-child {margin-bottom:0;}
.point-2-list li .num {display:inline-block; font-size: 18px; background-color:#D3D340; border-radius: 50%; color:#fff; width: 28px; height: 28px; font-weight: 500; margin-top:5px;}
.point-2-list li p {font-size: 24px; text-align: left; padding-left:10px; }
.img-11 {width: 440px;}
.activelife-12 .img-box {display: flex; align-items: flex-end; justify-content: center; padding-top:100px;}
.activelife-12 .img-12 {width: 310px; box-shadow: 0 5px 5px 0px rgba(0,0,0,0.1);}
.activelife-12 .right {padding-left:50px;}
.point-3-list {padding-bottom:68px;}
.point-3-list li {text-align: left; display: flex; align-items: center; padding-bottom:20px;}
.point-3-list li .icon-check {display: inline-block; width: 18px; height: 18px; background: url(../img/product/activelife/ico_check.svg) no-repeat center / 100%; margin-right: 5px;}
.point-3-list li p {font-size: 26px;}
.activelife-12 .info-bottom {text-align: left; width: 100%;}
.magazine-swiper .swiper-wrapper {padding-top:70px; padding-bottom:50px;}
.magazine-swiper li:nth-child(2n-1) {display: flex;justify-content: flex-end;}
.magazine-swiper li img {width: 400px;box-shadow: 4px 4px 15px 2px rgba(0,0,0,0.1);}
.magazine-swiper .swiper-button-prev , .magazine-swiper .swiper-button-next {display: block;}
.magazine-swiper .swiper-pagination {bottom:0; color:#A0A0A0; font-size: 20px;}
.magazine-swiper .swiper-pagination-current {font-weight: bold; color:#111;}
.activelife-13  .comment {text-align: center; padding-top:30px;}
.activelife-14 {position: relative; background: #EEF2FF;}
.activelife .last-img-area { width: 100%; background: url(../img/product/activelife/img_14_bg_20241231.png) no-repeat center / 1920px; text-align: center;}
.activelife .last-img-area img {width: 694px;}
.activelife-15 {background-color:#FDF2F2;}

@media screen and (max-width:1200px) {
    .review-Swiper {padding-left:30px; padding-right: 30px;}
}

@media screen and (max-width:1024px) {
    .activelife .img-03 {width: 100%;}
    .activelife .img-04 {width: 100%;}

    .swiper-subject-wrap { position: absolute;  width: 100%; height: 100vh; }
    .swiper-subject-wrap .btn-close {right: 1.9vw; top:1.9vw;background-size: 26px; }
    .mySwiper-activeLife1 {padding-top:160px;}
    /* .mySwiper-activeLife1 .swiper-pagination{top:14vw;}
    .mySwiper-activeLife1 .swiper-pagination-bullet { font-size: 13px;  }
    .mySwiper-activeLife1 .swiper-pagination-bullet-active {color:#fff; background-color:#E60012;} */
    .mySwiper-activeLife1 .swiper-button-next, .mySwiper-activeLife1 .swiper-button-prev {z-index: 50; color: #A0A0A0; font-weight: 900;}
    .mySwiper-activeLife1 .swiper-button-next {right: 2rem;}
    .mySwiper-activeLife1 .swiper-button-prev {left: 2rem;}
    .magazine-swiper .swiper-wrapper {padding-top:9.6vw; padding-bottom:13vw;}
    .magazine-swiper li {display: flex; justify-content: center;}
    .magazine-swiper li:nth-child(2n-1) {justify-content: center;}
    .magazine-swiper li img {width: 60%; max-width:370px; }
    .magazine-swiper .swiper-button-next {right: 0rem;}
    .magazine-swiper .swiper-button-prev {left: 0rem;}
    .magazine-swiper .swiper-pagination { font-size: 16px;}
}
@media screen and (max-width:750px) {
    /* 20240415 시니어 액티브라이프 상품화면 */
    .pc-br {display: none;}
    .activelife-01 {padding-top:45.3333vw;}
    .product-title-txt .life-tit {font-size:7.2000vw; padding-bottom:3.4667vw; }
    .activelife-01 .product-title-txt strong {font-size: 9.6vw;}
    .product-title-txt .small-info {padding-top:5.6vw;}
    .sub-tit {font-size: 8vw; letter-spacing: -0.04rem; line-height: 1.3;}
    .small-info {font-size: 3.9vw;  padding-top:2.6667vw;}
    .medium-info {font-size: 5.3333vw;}
    .regular-info {font-size: 5vw;}
    .big-info {font-size: 5.8667vw;text-align: center;}
    .comment {font-size: 13px;}
    .medium-info + .sub-tit {padding-top:16px;}
    .activelife .main-img-area { background:#fff; padding-top:0; }
    .activelife .main-img-area img {width: 100%}
    .activelife-02 {background-color: #FFF8E1;}
    .activelife-02 .info-bottom { width: 250px;}
    .text-box + .img-box {padding-top:9.3333vw;}
    .img-box + .text-box  {padding-top:9.3333vw;}
    .img-box {text-align: center;}
    .bg-gray {background-color:#F8F8F8;}
    .activelife-03 .info-bottom {width: 306px;}
    .activelife-03 .info-bottom .comment {text-align: left;}
    .activelife-05 .img-05 {width:100%;} 
    .activelife-07 .img-box video {width: 95%;}
    .activelife-09 .info-bottom { width: 100%;} 
    .activelife-10 .info-bottom { width: 100px;}
    .activelife-12 .info-bottom { width: 100%;}

    .img-09-list { flex-direction: column;align-items: center; gap: 3vw;}
    .img-09-list .items {width: 65.3333vw; height: 82.4vw;}
    .img-09-list .plus { top:0; width: 10vw; height: 10vw;}

    .origin-area {padding-top:4vw; margin-top:9.3333vw;  font-size: 13px; padding-left:0px;}
    .origin-area .list {display: block; }
    .origin-area .list li {width: 100%; margin-top: 5px;}
    .origin-area .list li:nth-child(2n) {padding-left:0px;}

    .recommend-list { padding: 13.0667vw 9.0667vw; flex-wrap: wrap;    justify-content: center; gap:11%}
    .recommend-list li {width: 44%;margin-bottom:9vw;}
    .recommend-list li:last-child {margin-bottom:0;}
    .recommend-list li p {font-size: 3.7333vw; padding-top:5vw;}
  
    .step-label { width: 37.3333vw; height: 12vw; line-height: 12vw; font-size: 5.3333vw;margin:0 auto 12vw; }
    .step-label:after {bottom:-6.6667vw; left:16vw; width: 5.8667vw;  }
    .gray-label-wrap {padding-top:26px;}
    .gray-label { font-size: 3.3vw; padding: 7px 24px; }
    .btn-viewer-area {padding-top:5.6vw;}
    .btn-viewer {padding:0vw 5.3333vw; line-height: 8vw; height:8vw; font-size:3.4667vw; }

    .review-Swiper {padding-top:9vw; margin-bottom:18vw;}
    .review-Swiper li {padding: 5vw 2vw; }
    .review-Swiper li p {font-size: 3.6vw;}
    .review-Swiper li .user {font-size: 3.4vw; padding-top:2vw; padding-right:3vw;}

    .activelife-11 .sub-tit {font-size: 7.2vw;}
    .activelife-11 .img-box { flex-direction: column-reverse;}
    .activelife-11 .img-box .img-11 {width: 70%;}
    .point-2-list {padding-top:12.8vw;}
    .point-2-list li { margin-bottom:8.4vw;}
    .point-2-list li .num { font-size: 3.2vw;line-height: 5.8vw; width: 5.8vw; height: 5.8vw; margin-top:1vw;}
    .point-2-list li p {font-size: 4vw; text-align: left; padding-left:10px;}
    .activelife-12 .sub-tit {font-size: 7vw;}
    .activelife-12 .img-box {display: flex; align-items: center;  flex-direction: column; padding-top:13.3333vw;}
    .activelife-12 .img-12 {width: 56%;}
    .activelife-12 .right {padding-left:0px; padding-top:10.7vw;}
    .point-3-list {padding-bottom:2.5vw;}
    .point-3-list li { padding-bottom:2.5vw;}
    .point-3-list li .icon-check { width: 14px; height: 14px;}
    .point-3-list li p {font-size: 4.5333vw;}

    .activelife-14 .sub-tit {padding-top:10px;}
    .activelife .last-img-area {  background: none; }
    .activelife .last-img-area img {width: 100%;}
    .activelife-15 {background-color:#FDF2F2;}
    .activelife-15 .sub-tit {font-size: 6vw;}
    .big-tit {font-size: 7vw;}
    }

    /* 2024.05.22 : 김진아 : 액티브라이프 플로팅 배너 추가 */
    .quick-menu .free_trial + .free_trial {margin:10px 0;}
    .quick-menu .free_trial.float-activelife  {height: 12rem;}
.quick-menu .free_trial .activelife {
    margin: 0 auto 0.2rem;
    width: 100%;
    height: 6.5rem;
    background: #fff url(../img/main/float_activelife.png) no-repeat center / 100%;
    display: block;
    border-radius: 1.1rem 1.1rem 0 0;
    overflow: hidden;
}
    @media screen and (max-width: 1024px) {
        .quick-menu .free_trial.float-activelife  {height: 8.8rem;}
        .quick-menu .free_trial .activelife {height: 4.5rem;}
    }
    .quick-menu .free_trial p {padding-top:2px;}


/* s: 2024.06.11 SNS 바로가기 수정 */
.common-footer .sns-btn {background-color: #fff !important; border-radius: 50%; text-align: center;font-size: 24px; color:#333 !important;}
.common-footer .sns-btn i{display:flex; width: inherit; height: inherit; justify-content: center; align-items: center;}
.common-footer .sns-btn.instar{background-image:none;}
/* e: 2024.06.11 SNS 바로가기 수정 */

/* 2024.08.29 제휴페이지 추가 */
#content-main.partner{padding-top:0;}
.main-partner .main-top{padding-top:6rem;background:url('/Resources2/img/event/202409_EventPartnership/img/bg_top.png') no-repeat center 0/cover;}
.main-partner .inner-wrap{max-width:1028px;margin:0 auto;padding-bottom:90px;}
.main-partner .inner-wrap img{width:100%;}
.main-partner .btn-viewer-area{padding:0 50px;}
.main-partner .btn-viewer-area a{display:block;}
.main-partner .btn-viewer-area a + a{margin-top:45px;}
.common-footer.partner{padding-bottom:17.5rem;}
.btn_float_partner{position:fixed;bottom:0;left:50%;width:100%;max-width:1300px;transform: translateX(-50%);z-index:10;}
.btn_float_partner img{width:100%;}

@media (max-width: 1199px) {
    .section-wrap {padding: 0;}
    .common-footer.partner{padding-bottom:16vw;}
}

@media all and (max-width: 1028px) {  
    .main-partner .main-top{padding-top:8.75vw;}
    .main-partner .inner-wrap{padding-bottom:8.75vw;}
    .main-partner .btn-viewer-area{padding:0 4.87vw;}
    .main-partner .btn-viewer-area a + a{margin-top:4.38vw;}
}

/* 2024.09.04 : 개인정보 처리방침 변경 : 김진아 */
.rule-history{margin-top:25px;text-align:right;}
.rule-history select{width:325px;height:50px;}
.rule-inner{margin:30px 0 100px;}
.rule-inner h3{margin-top:70px;font-size:22px;font-weight:600;}
.rule-inner > .top-copy {font-size:18px;}
.rule-inner > .input-guide{color:#222;}
.rule-inner p{margin:20px 0;font-size:18px;color:#666;}
.process-status{margin-top:30px;}
.process-status > h3{margin-top:0;font-size:20px;font-weight:600;text-align:center;}
.process-status ul{margin-top:20px;display:flex;justify-content: space-between;align-items:flex-start;font-size:0;border:1px solid #E2DCD7;}
.process-status li{position:relative;width:16.6%;padding:19px 14px 15px;font-size:18px;text-align:center;font-weight:500;letter-spacing:-1px;vertical-align:top;}
.process-status li > p{margin:0; }
.process-status li img{width:70px;margin:0 auto 20px;}
.process-status li span{display:block;font-size:14px;font-weight:400;}
.process-status li + li:before{content:'';position:absolute;top:50%;left:0;transform: translateY(-50%);width:1px;height:110px;background:#E2DCD7;}
.cont-box{margin-top:45px;display:flex;justify-content: space-between;align-items:flex-start;padding:30px 50px;background:#F9F9F9;font-size:18px;font-weight:500;}
.cont-box a {display: block;}
.cont-box a + a{margin-top:25px;}
.cont-list{margin:20px 0 20px 5px;}
.cont-list li{position:relative;font-size:18px;color:#666;}
.tb-base{margin:30px 0 60px;border-top:2px solid #222;}
.tb-base table{width:100%;}
.tb-base tr{border-bottom:1px solid #E2DCD7;}
.tb-base th, .tb-base td{padding:12px 25px;font-size:16px;}
.tb-base td{text-align:left;}
.detail-content p {padding-top: 5px;}
@media all and (max-width: 1024px) {
	.process-status ul{flex-wrap:wrap;}
    .process-status li{width:33.3%;min-height:165px;padding: 19px 5px 15px;font-size:14px;border-right:1px solid #E2DCD7;letter-spacing:-1px;}
    .process-status li:nth-child(3n){border-right:0;}
    .process-status li:nth-child(n+4){border-top:1px solid #E2DCD7;}
    .process-status li + li:before{content:none;}
    .process-status li img{width:50px;}
    .process-status li > p{font-size:14px;}
    .process-status li > p span.db475{font:inherit;}
    .process-status li span{font-size:13px;}
	.cont-box{flex-wrap:wrap;padding:30px 20px;font-size:16px;}
    .cont-box > div{width:100%;}
    .cont-box a + a, .cont-box > div + div{margin-top:15px;}
}

/* 241021 스마트구몬N 무료체험 과목추가 관련 */
.apply-reg .child-subjuct-check .radio:not(:first-child), .apply-reg .smart-subjuct-check .radio:not(:first-child){margin-left:0 !important;}
@media all and (max-width: 640px) {
    .apply-reg .smart-subjuct-check .radio{width:50%;}
}