@charset "utf-8";
    /**************************************************
        서브페이지 css
    **************************************************/

    /*타이틀*/
    .sub_wrap{
        margin: 4.1rem auto;
    }

    .sub_wrap .sub_content{
        display:flex;
        flex-direction: column;
    }
    /*왼쪽메뉴*/
    .sub_wrap .sub_content.l_menu{
        flex-direction: row;
        gap: 2.4rem;
    }
    .sub_head{
        display: flex;
        flex-direction: column;
        gap: 3.7rem;
    }
    .l_menu .sub_head{
        width: 28rem;
        min-width: 28rem;
        gap: 1.5rem;
    }
    .sub_content.l_menu .cont_body{
        margin: 0 auto;
        width: calc(100% - 28rem - 2.4rem);
    }
    .sub_content .cont_body .sub_head{
        width: 100%;
    }
    .sub_head .tit{
        font-size: 3.2rem;
        font-weight: 800;
        color: var(--font-color-2);
        text-align: center;
        padding-top: 2.3rem;
    }
    .l_menu header.sub_head .tit{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11rem;
        background: url(../images/l_menu_bg.png) no-repeat center / cover;
        padding-top: 0;
        color: #FFFFFF;
        font-size: 2.8rem;

    }
    .sub_head .tittab,  .sub_tab{

        width: 100%;
        max-width: 570px;

        margin: 0 auto;
    }
    .sub_head .tittab.tab4{
        max-width: 1150px;
    }
    .sub_head .tittab.tab5{
        max-width: 100%;
    }
    .sub_head .tittab.tab3,.sub_tab.no3 {
        max-width: 900px;
    }
    @supports (display:grid) {
        .sub_head .tittab ul, .sub_tab ul, .chk_list .tab4{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
            gap: 1.1rem;
        }
        .sub_head .tittab.tab4 ul, .sub_tab.no4 ul, .chk_list .tab4 {
            grid-template-columns: repeat(4, 1fr);
        }
        .sub_head .tittab.tab5 ul{
            grid-template-columns: repeat(5, 1fr);
        }
        .sub_head .tittab.tab3 ul, .sub_tab.no3 ul{
            grid-template-columns: repeat(3, 1fr);
        }
        .l_menu .sub_head .tittab.tab3 ul{
            grid-template-columns: repeat(1, 1fr);
            gap: 0.6rem;
        }

    }
    @supports not (display:grid) {
        .sub_head .tittab,  .sub_tab{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .sub_head .tittab ul, .sub_tab.no2 ul{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.1rem;
            width: 100%;

        }
        .sub_head .tittab ul li,  .sub_tab.no2 ul li{
            width: calc(100% / 2 - 1.1rem);
        }
        .sub_head .tittab.tab4 ul li, .sub_tab.no4 ul li,  .chk_list .tab4 li{
            width: calc(100% / 4 - 1.1rem);
        }
        .sub_head .tittab.tab5 ul li{
            width: calc(100% / 5 - 1.1rem);
        }
        .sub_head .tittab.tab3 ul li, .sub_tab.no3 ul li{
            width: calc(100% / 3 - 1.1rem);
        }
    }
    .sub_head .tittab ul li, .sub_tab ul li{
        background-color: #f8f8f8;
        border: 1px solid #cccccc;
        padding: 1.85rem 2rem;
        font-size: 18px;
        color: var(--font-color-2);
    }

    .sub_tab ul li{font-size: 2.4rem;padding: 1.5rem 1rem;text-align: center;}
    .sub_head .tittab ul li.on, .sub_tab ul li.on {
        background-color: var(--main-color-3);
        border: 1px solid var(--main-color-3);
        color: #FFFFFF;
    }

    .area_location ol {
        max-width: 1500px;
        margin: 0.3rem auto;
        position: relative;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .area_location ol li {
        position: relative;
        padding: 0 10px 0 0;
        margin: 0 5px 0 0;
        line-height: 20.4px;
        font-size: 15px;
        color: #9c9c9c;
    }
    .area_location ol li:first-child a {
        display: block;
        color: transparent;
        width: 20px;
        height: 20px;
        background: url(../images/ico_home.png) no-repeat center / contain;
        margin: 0 5px 0 0;
    }
    .area_location ol li:after {
        position: absolute;
        right: 5px;
        top: 50%;
        content: "";
        width: 5px;
        height: 5px;
        border-top: 1px solid #9c9c9c;
        border-right: 1px solid #9c9c9c;
        transform: translate(5px, -50%) rotate(45deg);
    }
    .area_location ol li:last-child::after {display: none;}

    .sub_head .pgtit{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 3.1rem;
        border-bottom: 2px solid var(--font-color-2);
        margin-bottom: 6rem;
    }
    .sub_head .pgtit .tit{
        font-size: 4rem;
        font-weight: 800;
        color: var(--font-color-2);
        padding: 0;
    }
    .sub_head .pgtit .util_area{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .sub_head .pgtit .util_area button{
        width: 2.5rem;
        height: 2.4rem;
        margin:  0 2.6rem;
        color: transparent !important;
    }
    .sub_head .pgtit .util_area .imgshare{
        background: url(../images/share_icon.png) no-repeat center / contain;
        position: relative;
    }
    .sub_head .pgtit .util_area .imgprint{
        background: url(../images/print_icon.png) no-repeat center / contain;
    }
    .sub_head .pgtit .util_area .imgshare::after{
        position: absolute;
        content: '';
        background-color: #c8c8c8;
        width: 2px;
        height: 2.6rem;
        top: 0;
        right: -2.6rem;
    }
    .sub_content .cont_body{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 4.1rem auto;
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 1.42;
        text-align: center;
        color: var(--font-color-2);
        width: 100%;
    }
    .sub_content .cont_body .cont_list{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.9rem;
       /* padding-top: 6rem;*/
        padding-bottom: 6rem;
        width: 100%;
    }

    /*학습성검사*/
    .sub1-1  .cont_list .sub1_img1-1{
        width: 8rem;
        height: 8rem;
        background: url(../images/sub1-1-1.png) no-repeat center / contain;
    }
    .sub1-1  .cont_list .sub1_img1-2{
        /*width: 59rem;
        height: 52rem;
        background: url(../images/sub1-1-2.png) no-repeat center / contain;*/
        width: 100%;
        max-width: 590px;
        padding: 0 8rem;
    }
    .txt_pink{
        color:#e84267 !important;
    }
    .txt_blue{
        color: var(--main-color-3) !important;
    }
    .txt_orange{
        color: #e24926 !important;
    }
    .txt_red{
        color:#bb2d2d !important;
    }
    .txt_red2{
        color:#d34060;
    }
    .txt_red3{
        color:#cf2828;
    }
    .txt_blue2{
        color: #003793;
    }
    .txt_yellow{
        color: #ffeeb1;
    }
    .txt_blue3{
        color: #4064d0;
    }

    .sub1-1  .cont_list.sub1_2,.sub1-1  .cont_list.sub1_4,.sub1-1  .cont_list.sub1_6{
        background:  url(../images/sub1_2_bg.png) no-repeat center / cover;
        color: #FFFFFF;
        max-width:var(--ui-width);
        max-width:var(--max-width);
        margin: 0 auto;
    }
    .sub1-1  .cont_list/*, .sub1-2 .cont_list*/{
        padding-top: 7rem;
    }
    .sub1-1  .cont_list.sub1_1{
        padding-top: 0;
    }
    .sub_content .cont_body .cont_list h2{
        font-weight: 800;
    }
    .sub1-1  .cont_list .sub1_img2{
        width: 100%;
        max-width: 800px;
        /*height: 30rem;
        background: url(../images/sub1-2.png) no-repeat center / contain;*/
    }
    .sub1-1  .cont_list.sub1_3{
        gap: 7.8rem;
    }
    .sub1-1  .cont_list .sub1_img3{
        display: block;
        width: 100%;
        max-width: 806px;
        text-align: center;
        padding-top: 3.9rem;
    }

    .sub_content .cont_list .sub1_img4{
        display: block;
        width: 100%;
        margin: 0 auto;
        max-width: 841px;
        text-align: center;
        padding: 2.4rem 0;

    }
    .sub1-1 .cont_list .sub1_img5{
        /*width: 59rem;
        height: 58rem;
        background: url(../images/sub1-5.png) no-repeat center / contain;*/
        width: 100%;
        max-width: 590px;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 1000px;
        gap: 2rem;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.4rem;
        font-weight: 500;
        color: #000000;
        width: 100%;
        gap: 0;
    }
    .sub1-1 .sub1_img6 > div span{
        color: #3497e8;
        font-weight: 700;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child{
        justify-content: center;
        gap: 3.5rem;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child .txt{
        background: url("../images/sub1-6-1-bg.png") no-repeat center /  100% 100%;
        width: 100%;
        max-width: 56rem;
        padding: 2.9rem 2.9rem 2.9rem 8rem;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child img{
        width: 40rem;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child img{
        width: 23rem;
    }
    .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child .txt{
        background: url("../images/sub1-6-2-bg.png") no-repeat center /  100% 100%;
        width: 70%;
        max-width: 600px;
        padding: 2.9rem 8rem 2.9rem 2.9rem;
    }
    .sub1-1 .cont_list.sub1_6 .btn{
        font-size: 3rem;
        font-weight: 800;
        padding: 1.5rem 4.5rem;
        border: 2.5px solid #ffeb9c;
        color: #ffeb9c;
        background-color: transparent;
    }
    .sub1-1 .cont_list.sub1_7{
        padding: 6rem 0 0;
    }
    .sub1-1 .cont_list.sub1_7 table{
        color: #171717;
        font-size: 2.4rem;
        font-family: 'Pretendard GOV';
        border: 2px solid #171717;
        width: 100%;
        max-width: 960px;
        margin: 0 auto;

    }
    .sub1-1 .cont_list.sub1_7 table th,.sub1-1 .cont_list.sub1_7 table td  {
        border: 1px solid #171717;
        padding: 1.9rem;
        text-align: left;
    }
    .sub1-1 .cont_list.sub1_7 table  img{
        width: 3.8rem;
        height: 3.8rem;
    }
    .sub1-1 .cont_list.sub1_7 table th > div{
        display: flex;
        align-items: center;
        gap: 1rem;
        font-weight: 500;
    }
    .sub1-1 .cont_list.sub1_7 table tr td{
        font-weight: 700;
    }
    .btnbox{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }
    .btnbox button, .btnbox a.btn{
        font-size: 30px;
        font-weight: 900;
        color: #FFFFFF;
        font-family: 'Pretendard GOV';
        background-color: var(--main-color-3);
        padding: 1.5rem 6.5rem;
        border-radius: 35px;
        margin-top: 3rem;
        box-shadow: 3.86px 4.60px 0px 0.84px #8a8a8a28;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
        word-break: break-all;
    }
    /*//학습성검사*/

    /*자기주도검사*/
    .cont_body.sub1-2 *{
        font-family: 'Pretendard GOV';
    }
    /*.cont_body.sub1-2 .in_cover{
        max-width:var(--ui-width);
    }*/
    .cont_list.sub1_2_1 h3.tit,.cont_list.sub1_2_2 h3.tit{
        font-size: 3.6rem;
        font-weight: 700;
        color: var(--font-color-2);
    }
    .cont_list.sub1_2_1 .boxtxt,.cont_list.sub1_2_2 .boxtxt{
        font-size: 2.4rem;
        font-weight: 500;
        color: var(--font-color-2);
        padding: 3.2rem;
        background-color: #f8f8f8;
        white-space: pre-line;
        width: 100%;
        max-width: 950px;
        text-align: center;
    }
    .cont_body.sub1-2 .imgbox1, .cont_body.sub1-2 .imgbox2{
        width: 100%;
    }
    .cont_body.sub1-2 .imgbox1 img{
        width: 100%;
        max-width: 658px;
    }
    .cont_body.sub1-2 .imgbox2 img{
        width: 100%;
        max-width: 950px;
    }
    .cont_list.sub1_2_2 .item01 {
        background: url(../images/self1_bg.png) no-repeat center / contain;
        width: 100%;
        max-width: 720px;

    }
    @supports (display:grid) {
        .cont_list.sub1_2_2 .item01 > ul{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
            gap: 25px;
        }
    }
    @supports not (display:grid) {
        .cont_list.sub1_2_2 .item01 > ul{
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
        }
        .cont_list.sub1_2_2 .item01 > ul > li{
            width: calc(100% / 2 - 25px);
        }
    }

    /*.cont_list.sub1_2_2 .item01 > ul > li:nth-child(1){
        background: linear-gradient(220deg, #CC3253 50%, #E23A59 50%);
        border-radius: 16px 160px;
    }
    .cont_list.sub1_2_2 .item01 > ul > li:nth-child(2){
        background: linear-gradient(320deg, #259390 50%, #45aeae 50%);
        border-radius: 160px 16px;
    }
    .cont_list.sub1_2_2 .item01 > ul > li:nth-child(3){
        background: linear-gradient(320deg, #3e7b97 50%, #2e687c 50%);
        border-radius:  160px 16px;
    }
    .cont_list.sub1_2_2 .item01 > ul > li:nth-child(4){
        background: linear-gradient(220deg, #fc9b2b 50%, #f28419 50%);
        border-radius: 16px 160px;
    }*/
    .cont_list.sub1_2_2 .item01 li{
        width: 100%;
        position: relative;
    }
    .cont_list.sub1_2_2 .item01 .square {
        width: 100%;
        padding-top: 100%; /* 정사각형 비율 */
        position: relative;
    }
    .cont_list.sub1_2_2 .item01 .cont {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        font-weight: 500;
        color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .cont_list.sub1_2_2 .item01 .cont .tit{
        font-size:  2.8rem;
        font-weight: 800;
        padding-bottom: 1.5rem;
    }
    .cont_list.sub1_2_2 .item01 .cont .item_list{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        line-height: 1.5;
    }
    .cont_list.sub1_2_2 .item01 .cont .item_list li:before{
        content: '・';
    }
    .cont_list.sub1_2_2 .item01 .cont .imgbox{
        width: 9.3rem;
        height: 7.5rem;
        /*display: flex;
        justify-content: center;
        align-items: center;*/
        display: inline-block;
        margin-bottom: 3.2rem;
    }
    .cont_list.sub1_2_2 .item01 .cont .imgbox.img01{
        background: url("../images/ico_self1_1.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_2 .item01 .cont .imgbox.img02{
        background: url("../images/ico_self1_2.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_2 .item01 .cont .imgbox.img03{
        background: url("../images/ico_self1_3.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_2 .item01 .cont .imgbox.img04{
        background: url("../images/ico_self1_4.png") no-repeat center / contain;
    }
    /*.cont_list.sub1_2_2 .item01 .cont .imgbox img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }*/
    .cont_list.sub1_2_3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 3rem;
    }
    .cont_list.sub1_2_3 .cont {

        background-color: #f8f8f8;
        width: 100%;
    }
    .cont_list.sub1_2_3 .item_list{
        max-width: 1000px;
        margin: 0 auto;
        padding: 5.6rem 0;
    }
    @supports (display:grid) {
        .cont_list.sub1_2_3 .item_list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 4.3rem;
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {
        .cont_list.sub1_2_3 .item_list {
            display: flex;
            gap: 4.3rem;
        }
        .cont_list.sub1_2_3 .item_list  li{
            width: calc(100% / 4 - 4.3rem);
        }
    }
    .cont_list.sub1_2_3 .item_list .cont{
        display: flex;
        flex-direction: column;
        align-items: stretch; /* 세로 높이를 같은 값으로 늘려줌 */
        font-size: 2.4rem;
        line-height: 1.5;
        font-weight: 500;
        color: #FFFFFF;
        border-radius: 23px;
        overflow: hidden;
        border: 2px solid #ffffff;
        -webkit-box-shadow: 5px 5px 0px 1px rgba(233, 165, 180, 0.18);
        box-shadow: 5px 5px 0px 1px rgba(233, 165, 180, 0.18);
    }
    .cont_list.sub1_2_3 .item_list .cont .imgbox, .cont_list.sub1_2_3 .item_list .cont > div{
        width: 100%;
        background-color: #e9a5b4;
        padding: 3.4rem 0 1.6rem;
    }
    .cont_list.sub1_2_3 .item_list .cont > div{
        background-color: #e693a5;
        padding: 1.6rem;
    }
    .cont_list.sub1_2_3 .item_list .cont strong{
        font-size: 4rem;
        font-weight: 800;
    }
    .cont_list.sub1_2_3 .item_list .imgbox span{
        width: 6.4rem;
        height: 6.4rem;
        display: inline-block;
    }

    .cont_list.sub1_2_3 .item_list .imgbox.img01 span{
        background: url("../images/ico_self2_1.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_3 .item_list .imgbox.img02 span{
        background: url("../images/ico_self2_2.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_3 .item_list .imgbox.img03 span{
        background: url("../images/ico_self2_3.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_3 .item_list .imgbox.img04 span{
        background: url("../images/ico_self2_4.png") no-repeat center / contain;
    }
    .cont_list.sub1_2_3 .item_list li{
        position: relative;
    }
    .cont_list.sub1_2_3 .item_list li:after{
        position: absolute;
        content: '';
        background: url("../images/self_arrow.png") no-repeat center / contain;
        width: 4.8rem;
        height: 4rem;
        top: 50%;
        right: -4.8rem;
        transform: translate(0, -50%);
    }
    .cont_list.sub1_2_3 .item_list li:last-child:after{
        display: none;
    }

    /*//자기주도검사*/

    /*공부법찾기*/
    .sub_content .cont_body .cont_list.std_s_box{
        padding: 9.5rem 8.5rem;
        background-color: #f8f8f8;
        margin: 6rem 0;
    }
    .cont_list.std_s_box .progressbox{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        width: 100%;
    }
    .cont_list.std_s_box .progressbox .infotxt{
        font-size: 2.4rem;
        color: var(--font-color-2);
        padding-bottom: 0.4rem;
    }
    .cont_list.std_s_box .progressbox .progress-ar {
        height: 5.4rem;
        width: 100%;
        border-radius: 27px;
        padding: 0.7rem;
        background: #fff;
        border: 3px solid var(--main-color-3);
        overflow: hidden;
    }
    .cont_list.std_s_box .progressbox .progress-ar .active {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 20px;
    }
    .cont_list.std_s_box .progressbox .progress-ar .active span {
        background: var(--main-color-3);
        display: block;
        height: 100%;
    }
    .cont_list.std_s_box .progressbox .progress-num{
        display: block;
        width: 100%;
        text-align: right;
    }
    .cont_list.std_s_box .progressbox .progress-num span {
        font-size: 3rem;
        padding: 0.5rem 3rem;
        line-height: 30px;
        color: #fff;
        background: var(--main-color-3);
        font-weight: 600;
        border-radius: 21px;
    }
    .cont_list.std_s_box .progress-cont{
        background-color: #FFFFFF;
        padding: 9rem;
        display: flex;
        flex-direction: column;
        gap: 5.7rem;
        width: 100%;
        border-radius: 3rem;
    }
    .cont_list.std_s_box .progress-cont-tit{
        font-size: 3.6rem;
        font-weight: 500;
        color: var(--font-color-2);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4.4rem;
    }
    .cont_list.std_s_box .progress-cont-tit span{
        font-size:  3.6rem;
        font-weight: 600;
        color: #FFFFFF;
        width: 8.8rem;
        height: 8.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background-color: var(--main-color-3);
    }
    .cont_list.std_s_box .progress-cont-box{
        background-color: #f8f8f8;
        border-radius: 3rem;
        padding: 4.6rem 5.3rem;
        margin: 0 1rem;
    }
    .cont_list.std_s_box .progress-cont-box textarea{
        height: 20rem;
        width: 100%;
        border: 0;
        box-sizing:border-box;
        padding: 2.7rem 1.7rem;
        font-size: 2.4rem;
    }
    .sub_content .cont_body .cont_list.btnlist{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 9.3rem;
        width: 100%;
    }
    .sub_content .cont_body .cont_list.btnlist.view{
        gap: 2.9rem;
    }
    .sub_content .cont_body.board .cont_list.btnlist.view{
        gap: 1.7rem;
    }
    .sub_content .cont_body  .cont_list.btnlist button,.cont_list.btnlist a{
        font-size: 3.6rem;
        font-weight: 600;
        color: #FFFFFF;
        padding: 1.3rem;
        width: 32rem;
        border-radius: 35px;
    }
    .sub_content .cont_body  .cont_list.btnlist.view button{
        width: 20rem;
        font-size: 2.8rem;
    }
    .btn_l{
        background-color:  #575757 !important;
        color: #FFFFFF;
    }
    .btn_r, .btn_b{
        background-color: var(--main-color-3) !important;
        color: #FFFFFF;
    }
    .progress-cont-box .pro_chk_box{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 8.2rem 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 2rem 4rem;
    }
    .progress-cont-box .pro_chk_box.list_over{
        max-width: 75%;
    }
    .progress-cont-box .pro_chk_box.list_over2{
        max-width: 95%;
        gap: 2rem 1rem;
    }
    .pro_chk {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding-left: 5rem;
    }
    .pro_chk input[type="radio"],.pro_chk input[type="checkbox"] {

        border: 1px solid #d9d9d9;
        border-radius: 0;
        margin: 0;
        width: 4rem;
        height: 4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFFFFF;
        transition: background-image 0.3s ease;
        z-index: 1;
        margin-right: 1rem;

        background-clip: padding-box;

        position: absolute;

        left: 0;

        top: 0;
    }
    .pro_chk input[type="radio"]:checked::after,.pro_chk input[type="checkbox"]:checked::after{
        position: absolute;
        content: '';
        background-image: url('../images/ico_chk_on.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 4.5rem;
        height: 3.4rem;
        top: 0;
        left: 0;
    }



    .progress-cont-box .pro_input_box{
        /*display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 5.1rem;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2rem;
        width: fit-content;
        margin: 0 auto;

    }
    .progress-cont-box .pro_input_box table{
        width: 100%;
    }
    .progress-cont-box .pro_input_box table th{
        font-size: 2.4rem;
        color: var(--font-color-1);
        word-break: keep-all;
        text-align: left;
    }
    .progress-cont-box .pro_input_box table th,.progress-cont-box .pro_input_box table td{
        padding: 1rem 2.5rem;
    }
    input[type="text"],input[type="password"]{
        background-color: #FFFFFF;
        border: 1px solid #d9d9d9;
        -webkit-appearance: none;
        padding: 1rem;
        width: 20rem;
    }
    .progress-cont-box .pro_input_box table input[type="text"],.pro_input_box input[type="text"]{
        background-color: #FFFFFF;
        border: 1px solid #d9d9d9;
        -webkit-appearance: none;
        padding: 1.5rem;
        font-size: 2.4rem;
        width: 100%;
        color: var(--font-color-2);
    }
    .pro_input_box input[type="text"]{
        padding: 1rem;
        width: 20rem;
        font-size: 2.5rem;
        height: 4rem;
    }
    .txt_r{color: #b81c1c !important;}
    .txt_g{color: #3f862c !important;}
    .txt_b{color: #3365d7 !important;}

    /*나의학습방*/
    .sub_content .cont_body.result .cont_list{
        gap: 2rem;
    }

    .result .pgtit .tit a{
        font-size: 4rem;
        font-weight: 300;
        color: var(--font-color-1);
        padding: 0 2rem;
    }
    .result .pgtit .tit a.on{
        color: var(--main-color-3);
        font-weight: 800;
    }
    .result .pgtit .tit a{
        border-right: 1px solid #c8c8c8;
    }
    .result .pgtit .tit a:last-child{
        border-right: 0;
        padding-right: 0;
    }
    .result .pgtit .tit a:first-child{
        padding-left: 0;
    }
    .result .line_tit{
        text-align: left;
        width: 100%;
        padding-bottom: 3.2rem;
        border-bottom: 2px solid #d2d2d2;
    }
    .result .line_tit h4{
        font-size: 3.2rem;
        font-weight: 700;
        color: var(--font-color-2);
    }
    .result .table_wrap table,.result .tbl2group table{
        margin-bottom: 2rem;
        min-width: 720px;
    }
    .result .tbl2group table:first-child, .result .tbl2group table:first-child tr:last-child td{
        border-bottom: 0;
        margin-bottom: 0;
    }
    .result .filebox{
        justify-content: flex-start;
        gap: 1rem;
        flex-direction: row;
    }
    .result .filebox .btn{
        margin: 0;
        border-radius: 5px;
    }
    .result .view_table .b_th th{
        background-color: var(--main-color-3);
        color: #FFFFFF;
        font-size: 2.8rem;
        font-weight: 700;
    }
    .result .tbl2group table caption{
        padding: 0;
    }
    .result .view_table .viewtit{
        background-color: var(--main-color-3);
        color: #FFFFFF;
        font-size: 3.2rem;
        font-weight: 700;
        text-align: left;
        padding-left: 3.2rem;
    }
    .myview td, .myview td .btn{
        font-size: 2rem;
        font-weight: 400;
    }
    .result .view_table strong{
        font-size: 3.6rem;
        font-weight: 600;
        line-height: 1;
    }
    .result .view_table  select.full{
        padding: 1rem 6rem 1rem 1.5rem;
    }
    .result .view_table, .result .view_table th, .result .view_table td{
        border: 1px solid #d2d2d2;
        padding: 1rem 1.5rem;
    }
    .result .tbl2group table, .result .tbl2group table th, .result .tbl2group table td{
        border: 2px solid #d2d2d2;
        padding: 1rem;
    }
    .result .chart_view{
        position: relative; width: 100%; max-width: 1000px; height: 70rem; margin: auto;
    }


    .sub_content .cont_body.result .cont_list.btnlist.view button{
        width: 23rem;
        font-size: 3.2rem;
    }
    .table_wrap {
        width: 100%;
        overflow-x: auto; /* 가로 스크롤 허용 */
        -webkit-overflow-scrolling: touch; /* 모바일 스크롤 부드럽게 */
    }
    /* 공통: 스크롤 영역 */
    .table_wrap {
        overflow-x: auto;   /* 가로 스크롤 가능 */
        overflow-y: hidden; /* 세로 스크롤은 감춤 */
    }

    /* Chrome, Safari, Edge (Webkit 계열) */
    .table_wrap::-webkit-scrollbar {
        display: none; /* 스크롤바 숨기기 */
    }

    /* Firefox */
    .table_wrap {
        scrollbar-width: none; /* 스크롤바 숨기기 */
    }

    /* IE, 구형 Edge */
    .table_wrap {
        -ms-overflow-style: none; /* 스크롤바 숨기기 */
    }

    .view_table{
        width: 100%;
        border-collapse: collapse;
        border: 0.2rem solid #d2d2d2;
        font-size: 2.4rem;
        line-height: 1.5;
        color: var(--font-color-2);
        text-align: left;
    }
    .view_table.cst td{
        line-height: 1.16;
    }
    .table_wrap .view_table{
        min-width: 680px;
    }
    .view_table.small_txt{
        font-size: 2rem;
    }

    .view_table th,
    .view_table td {
        border: 0.2rem solid #d2d2d2;
        padding: 2rem 1rem;

    }
    .view_table .nodata{
        padding: 3rem;
    }
    .s_b{
        font-weight: 600 !important;
    }
    .total .view_table td{
        color: var(--font-color-2);
        font-weight: 600;
    }
    .view_table th{
        background-color: #f5f5f5;
        font-weight: 600;
        text-align: center;
    }
    .view_table.small_txt th{
        font-size: 2.2rem;
    }
    .view_table button,.view_table a.btn, .view_table .btn{
        font-size: 2.4rem;
        color: #FFFFFF;
        font-weight: 600;
        background-color: var(--main-color-3);
        padding: 0 2rem;
        border-radius: 17px;
        line-height: 1.5;
        margin: 0 auto;
        display: inline-block;
    }
    .mento .view_table button,.mento .view_table a.btn{
        font-size: 2.8rem;
        font-weight: 800;
        width: 90%;
        border-radius: 3.2rem;
        margin: 0;
        padding: 1rem;
    }
    .view_table button.btn2{
        padding: 1rem 2.5rem;
        border-radius: 26px;
        width: 90%;
        max-width: 160px;
    }
    .txt_center {
        text-align: center !important;
    }
    .txt_left{
        text-align: left !important;
    }
    .chart_box{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 4.7rem;
        gap: 5rem;
    }
    .chart_box h5, .view_table.small_txt h5{
        font-size: 2.4rem;
        font-weight: 700;
        color: var(--font-color-2);
    }

    .sc .view_table.resultbox th{
        padding: 4rem 0 6rem;
        text-align: center;
        font-size: 2.4rem;
        background-color: #FFFFFF;
        border: 0;
        color: var(--font-color-1);
    }
    .sc .view_table.resultbox td{
        border: 0;
    }
    .sc .view_table.resultbox .cont{
        font-size: 2.4rem;
        font-weight: 300;
        min-height: 50rem;
        color: var(--font-color-1);
        padding: 2rem;
        word-break: keep-all;
    }
    .sc .view_table.resultbox .cont .cont-tit{
       font-weight: 700;
        padding-bottom: 2.5rem;
    }
    .chart_box .test-results-chart{
        width: 100%;
        height: 500px;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .view_table .point_txt{
        color: #b50000;
    }

    /*나의학습방*/
    .sub_content .cont_body.sc{
        padding: 0;
    }
    .schedule_day{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10rem;
    }
    .sub_content .cont_body.sc .cont_list {
        gap: 3.2rem;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .sc .view_table th,.sc .view_table td{
        padding: 2rem;

    }
    .sc .view_table th{
        font-size: 2.8rem;
        font-weight: 700;
        background-color: #f8f8f8;
    }
    .sc .view_table.small_txt th{
        font-size: 2.2rem;
        font-weight: 600;
    }
    .sc .view_table.small_txt th strong{
        font-size: 2.4rem;
        font-weight: 700;
    }
    .sc .view_table td{
        font-size: 2.4rem;
        font-weight: 500;
        color: var(--font-color-1);
    }
    .sc .view_table.small_txt td{
        font-size: 2rem;
        font-weight: 500;
    }
    .sc .sub_tit, .mento .sub_tit, .total .sub_tit{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .view_table caption {
        text-align: left;
        font-weight: bold;
        padding: 0.5rem 0;
    }

    .view_table caption span {
        display: block;
        font-weight: normal;
        font-size: 0.9rem;
        color: #666;
    }

    .infobox{
        background-color: #f8f8f8;
        padding: 6.7rem 4.2rem;
        font-size: 2.4rem;
        font-weight: 500;
        color: #58575c;
        width: 100%;
        line-height: 1.5;
    }
    .infobox ul{
        display: flex;
        flex-direction: column;
        align-items: flex-start;

    }
    .infobox ul li{
        position: relative;
        padding-left: 2.5rem;
        text-align: left;
    }
    .infobox ul li::before {
        position: absolute;
        content: "- ";         /* li 앞에 - 추가 */
        top: -2px;
        left: 0;
        transform: translate(0, 0);
    }
    .day_cont{
        font-size: 2rem;
        height: 100%;
        min-height: 10rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .day_cont .cal_date{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .day_cont .cal_date strong{
        font-size: 2.3rem;
        color: var(--font-color-1);
    }
    .day_cont ul{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 100%;
        width: 60%;
        /*word-break: keep-all;*/
        line-height: 1.2;
    }
    .view_table.cd td{
        vertical-align: baseline;
    }
    .day_cont ul .class_turn{
        font-size: 1.5rem;
        color: var(--font-color-1);
    }
    .day_cont ul .class_type{
        font-size: 1.5rem;
        color: #FFFFFF;
        background-color: #bb2d2d;
        border: 1px solid #bb2d2d;
        text-align: center;
        padding: 0 0.5rem;
    }
    .day_cont ul .class_time{
        font-size: 1.5rem;
        color: #3f862c;
        margin-top: auto;
    }

    .result .day_cont ul .class_time{
        margin-top: 0;
    }
    .total .view_table tbody tr:nth-child(even), .even tbody tr:nth-child(even){
        background-color: #f5f5f5;
    }
    .total .view_table td button, .consulting .view_table td button, .total .btn, .consulting .btn{
        width: 90%;
        max-width: 150px;
        margin: 0.5rem auto;
        padding: 0;
        text-align: center;
    }
     .btn_t_1{
        background-color: var(--main-color-1) !important;
    }
     .btn_t_2{
        background-color: var(--main-color-3) !important;
    }
     .btn_t_3{
        background-color: var(--main-color-5) !important;
    }
    /*1:1멘토*/
    .mento .sub_head .pgtit{
        margin-bottom: 9.9rem;
    }
    .sub_tab ul li{
        border-radius: 33px;
    }
    .mento .view_table th, .mento .view_table td,.mento .view_table{
        border: 1.5px solid #dddddd;
    }
    .mento .view_table th{
        background-color: #f8f8f8;
        font-size: 2.8rem;
    }
    .view_table.cd{
        border-top: 3px solid #282828;
    }
    .view_table.cd th{
        background-color: #FFFFFF;
        border-bottom: 2px solid #282828;
    }

    /*AI 학습관리*/
    .sub_content .cont_body.ai{
        margin-bottom:  11.4rem;
    }
    .ai h1{
        font-size: 4.4rem;
        font-weight: 800;
        color: var(--font-color-2);
        line-height: 5.2rem;
    }
    .ai h1 span{
        position: relative;
    }
    .ai h1 span:after{
        position: absolute;
        content: '';
        background: url("../images/ai_cont1_txt_bg.png") no-repeat bottom / contain;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    .sub_content .cont_body.ai .cont_list{

    }
    /*.sub_content .cont_body.ai .cont_list.item01{
        background: url("../images/ai_cont1_bg.png") no-repeat center / cover;
    }
    .sub_content .cont_body.ai .cont_list.item02 .pg_list{
        background: url("../images/ai_cont2_bg.png") no-repeat center bottom / cover;
        padding: 17rem 10.7rem;
        border-radius: 30px;
    }
    .sub_content .cont_body.ai .cont_list.item02{
        gap: 15rem;
        max-width:var(--max-width);
        width:var(--ui-width);
        margin: 0 auto;
    }*/
    .ai .ai-banner{
        width: 100%;
        height: 100%;
        background: url("../images/ai_title.png") no-repeat center /  100% 100%;
        padding: 6rem 2rem 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2.9rem;
        overflow: hidden;
    }
    .ai .ai-banner .ai-bg1{
        font-size: 2rem;
        font-weight: 700;
        color: var(--font-color-2);
        background-color: #FFFFFF;
        border-radius: 22px;
        padding: 0.5rem 2rem;
        margin-left: 7rem;
        position: relative;
    }
    .ai .ai-banner .ai-bg1:before{
        content: '';
        display: block;
        background: url("../images/ai_title2.png") no-repeat center / contain;
        width: 7.3rem;
        height: 7.4rem;
        position: absolute;
        left: -5rem;
        bottom: 0;

    }
    .ai .ai-banner .ai-bg2 ul{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }
    .ai .ai-banner .ai-bg2 ul li{
        display: flex;
        flex-direction: column;
        gap: 1.4rem;
        font-size: 2.8rem;
        font-weight: 600;
        color: #FFFFFF;
    }
    .ai .ai-banner .ai-bg2 ul li span{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ai .ai-banner .ai-bg2 .red_txt1{
        background-color: #e55367;
        width: 14rem;
        height: 14rem;
        border-radius: 999px;
    }
    .ai .ai-banner .ai-bg2 .red_txt2{
        background-color: #da4459;
        width: 20rem;
        height: 4.9rem;
        border-radius: 24px;
    }
    .ai .ai-banner .ai-bg2 .red_txt3{
        background-color: #c42b40;
        width: 14rem;
        height: 14rem;
        border-radius: 999px;
    }
    .ai .ai-banner .ai-bg2 .arrow_l,.ai .ai-banner .ai-bg2 .arrow_r{
        font-size: 2rem;
        color: #c33131;
        width: 10rem;
        height: 10rem;
        flex-direction: unset;
        align-items: center;
        line-height: 1.1;
        background-color: #FFFFFF;
    }
    .ai .ai-banner .ai-bg2 .arrow_l{
        background: url("../images/ai_title_arrow_l.png") no-repeat center /  140% 110%;
        justify-content: flex-start;
        padding-left: 1rem;
    }
    .ai .ai-banner .ai-bg2 .arrow_r{
        background: url("../images/ai_title_arrow_r.png") no-repeat center /  140% 110%;
        justify-content: flex-end;
        padding-right: 3rem;
    }
    .ai .ai-banner .ai-bg2 ul li:last-child{
        background: url("../images/ai_title1.png") no-repeat center / contain;
        width: 16rem;
        height: 16rem;
    }
    .ai .item01 .sub_tit{
        background-color: var(--main-color-3);
        padding: 4rem 7.9rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #FFFFFF;
    }
    .ai .item01 .sub_tit .titbox{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .ai .item01 .sub_tit .titbox .txt_cont{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }
    .ai .item01 .sub_tit span{
        font-size: 2.4rem;
        font-weight: 500;
        color: #fff2c9;
        padding-top: 1rem;
    }
    .ai .item01 .sub_tit select{
        font-size: 2.3rem;
        color: var(--font-color-2);
        font-weight: 700;
        padding: 1.6rem 6rem 1.6rem 3.4rem;
        border-radius: 33px;
        background: url("../images/sel_ai_btn.png") no-repeat right 3rem center / 1.5rem;
        background-color: #FFFFFF;
    }
    .sub_content .cont_body.ai .cont_list.item02{
        padding: 4rem 7.9rem 5.5rem;
        align-items: flex-start;
        border: 1px solid #e4e4e4;
        text-align: left;
    }
    .sub_content .cont_body.ai .cont_list.item01{
        padding-bottom: 0;
        text-align: left;
    }
    .ai .item02 .sub_tit{
        font-size: 2.8rem;
        font-weight: 600;
        color: var(--font-color-2);
    }
    .ai .item02 .ai_infobox,.ai .item02 .ai_infobox1{
        background-color: #f8f8f8;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem;
        gap: 1%;
        border-radius: 20px 20px 0 0;
        font-size: 2.8rem;
        font-weight: 400;
        color: var(--font-color-2);
    }
    .ai .item02 .ai_infobox1{
        border-radius: 0;
        justify-content: flex-start;
        width: 100%;
        padding: 1.8rem 3.5rem;
        gap: 2.4rem;
    }
    .ai .item02 .ai_infobox1 select{
        width: 60%;
        max-width: 450px;
        border: 1px solid #a5a5a5;
        background-image: url(../images/sel_ai_btn2.png);
        color: var(--font-color-1);
    }
    .ai .item02 .table_wrap .view_table {
        min-width: 650px;
    }
    .ai .item02 .view_table caption{
        padding: 0;
    }
    .ai .view_table.ai_tbl_b,.ai .view_table.ai_tbl_b th, .ai .view_table.ai_tbl_b td{
        border: 1px solid #c7c7c7;
    }
    .ai .view_table.ai_tbl_b.p4 td {
        padding: 4rem 1rem;
    }
    .ai  .view_table.ai_tbl_b th{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .ai .item02 table td select{
        width: 100%;
        border: 0;
        font-weight: 600;
        background: url(../images/sel_ai_btn.png) no-repeat right 0.5rem center / 1.5rem;
        padding: 0.5rem 2.5rem 0.5rem 0;

    }
    .ai .item02 .schedule_day{
        color: var(--font-color-1);
        font-size: 2.8rem;
        font-weight: 500;
        padding: 0 4rem;
    }
    .ai .item02 .schedule_day a{
        font-weight: 300;
    }
    .ai .item02 .txt_b{
        color: var(--main-color-3);
        font-size: 2.8rem;
        font-weight: 300;
    }
    .ai .item02 .view_table.ai_cal{
        border: 1px solid var(--font-color-1);
        border-top: 2px solid var(--font-color-2);
    }

    .ai .item02 .view_table.ai_cal th{
        background-color: #f8f8f8;
        font-size: 2.6rem;
        font-weight: 500;
        color: #000000;
        padding: 1rem;
    }
    .ai .item02 .view_table.ai_cal th,.ai .item02 .view_table.ai_cal td{
        border: 1px solid var(--font-color-1);
    }
    .ai .item02 .view_table.ai_cal .day_cont .cal_date {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .ai .item02 .view_table.ai_cal .day_cont{
        flex-direction: column;
        height: 13rem;
    }
    .ai .item02 .view_table.ai_cal .day_cont ul{
        width: 100%;
    }
    .ai .item02 .view_table.ai_cal .day_cont  li{
        background: #ffedf1;
        border-radius: 14px;
        width: 100%;
        padding: 0.2rem 1.1rem;
        font-size: 1.6rem;
        margin-top: 0.5rem;
        color: var(--font-color-2);
    }
    .ai .item02 .ai_info{
        font-size: 2.8rem;
        font-weight: 500;
        color: var(--font-color-2);
    }
    .ai .item02 .ai_info span{
        color: #e52525;
        font-weight: 700;
    }
    /*.ai .imgbox{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .ai .item01 .imgbox{
        width: 100%;
        max-width: 900px;
    }
    .ai .item02 .imgbox{
        width: 90%;
        max-width: 1200px;
    }
    .ai .item02 .imgbox img{
        width: 100%;
        object-position: center;
    }
    .ai .pg_list .cont{
        position: relative;
        display: flex;
        background-color: #ffffff;
        width: 100%;
        max-width: 1150px;
        margin: 0 auto;
        border-radius: 20px;

    }
    .ai .pg_list h1{
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--main-color-3);
        color: #ffffff;
        width: 87%;
        padding: 4.2rem 2rem;
        border-radius: 70px;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .ai .pg_list ul{
        display: flex;
        flex-direction: column;
        gap: 5.1rem;
        align-items: self-start;
        width: 100%;
        padding: 12rem 5.3rem 5.3rem;
        -webkit-box-shadow: -5px -5px 27px 0px rgb(68 68 68 / 8%);
        box-shadow: -5px -5px 27px 0px rgb(68 68 68 / 8%);
        border-radius: 20px;
        overflow: hidden;
    }
    .ai .pg_list ul li{
        position: relative;
        padding-left: 5rem;
        font-size: 3.2rem;
        font-weight: 800;
        color: var(--font-color-2);
        text-align: left;
        width: 100%;
    }
    .ai .pg_list ul li:before{
        position: absolute;
        content: '';
        background: url("../images/ico_ai_chk.png") no-repeat center / contain;
        width: 3.7rem;
        height: 3.7rem;
        left: 0;
        top: 0.5rem;
        transform: translate(0, 0);
    }
    .ai .pg_list ul li:after{
        position: absolute;
        content: '';
        background-color: #f1f1f1;
        width: 100%;
        height: 1px;
        left: 0;
        bottom: -2.5rem;
    }*/
    .cont_list .imgbox{
        width: 100%;
    }
    .sub_tit button, .sub_tit a.btn{
        font-size: 2.8rem;
        font-weight: 800;
        color: #FFFFFF;
        border-radius: 32px;
        padding: 1rem 4rem;
        background-color: var(--main-color-3);
    }

    .feedback .view_table,.feedback .view_table th,.feedback .view_table td, .feedback select , .feedback input {
        border: 1px solid #dddddd;
    }
    .feedback .view_table th{
        font-weight: 700;
    }
    .feedback .view_table td{
        padding:  1.5rem 3.5rem;
    }
    .feedback .view_table td *{
        font-size: 2rem;
        font-weight: 400;
        color: #6b6b6b;
    }
    .feedback .view_table td textarea{
        width: 100%;
        height: 50rem;
        border: 0;
        padding: 1.5rem 3rem;
    }
    .feedback .view_table td input{
        border: 0;
        width: 100%;
    }
    .feedback input::placeholder, textarea::placeholder{
        color: #6b6b6b;
    }
    .feedback .filebox{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 1rem 0;
        margin-bottom:0;
    }
    .feedback .filebox > div{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .feedback .filebox button{
        color: #FFFFFF;
        border-radius: 6px;
        width: 12rem;
        height: 4rem;
        padding: 0;
        margin: 0;
        background-color: var(--main-color-3);
    }
    .feedback .filebox input{
        background-color: #f8f8f8;
        border: 1px solid #ececec !important;
        padding: 0 2rem;
        border-radius: 6px;
        height: 4rem;
        width: 60% !important;
        max-width: 32rem;
    }
    .feedback .view_table td select{
        background: url(../images/sel_write_btn.png) no-repeat right 1rem center / 1.5rem;
        width: 16rem;
        padding: 0.5rem 3rem 0.5rem 1.5rem;
    }
    .feedback .view_table .file_th{
        background-color: #FFFFFF;

    }
    .feedback .view_table td,.feedback .view_table td *{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
    }
    .feedback .view_table .l_p{
        margin-left: 1rem;
    }
    .feedback .view_table .txtbox,.result .txtbox{
        min-height: 14rem;
        color: var(--font-color-1);
    }
    .result .txtbox{
        padding: 1rem 2.5rem;
    }
    .feedback .view_table .fileview{
        min-height: 28rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: var(--font-color-1);
    }
    .full{
        width: 100%;
    }
    /*고객센터*/
    .sub_content .cont_body.board .cont_list{
        padding-top: 0;
    }
    .board .sub_head .pgtit {
        margin-bottom: 3.7rem;
    }
    .sub_searchbox{
        background-color: #f8f8f8;
        border: 1px solid #c8c8c8;
        padding: 2.9rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 0.9rem;
    }
    .sub_searchbox.txt_left{
        border: 0;
        background: #FFFFFF;
        justify-content: flex-start;
        padding: 0;
    }
    .sub_searchbox .item{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.9rem;

    }
    .sub_searchbox.txt_left .item{
        width: 100%;
    }
    .sub_searchbox * {
        font-size: 1.6rem;
        color: #6b6b6b;
        font-weight: 400;
    }
    .sub_searchbox input[type="text"], .sub_searchbox select {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left:  0.6rem;
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
    }
    .sub_searchbox input[type="text"]{
        width: 30rem;
    }
    .sub_searchbox select {
        padding-right: 3rem;
        background-image: url("../images/sel_write_btn.png");
        background-size: 1.5rem 0.8rem;
    }
    .sub_searchbox  button{
        padding: 1rem 1.6rem 1rem 4rem;
        background: url("../images/ico_sh.png") no-repeat left 1rem center / 1.7rem 1.7rem;
        background-color: var(--main-color-3);
        color: #FFFFFF;
        white-space: nowrap;
    }
    .sub_content .cont_body .cont_list form{
        width: 100%;
    }
    .sub_searchbox .datebox input[type="text"]{
        padding: 1rem 3rem 1rem 0.6rem;
        background: url("../images/ico_cal.png") no-repeat right 0.6rem center /  1.6rem;
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        width: 14rem;
    }
    .list_table{
        font-size: 1.6rem;
        color: var(--font-color-1);
        font-weight: 500;
        border-top: 2px solid #2a2a2a;
        width: 100%;
        min-width: 600px;
    }
    .list_table.type2 td.nodata,.list_table td.nodata{
        padding: 3.8rem 0;
    }
    .list_table.type2, .list_table.type2 th, .list_table.type2 td{
        border: 1px solid #dddddd;
    }
    .list_table.type2 th, .list_table.type2 td{
        padding: 2rem 1rem;
    }
    .list_table.type2 th{
        font-size: 2rem;
        background-color: #f8f8f8;
    }
    .list_table th{
        font-weight: 800;
        padding: 1.5rem  1rem;
        color: var(--font-color-2);
        height: 4rem;
    }
    .list_table th, .list_table td{
        border-bottom: 1px solid #b9b9b9;
        padding: 1rem;
        height: 4rem;
    }
    .list_table .noti_txt{
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        position: relative;
    }
    .list_table .noti_txt:before{
        position: absolute;
        content: '';
        background-color: #ec6144;
        border-radius: 999px;
        width: 3.5rem;
        height: 3.5rem;
        top: -0.6rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    .list_table .nodata{
        padding: 2rem 0;
    }
    .page_box{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.6rem;
    }
    .page_box .pg_btn {
        width: 4rem;
        height: 4rem;
        background-color: #FFFFFF;
        border: 1px solid #b9b9b9;
        font-size: 1.6rem;
        font-weight: 500;
        color: #999999;
    }
    .page_box .pg_btn.on{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .page_box .pg_l_2{
        background: url("../images/arrow2_left.png") no-repeat center / 1.3rem 1.5rem;
    }
    .page_box .pg_l_1{
        background: url("../images/arrow1_left.png") no-repeat center / 0.8rem 1.5rem;
    }
    .page_box .pg_r_2{
        background: url("../images/arrow2_right.png") no-repeat center / 1.3rem 1.5rem;
    }
    .page_box .pg_r_1{
        background: url("../images/arrow1_right.png") no-repeat center / 0.8rem 1.5rem;
    }

    .sub_w{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }
    .sub_w button,.btn_w{
        background-color: var(--main-color-3);
        color: #FFFFFF !important;
        font-size: 1.6rem;
        font-weight: 400;
        padding: 0.8rem 1.5rem;
        border-radius: 17px;
        line-height: 1;
    }
    .board .view_table{
        font-size: 1.6rem;
        border: 0.1rem solid #d2d2d2;
    }
    .board .view_table th, .board .view_table td{
        border: 0.1rem solid #d2d2d2;
    }
    .board .view_table.write th, .board .view_table.write td{
        padding: 1rem 1.5rem;
    }
    .board .view_table.write tbody th, .board .view_table.write tbody td{
        color: var(--font-color-1);
    }
    .board .view_table.write tbody td input[type='text']{
        border: 0;
        padding: 0;
        width: 100%;
        font-size: 1.6rem;
    }
    .board .view_table.write tbody td select{
        border: 0.1rem solid #c8c8c8;
        font-size: 1.6rem;
        color: var(--font-color-1);
        background-image: url(../images/sel_write_btn.png);
        background-size: 1.5rem;
    }
    .board .view_table.write tbody td textarea{
        width: 100%;
        height: 27rem;
        border: 0;
        padding: 0.5rem 1rem;
        font-size: 1.6rem;
    }
    .board .view_table.write tbody tr th{
        font-weight: 600;
        text-align: center;
    }
    .board .view_table th{
        font-weight: 500;
        padding: 1rem 1.5rem;
    }
    .board .view_table th > div{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .board .view_table  tr th:first-child{
        font-weight: 800;
        word-break: keep-all;
        text-align: left;
    }
    .board .view_table .view_cont{
        width: 100%;
        min-height: 40rem;
        max-width: 100%;
    }
    .board .view_table .view_cont img, .board .view_table .view_cont iframe{
        max-width: 100%;
    }
    .sub_content .cont_body.board .cont_list.btnlist.view button{
        font-size: 1.6rem;
        width: 10rem;
        padding: 1rem 1rem;
        border: 1px solid #b9b9b9;
    }

    .download-link {
        color: #6f8cde !important;
        text-decoration: underline !important; /* 밑줄 */
        cursor: pointer;
        font-weight: bold;
        font-weight: 500;
    }
    .view_table.cst td{
        color: var(--font-color-1);
    }
    .noti_img{
        padding: 0 !important;
    }
    .noti_img > div{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-height: 11.8rem;
        overflow: hidden;
    }
    .noti_img > div img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .filedown{
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .filedown a{
        color: var(--main-color-3);
        font-size: 1.6rem;
    }
    /*수업만족도*/
    .sub_content .cont_body.sc4 .cont_list {
        gap: 1rem;
    }
    .sf_tit{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
    }
    .sf_tit .tit{
        font-size: 2.8rem;
        font-weight: 600;
        color: var(--font-color-2);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 3.3rem;

    }
    .sf_tit select{
        font-size: 2rem;
        font-weight: 600;
        color: var(--font-color-1);
        padding: 1.5rem 10rem 1.5rem 1.5rem;
    }
    .sf_tit .chktxt{
        color: #FFFFFF;
        font-size: 2rem;
        font-weight: 600;
        padding: 1.5rem 2rem;
        border-radius: 30px;
        position: relative;
        margin-right: 8rem;
        background-color: var(--main-color-3);
        margin-bottom: 2rem;
    }
    .sf_tit .chktxt:after
    {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 2rem 2rem 0;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -2rem;
        left: 50%;
        border-color: var(--main-color-3) transparent;
        transform: translateX(-50%);
    }
    .sc4 .view_table  th{
        background-color: unset;
    }
    .sc4 .view_table thead th{font-size:2.8rem;}
    .sc4 .view_table tbody tr:nth-child(odd) {
        background-color: #f5f5f5;
    }
    .sc4 .view_table select{
        color: var(--font-color-1);
        background-image: url(../images/sel_btn_s_v.png);
        background-size: 1.2rem;
        padding: 1rem 4rem 1rem 1.5rem;
        font-weight: 600;
        max-width: 90%;
    }
    .sc4 .btnlist{
        width: 100%;
    }
    .sc4 .btnlist button{
        font-size: 3.6rem;
        font-weight: 800;
        color: #FFFFFF;
        background-color: var(--main-color-3);
        padding: 3rem;
        border-radius: 50px;
        width: 50%;
        max-width: 444px;
        margin: 10rem auto;
    }
    .sc4.sf_re .view_table{
        font-size: 2.8rem;
    }
    .sub_content .cont_body.sc4.sf_re .cont_list{
        padding-bottom: 0;
    }
    /*맞춤컨설팅*/
    .cont_body.cst .cont_list{
        gap: 1rem;
        padding-bottom: 4.8rem;
    }
    .con_chktxt {
        display: flex;
        flex-wrap: wrap;
        gap: 0 0.5rem;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        padding-left: 2rem;
        margin: 0;
        font-size: 2rem;
        width: 100%;
        color: var(--font-color-2);
    }
    .con_chktxt::before {
        content: "■";
        position: absolute;
        left: 0;
        top: 0.3rem;
        color: var(--font-color-2);
        font-size: 2rem;
        line-height: 1;
    }
    .con_chktxt dd:after{
        content: ',';
        font-size: 2rem;
        color: var(--font-color-2);
    }
    .con_chktxt dd:last-child:after{
        content: '';
    }
    .cont_body.cst .cont_list .item{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
        width: 100%;
    }
    .cont_body.cst .cont_list h4 span{
        font-size: 2.4rem;
        font-weight: 700;
        color: #ca2020;
    }
    .cont_body.cst .cont_list h4{
        margin-bottom: 2.8rem;
        text-align: left;
    }
    .cst .consult_txt{
        width: 100%;
        height: 30rem;
        padding: 2rem;
        font-size: 2.4rem;
        border: 1px solid #999999;
        border-radius: 5px;

    }
    .numbered{
        font-size: 2.8rem;
        font-weight: 500;
        color: var(--font-color-2);
        text-align: left;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        word-break: keep-all;
    }

    ul.numbered {
        list-style: none;
        counter-reset: num; /* 번호 초기화 */
        padding-left: 0;
    }

    ul.numbered li {
        position: relative;
        padding-left: 3rem;
    }

    ul.numbered li::before {
        position: absolute;
        left: 0;
    }
    ul.numbered li:nth-child(1)::before { content: "①"; }
    ul.numbered li:nth-child(2)::before { content: "②"; }
    ul.numbered li:nth-child(3)::before { content: "③"; }
    ul.numbered li span{
        color: #4c7bc1;
        font-weight: 600;
    }
    .cont_body.cst .cont_list .chk_list{
        background-color: #f8f8f8;
        padding: 5.5rem 9.5rem;
        margin-top: 4.4rem;
        width: 100%;
        border-radius: 30px;
    }
    .chk_list .tab4{
        gap: 2.4rem;
    }

    .checkbox-btn-list input[type="checkbox"] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }

    .checkbox-btn-list strong {
        border: 1px solid #999999;
        border-radius: 31px;
        background-color: #fff;
        color: var(--font-color-2);
        font-size: 2.4rem;
        font-weight: 700;
        cursor: pointer;
        user-select: none;
        transition: all 0.2s;
        width: 100%;
        height: 6.2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 1.2;
    }
    .checkbox-btn-list span{
        font-size: 1.6rem;
        font-weight: 500;
        color: #4c7bc1;
    }

    .checkbox-btn-list input[type="checkbox"]:checked + strong {
        background-color:#4c7bc1;
        color: #fff;

    }
    .checkbox-btn-list input[type="checkbox"]:checked + strong span{
        color: #fff;
    }

    /* hover/포커스 효과 */
    .checkbox-btn-list strong:hover,
    .checkbox-btn-list input[type="checkbox"]:focus + strong {
        border-color: var(--main-color-3);
    }
    .con_date{
        border: 0;
        font-size: 2.4rem;
        color: var(--font-color-1);
        font-weight: 500;
        padding: 0.5rem 3.5rem 0.5rem 1.5rem;
        cursor: pointer;
        background-image: url(../images/cal_btn.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 3.2rem;
        width: 20rem;
        text-align: center;
        max-width: 90%;
    }
    .con_date::placeholder{
        color: var(--font-color-1);
    }
    .time-select-wrapper {
        position: relative;
        width: 20rem;
        max-width: 90%;
        font-size: 2.4rem;
        color: var(--font-color-1);
        font-weight: 500;
        margin: 0 auto;
    }

    .time-select {
        position: relative;
        cursor: pointer;
        background: #fff;
        padding: 0.5rem 1rem;

    }

    .time-select-trigger {
        user-select: none;
    }

    .time-options {
        position: absolute;
        /*top: calc(100% + 2.2rem);*/
        top:100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #d2d2d2;
        max-height: 20rem;
        overflow-y: auto;
        display: none;
        z-index: 999;
        flex-direction: column;
        font-size: 2.4rem;
        color: var(--font-color-1);
    }

    .time-option {
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

    .time-option:hover {
        background-color: #f0f0f0;
    }

    /*달력*/
    .hasDatepicker{
        cursor: pointer;
    }
    .ui-datepicker{
        z-index: 99 !important;
    }


    .ui-datepicker-title select{
        background-image: url(../images/cal_down.png) !important;
        padding: 0.5rem 3rem 0.5rem 0.5rem;
        background-position: right 0.5rem center;
        background-size: 1.6rem;
        border: 0;
        width: unset !important;
        margin: 0 1rem !important;
        background-color: transparent;
        font-weight: 700;
        text-align: right;
    }



    .ui-datepicker td.today-dot a {
        position: relative;
    }

    .ui-datepicker td.today-dot a::after {
        content: '';
        position: absolute;
        bottom: 4px;
        left: 50%;
        width: 0.5rem;
        height: 0.5rem;
        background-color: #D63D4A;
        border-radius: 50%;
        transform: translateX(-50%);
    }
    .ui-datepicker .ui-datepicker-prev {
        background: url(../images/cal_prev.png) no-repeat center / contain;
        top: 50% !important;
        transform: translateY(-50%);
    }
    .ui-datepicker .ui-datepicker-next {
        background: url(../images/cal_next.png) no-repeat center / contain;
        top: 50% !important;
        transform: translateY(-50%);
    }

    /* 버튼 스타일 */
    .ui-datepicker-buttonpane {
        display: flex;
        justify-content: space-between; /* 버튼 순서 그대로 */
        gap: 5px; /* 버튼 간격 */
    }

    .ui-datepicker-buttonpane .left-btns,
    .ui-datepicker-buttonpane .right-btns {
        display: flex;
        gap: 5px; /* 버튼 간격 */
    }

    .ui-datepicker-buttonpane button {
        float: none;
        display: inline-block;
        padding: 0.3rem 0.8rem;
        cursor: pointer;
        border-radius: 4px;
    }

    /* 개별 버튼 스타일 */

    .ui-datepicker-select-btn { /* 선택 */
        background-color: var(--main-color-3) !important;
        color: #FFFFFF !important;
        border: none;
    }
    .filebox{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .filebox .file_btn{
        font-size: 2.4rem;
        font-weight: 700;
        color: #FFFFFF;
        background-color: #ca2020;
        border: 1px solid #999999;
        padding: 2rem 8rem;
        border-radius: 11px;
        cursor: pointer;
    }
    .btnbox button.conlbtn{
        font-size: 3.6rem;
        font-weight: 800;
        padding: 3.3rem 11.2rem;
        border-radius: 50px;
    }

    .consult_inr{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 4.1rem;
        font-size: 2.8rem;
        font-weight: 500;
        color: var(--font-color-2);
        word-break: keep-all;
    }
    .consult_inr span{
        font-size: 3.2rem;
        font-weight: 700;
        color: var(--main-color-3);
    }
    .consult_inr .imgbox{
        background: url("../images/consult_bg.png") no-repeat center  / contain;
        padding: 8rem 5rem;
        margin: 3rem 0;
        border-radius: 20px;
        overflow: hidden;
    }
    .consult_inr .imgbox ul{
        width: 55%;
        min-width: 70rem;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4.3rem;
        font-weight: 700;
        align-items: flex-start;
    }
    .consult_inr .imgbox ul .img-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.7rem;
        width: calc(100% / 3);
    }
    .consult_inr .imgbox1{
        width: 19.7rem;
        height: 17.6rem;
        margin-top: 6rem;
    }
    .consult_inr.sub2 .chk_box{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 3rem;
    }
    .consult_inr.sub2 .chk_box li, .info .point_list .sub_tit, .vod .chk_tit{
        padding-left: 4.5rem;
        position: relative;
        width: 100%;
        text-align: left;
        white-space: pre-line;
    }
    .consult_inr.sub2 .chk_box li:before, .info .point_list .sub_tit:before, .vod .chk_tit:before{
        position: absolute;
        content: '';
        background: url("../images/consult_chk.png") no-repeat center / contain;
        width: 3.1rem;
        height: 3.1rem;
        left: 0;
        top: 0.5rem;
    }
    .consult_inr.sub3{
        background-color: #f8f8f8;
        padding: 8rem 0;
    }
    @supports (display:grid) {
        .consult_inr.sub3 .chk_box{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {

        .consult_inr.sub3 .chk_box {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

        .consult_inr.sub3 .chk_box li {
            width: calc(100% / 2 - 2.4rem);
        }
    }
    .consult_inr.sub3 .chk_box{
        width: var(--ui-width);
        max-width: var(--max-width);
        margin: 0 auto;
        gap: 2.4rem;

    }
    .consult_inr.sub3 .chk_box > li{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.4rem;
        padding-top: 5rem;
    }
    .consult_inr.sub3 .chk_box > li:first-child article{
        background: #f6ca56;
        background:url("../images/consult_bg1.png") no-repeat center / cover;
    }
    .consult_inr.sub3 .chk_box > li:last-child article{
        background: #7dc8ff;
        background:url("../images/consult_bg2.png") no-repeat center / cover;
    }
    .consult_inr.sub3 .chk_box article{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 3.3rem;
        padding: 8.5rem 3.2rem 3.2rem;
        font-size: 2.8rem;
        font-weight: 500;
        color: #FFFFFF;
        position: relative;
        border-radius: 30px;
        width: 100%;
        height: 100%;
    }
    .consult_inr.sub3 .chk_box .tit{
        padding: 2.4rem;
        width: 50%;
        min-width: 30rem;
        position: absolute;
        content: '';
        background-color: #FFFFFF;
        color: var(--font-color-2);
        text-align: center;
        top: -4.5rem;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 38px;
        border: 5px solid;
    }
    .consult_inr.sub3 .chk_box > li:first-child article .tit{
        border-color: #f6ca56;
    }
    .consult_inr.sub3 .chk_box > li:last-child article .tit{
        border-color: #7dc8ff;
    }
    .consult_inr.sub3 .chk_box h4 span{
        font-size: 3.2rem;
        font-weight: 700;
    }
    .consult_inr.sub3 .chk_box > li:first-child .tit span{
        color: #e8ab0c;
    }
    .consult_inr.sub3 .chk_box > li:last-child .tit span{
        color: #56aeee;
    }
    .consult_inr.sub3 .chk_box article .txt{
        white-space: pre-line;
    }
    .consult_inr.sub3 .chk_box article button{
        background-color: #FFFFFF;
        font-size: 3.2rem;
        font-weight: 700;
        padding: 2.5rem;
        width: 60%;
        margin: 0 auto;
        border-radius: 16px;
    }
    .consult_inr.sub3 .chk_box > li:first-child button{
        color: #766026;
    }
    .consult_inr.sub3 .chk_box > li:last-child button{
        color: #257dbe;
    }

    .consult_inr.sub4 .chk_box , .consult_inr.sub4 .chk_box article{
        width: 100%;
        text-align: left;
    }
    .consult_inr.sub4 .chk_box{
        display: flex;
        flex-direction: column;
        gap: 4.4rem;
        padding-top: 4.4rem;
    }
    .consult_inr.sub4 .chk_box >  li{
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        border-radius: 12px;
        padding: 5rem 2.4rem;
    }
    .consult_inr.sub4 .type_inr{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 4.4rem;
    }
    .consult_inr.sub4 .type_inr button{
        font-size: 2.8rem;
        font-weight: 500;
        color: #2381c6;
        background-color: #d6edff;
        border: 1px solid #56aeee;
        border-radius: 8px;
        padding: 1rem 1.8rem;
    }
    .consult_inr.sub4 .level-info{

        display: flex;
        flex-direction: column;
        gap: 1.3rem;
        width: 100%;
    }
    .consult_inr.sub4 .level-info > li,.consult_inr.sub4 .level-info > li dl{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1.1rem;
    }
    .consult_inr.sub4 .level-info > li .level{
        font-size: 2rem;
        font-weight: 500;
        background-color: #f8f8f8;
        border: 1px solid #cccccc;
        border-radius: 15px;
        width: 100px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .consult_inr.sub4 .level-info > li dl{
        font-size: 2rem;
        font-weight: 400;
        gap: 2rem;
    }
    br.mobile-only {
        display: none;
    }

    /*검사소개*/
    .test .sub_head .pgtit{
        margin-bottom: 2.4rem;
    }
    .test_inr{    width: 100%;}
    .test_inr.testbox{
        background-color: #f8f8f8;
        border-radius: 20px;
        padding: 2rem;
        width: 100%;
    }
    .test_inr.testbox .sub_tit{
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        border-radius: 12px;
        padding: 2.4rem 2.9rem;
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .test_inr.testbox .sub_tit button, .test_inr.testbox .sub_tit a.btn{
        background-color: var(--main-color-3);
        border: 1px solid #cccccc;
        border-radius: 8px;
        font-size: 2.8rem;
        font-weight: 500;
    }

    /*검사진행*/
    .test_inr.testbox .infobox{
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        border-radius: 1.2rem;
        width: 90%;
        margin: 2rem auto;
        padding: 4rem 3rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        color: var(--font-color-2);
    }
    .test_inr.testbox .infobox .tit{
        font-size: 3.2rem;
        font-weight: 700;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 2.7rem;
        width: 100%;

    }
    .test_inr.testbox .infobox .tit.txt_center{
        justify-content: center;
    }
    .test_inr.testbox .infobox .tit span{
        font-size: 2.8rem;
        font-weight: 400;
        color: var(--main-color-3);
        border: 1px solid #c8c8c8;
        border-radius: 2.8rem;
        padding: 0.5rem 1em;
        width: 100%;
        max-width: 700px;
    }
    .test_inr.testbox .infobox .txt{
        font-size: 2.8rem;
        font-weight: 400;
        color: var(--font-color-2);
        text-align: left;
        padding-top: 4.5rem;
        word-break: keep-all;
    }
    .test_inr.testbox .infobox.inputbox{
        align-items: center;
        margin: 4rem auto 4rem;
    }

    .test_inr.testbox .infobox.inputbox .txt{
        font-size: 2.4rem;
        padding-top: 1rem;
    }
    .test_inr.testbox .infobox .point_txt{
        color: #c72222;
        font-size: 2.4rem;
        padding-top: 2rem;
    }
    .test_inr.testbox .mem_info{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3.9rem;
        padding: 7rem 0;
        font-size: 2.4rem;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }
    .test_inr.testbox .mem_info .infotit{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 2.4rem;
        font-weight: 700;
        width: 20rem;
    }
    .test_inr.testbox .mem_info .infotit:before{
        content: '*';
        color: #c72222;
        margin-right: 0;
    }
    .test_inr.testbox .mem_info .memitem{
        display: flex;
        align-items: center;
        width: 100%;
    }
    .test_inr.testbox .mem_info input[type='text'],.test_inr.testbox .mem_info select, .test_inr.testbox .mem_info input[type='radio'] {
        border: 1px solid #cccccc;
        font-size: 2.4rem;
    }

    .test_inr.testbox .mem_info input[type='radio']{
        border: 0.6rem solid #FFFFFF;
        width: 3.2rem;
        height: 3.2rem;
        border-radius: 50px;
        background-color:#FFFFFF;
        box-shadow: 0 0 0 1px #c8c8c8;
    }
    .test_inr.testbox .mem_info input[type='radio']:checked{
        background-color:#2a2a2a;
    }
    .test_inr.testbox .mem_info select{
        background-image: url(../images/test_sel_btn.png);
        width: calc(100% - 20rem);
        padding: 1.5rem 6rem 1.5rem 1.5rem;
    }
    .test_inr.testbox .mem_info input[type='text']{
        padding: 1.5rem 2rem;
        line-height: 1;
        width: calc(100% - 20rem);
    }
    .test_inr.testbox .mem_info label{
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-right: 2rem;
    }
    .test_inr.testbox .btn{
        font-size: 2.8rem;
        font-weight: 500;
        padding: 1rem 4rem;
        border-radius: 8px;
        border: 1px solid #cccccc;
    }
    .test_inr.testcall{
        display: flex;
        justify-content: center;
        margin-top: 10rem;
    }
    .test_inr.testcall .sidebar {
        width: 35rem;
        background: #f8f8f8;
        border-radius: 2rem;
        padding: 5rem 3rem;
        box-sizing: border-box;
    }
    .test_inr.testcall .sidebar ul { list-style: none; padding: 0; margin: 0; }
    .test_inr.testcall .sidebar li {
        padding: 1.8rem;
        transition: .2s;
        display: flex;
        justify-content: space-between;
        font-size: 2.4rem;
        font-weight: 400;
    }
    .test_inr.testcall .sidebar li.active { color: var(--main-color-3);font-weight: 700; }
    .test_inr.testcall .questionbox{
        margin-left: 3rem;
        text-align: left;
        color: var(--font-color-2);
        font-family: "Pretendard GOV";
        width: calc(100% - 38rem);
    }
    .test_inr.testcall .questionbox .section-header{
        padding: 2rem;
    }
    .test_inr.testcall .questionbox  .tit-type3{
        font-size: 3.6rem;
        font-weight: 700;
        margin-bottom: 3rem;
    }
    .test_inr.testcall .questionbox .desc-type{
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 8rem;
    }
    .test_inr.testcall .questionbox .cpt-aptitude-select-list > li{
        border: 1px solid #cccccc;
        border-radius: 1.2rem;
        width: 100%;
        padding: 5rem 2rem;
        margin-bottom: 2rem;
    }
    .test_inr.testcall .questionbox .title{
        font-size: 2.8rem;
        font-weight: 700;
        display: flex;
        align-items: center;
        margin-bottom: 2.8rem;
        position: relative;
        padding-left: 4rem;
    }
    .test_inr.testcall .questionbox .title .num{
        color: #FFFFFF;
        background-color: var(--main-color-3);
        width: 3rem;
        height: 3rem;
        line-height: 3rem;
        border-radius: 50px;
        display: inline-block;
        text-align: center;
        font-size: 1.8rem;
        position: absolute;
        left: 0;
        top: 0.3rem;
    }
    .test_inr.testcall .questionbox .check-flex-box{
        display: flex;
        flex-wrap: wrap;
        gap: 3.2rem;
    }
    .test_inr.testcall .cpt-aptitude-select-list .check-flex-box.half{
        gap: 1.2rem 1.5rem;
    }
    .test_inr.testcall .cpt-aptitude-select-list .check-flex-box.half > div {
        width: calc(50% - 1.5rem);
        flex: none;
    }
    .test_inr.testcall .questionbox .check-flex-box .cc-radio-chk{
        flex: 1;
        text-align: center;
        min-height: 7rem;
    }
    .test_inr.testcall .questionbox .check-flex-box .cc-radio-chk.type-02 label{
        font-size: 2rem;
        font-weight: 400;
        text-align: center;
        border: 1px solid #cccccc;
        border-radius: 5px;

    }
    .test_inr.testcall .questionbox .buttons{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 2rem;
        margin-top: 4rem;
    }
    .test_inr.testcall .questionbox .buttons .com-btn{
        width: 17rem;
        height: 6rem;
        border-radius: 5px;
    }
    .test_inr.testcall .questionbox  .saveBtn,.test_inr.testcall .questionbox .third {
        background-color: #dce5ff;
        border:1px solid #cccccc;
        font-size: 2rem;
        font-weight: 400;
        color: var(--main-color-3);
    }
    .test_inr.testcall .questionbox  .nextBtn,.test_inr.testcall .questionbox .primary {
        background-color: var(--main-color-3);
        border:1px solid #cccccc;
        font-size: 2rem;
        font-weight: 400;
        color: #FFFFFF  ;
    }
    .test_inr.testcall .sub-label-tit{
        font-size: 2rem;
        font-weight: 400;
        padding: 3rem 0 2.6rem;
    }
    .test .w100{
        width: 100%;
    }
    .test_inr.testcall input{
        background-color: #e9e9e9;
        border: 1px solid #cccccc;
        border-radius: 5px;
        height: 6rem;
        font-size: 2rem;
        font-weight: 400;
    }
    .test_inr.testcall .cpt-aptitude-select-list .check-flex-box .flex-one {
        flex: 1;
        width: auto;
        min-width: 0;
    }
    .test_inr.testcall .cpt-aptitude-select-list .check-flex-box .b-w-min {
        width: 16rem;
        flex-shrink: 0;
        font-size: 2rem;
        font-weight: 400;
        background-color: #dce5ff;
        color: #3d4c78;
        border: 1px solid #cccccc;
        border-radius: 5px;
    }
    .test_inr.testcall  .cc-radio-chk label {
        width: 100%;
        height: 100%;
        background-color: #fff;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }
    .test_inr.testcall .cc-radio-chk input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .test_inr.testcall .cc-radio-chk label:focus-within,.cc-radio-chk label:hover,
    .test .cpt-aptitude-select-box .cpt-rad-chk-box-01 label:focus-within,
    .test .cpt-aptitude-select-box .cpt-rad-chk-box-01 label:hover{
        outline: 2px dotted var(--main-color-3);
        outline-offset: 2px;
        cursor: pointer;
    }
    .test_inr.testcall .cc-radio-chk input:checked + label,.test .cpt-aptitude-select-box .cpt-rad-chk-box-01 input:checked + label {
        background: var(--main-color-3) ;
        color: #fff;

    }
    .test .modal-cont-box > strong {
        display: block;
        margin: 0 0 10px;
    }
    .test .modal-cont-box .list-select-box {
        height: 165px;
        border: 1px solid #dcdcdc;
    }
    .test .modal-cont-box  *{
        box-sizing: border-box;
    }
    .test .com-modal{
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: 0.4s;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 4rem;
        z-index: 1000;
    }
    .test .com-modal.active{
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        background-color: #00000050;
    }
    .test .com-modal .inner {
        width: 100%;
        min-height: 313px;
        max-height: 90dvh;
        padding: 4rem;
        background-color: #fff;
        border: 1px solid #c6c6c6;
        border-radius: 12px;
        overflow: auto;
        z-index: 1;
        text-align: left;
    }

    .test .com-modal.lg > .inner {
        max-width: 846px;
    }
    .test .com-modal .modal-hd-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        margin-bottom: 3.6rem;
    }
    .test .modal-hd-box .btn-cls{
        width: 2rem;
        height: 2rem;
        background: url("../images/m_close_btn.png") no-repeat center / contain;
        display: block;
    }
    .test .select-word-box {
        display: block;

    }
    .test .com-modal .modal-ctt {
        font-size: 1.7rem;
        margin-top: 2.4rem;
        word-break: keep-all;
    }
    .test .cpt-flex-box {
        display: flex;
        gap: 0.5rem;
    }
    .test .cpt-flex-box > div {
        flex: 1;
    }
    .test .com-text-input.md input,.test .select-word-box {
        border: 1px solid #cccccc;
        border-radius: 5px;
        height: 6rem;
        font-size: 2rem;
        font-weight: 400;
        padding: 1.5rem;
    }
    .test .list-select-box li button {
        width: 100%;
        height: 100%;
        text-align: left;
        padding: 0.5rem 1rem;
        font-size: 1.5rem;
        word-break: break-all;
        background-color: #FFFFFF;
        display: flex  ;
        justify-content: flex-start;
        align-items: center;
    }
    .test .list-select-box li button.on{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .test .com-text-input input:disabled{
         background-color: #e9e9e9;

     }
    .test .list-select-box li {
        width: 20%;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-top: none;
    }
    .test .list-select-box li:nth-child(5),.test .list-select-box li:nth-child(10),.test .list-select-box li:nth-child(15) {
        border-right: 0;
    }
    .test .list-select-box li:nth-child(16),.test .list-select-box li:nth-child(17),.test .list-select-box li:nth-child(18), .test .list-select-box li:nth-child(19),.test .list-select-box li:nth-child(20){
        border-bottom: 0;
    }
    .com-modal .modal-ctt + .cpt-flex-box, .com-modal .modal-ctt +  .modal-cont-box, .test .modal-cont-box {
        margin-top: 2rem;
    }
     .com-modal .cpt-flex-box + .scroll-box ,.test .modal-btn-box{
        margin-top: 2rem;
    }

    .test .com-modal .scroll-box {
        height: 225px;
        overflow-y: auto;
        border: 1px solid #dcdcdc;
    }
    .test .list-select-box {
        display: flex;
        flex-wrap: wrap;
    }
    .test .com-btn {
        display: inline-flex ;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        gap: 4px;
    }
    .test .com-btn.type-01.md {
        min-height: 4.8rem;
        padding: 1rem 1.6rem;
        font-size: 1.7rem;
        border: 1px solid #cccccc;
    }
    .test .com-btn.type-01.primary{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .test .com-btn.type-01.secondary{
        background-color: #dce5ff;
        color: var(--main-color-3);
    }
    .test .modal-btn-box{
        display: flex;
        justify-content: flex-end;
        gap: 1rem;
    }
    .test .cpt-aptitude-select-box {
        border-radius: 16px;
        border: 1px solid #d4d4d4;
        background-color: white;
        padding: 3rem;
        margin-bottom: 2.6rem;
        display: block;
    }
    .test .cpt-aptitude-select-box .click-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
        align-items: end;
    }
    .test .cpt-aptitude-select-box .click-list > li {
        min-width: 0;
    }
    .test .cpt-aptitude-select-box .click-list .top-b {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        font-weight: 400;
    }
    .test .cpt-aptitude-select-box .click-list .top-b .line {
        display: block;
        width: 1px;
        height: 2.8rem;
        background-color: #c6c6c6;
    }
    .test .cpt-aptitude-select-box .click-list .bott-b {
        border-top: 1px solid #c6c6c6;
        text-align: center;
        padding-top: 1rem;
    }
    .test .cpt-aptitude-select-box .cpt-rad-chk-box-01 input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .test .cpt-aptitude-select-box .cpt-rad-chk-box-01 label {
        width: 3.8rem;
        height: 3.8rem;
        border: 1px solid #d9d9d9;
        background-color: #e9ecee;
        border-radius: 50%;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 500;
        color: #555;
        display: inline-flex    ;
        justify-content: center;
        align-items: center;
    }
    .test .cpt-aptitude-select-box .click-list .top-b .line-arrow {
        width: 1rem;
        height: 2.8rem;
        background-repeat: no-repeat;
        background-position: center bottom;
    background-size: contain;
        background-size: contain;
        background-image: url(../images/test_arrow.png);
    }
    .test .cpt-aptitude-select-box .click-list .top-b .desc {
        text-align: center;
        margin-bottom: 10px;
    }
    .test .cpt-aptitude-select-box .ex-box {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        align-items: center;
        font-size: 2rem;
        color: #9e9e9e;
        margin-top: 3.5rem;
    }
    .test .cpt-aptitude-select-box .ex-box .left{
        margin-right: auto;
        padding-left: 3rem;
    }
    .test .cpt-aptitude-select-box .ex-box .right{
        margin-left: auto;
        padding-right: 3rem;
    }
    .test .cpt-test-complete-wrap h3 {
        font-size: 4.8rem;
        color: var(--font-color-2);
        font-weight: 500;
        margin-bottom: 10px;
    }
    .test .cpt-test-complete-wrap h3 b{
        color: var(--main-color-3);
    }
    .test .cpt-test-complete-wrap .desc {
        font-size: 2rem;
    }
    .test .cpt-test-complete-wrap .btn-box {
        margin-top: 40px;
        text-align: center;
    }
    .test .com-btn.type-01.xlg {
        min-height: 64px;
        padding: 10px 24px;
        font-size: 4rem;
    }
    .test .cpt-aptitude-select-box #posq51 + img {
        position: relative;
        left: 90%;
        transform: translateX(-90%);
        width: 34.6rem;
        max-width: 50%;
        object-fit: contain;
        object-position: center;
    }
    .test .cpt-aptitude-select-box #posq53 + img,.test .cpt-aptitude-select-box #posq16 + img  {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 77.3rem;
        max-width: 90%;
        object-fit: contain;
        object-position: center;
    }
    .manual {
        width: 100%;
        overflow-y: auto; /* 가로 스크롤 허용 */
        -webkit-overflow-scrolling: touch; /* 모바일 스크롤 부드럽게 */
        width: 100%;
        height: 880px;
        border: 1px solid #cccccc;
        text-align: left;
    }

    .manual {
        overflow-y: scroll; /* 반드시 지정 */
        scrollbar-gutter: stable; /* 레이아웃 흔들림 방지 */
    }
    /* Chromium / Safari / Edge용 WebKit 스크롤바 */
    .manual::-webkit-scrollbar {
        width: 3rem;
    }

    .manual::-webkit-scrollbar-track { background:#f8f8f8; }
    .manual::-webkit-scrollbar-thumb {
        background:#ccc; border-radius:15px; border:0.4rem solid #f8f8f8;
    }
    .manual::-webkit-scrollbar-button { display:none; width:0; height:0; }

    /* Firefox 전용: 직접 선택자 + scrollbar-width/color */
    @-moz-document url-prefix() {
        .manual {
            scrollbar-width: auto;
            scrollbar-color: #cccccc #f8f8f8;
        }
    }

    .manual .tit{
        border-bottom: 1px solid #cccccc;
        padding: 4.5rem 3.7rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12rem;
    }
    .manual .cont{
        padding: 4.5rem 3.7rem;
        display: flex;
        flex-direction: column;
        gap: 4.4rem;
        font-size: 2.4rem;
        line-height: 1.5;
    }
    .manual .cont > ol > li{
        margin-left: 3rem;
    }
    .han li, .dot li, .num li {
        position: relative;
        padding-left: 3.5rem;
    }
    .dot li{
        padding-left: 2rem;
    }
    .han li::before , .dot li::before , .num li::before{
        position: absolute;
        left: 0;
    }
    .han li:nth-of-type(1)::before { content: "ㄱ. ";}
    .han li:nth-of-type(2)::before { content: "ㄴ. ";}
    .han li:nth-of-type(3)::before { content: "ㄷ. ";}
    .han li:nth-of-type(4)::before { content: "ㄹ. ";}
    .han li:nth-of-type(5)::before { content: "ㅁ. ";}
    .num li:nth-of-type(1)::before { content: "1. ";}
    .num li:nth-of-type(2)::before { content: "2. ";}
    .num li:nth-of-type(3)::before { content: "3. ";}
    .num li:nth-of-type(4)::before { content: "4. ";}
    .num li:nth-of-type(5)::before { content: "5. ";}
    .num li:nth-of-type(6)::before { content: "6. ";}
    .num li:nth-of-type(7)::before { content: "7. ";}
    .num li:nth-of-type(8)::before { content: "8. ";}
    .dot li::before { content: "• ";}
    ol .p_on{
        margin-bottom: 4.4rem;
    }
    .manual table{
        width: 100%;
        font-size: 2rem;
        word-break: keep-all;
        white-space: pre-line;
    }
    .manual table.p_on td {
        padding: 1rem;
    }
    .manual table td {
        font-weight: 400;
    }
    .manual table tr td:first-child{
        font-weight: 600;
    }
    .num{
        display: flex;
        flex-wrap: wrap;
        gap: 1rem 4.5rem;
        width: 100%;
        max-width: 700px;
    }
    .manual .chk_box{
        border: 1px solid #cccccc;
        padding: 3rem;
        width: 90%;
        margin: 0 auto;
        border-radius: 20px;
    }
    .manual .chk_box h6{
        font-weight: 600;
    }
    h6.f_w_m{
        font-weight: 500;
    }
    .manual .chk_list{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4.4rem;
        background-color: #effbff;
        border-radius: 20px;
        gap: 5rem;
        word-break: keep-all;
    }
    .manual .chk_list span{
        width: 16rem;
        height: 18.5rem;
        background: url("../images/ico_checklist.png") no-repeat center / contain;
    }
    .manual .chk_list h5{
        font-size: 2.8rem;
    }
    .manual .chk_list > div{
        width: calc(100% - 16rem - 5rem);
    }
    /*동영상학습*/
    .vod .sub_searchbox{
        width: 90%;
        margin: 0 auto;
        justify-content: flex-start;
    }
    .vod .view_table{
        font-size: 2rem;
    }
    .vod .view_table th{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .vod .view_table td{
        height: 7rem;
    }
    .vod .view_table th, .vod .view_table td, .vod .view_table {
        border: 1px solid #d2d2d2;
    }
    .vod .lecture_box{
        background-color: #f8f8f8;
        border: 1px solid #c8c8c8;
        border-radius: 2rem;
        padding: 5rem;
        width: 100%;
    }
    .vod .lecture_box .box_tit{
        font-size: 3.2rem;
        font-weight: 700;
        color: #000000;
        text-align: center;
        margin-bottom: 5rem;
    }

    @supports (display:grid) {
        .vod .lecture_box ul{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {
        .vod .lecture_box ul{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .vod .lecture_box ul li{
            width: calc(100% / 3 - 2.5rem);
        }
    }
    .vod .lecture_box ul{
        gap: 2.5rem;
        width: 100%;
        max-width: 100rem;
        margin: 0 auto;
    }
    .vod .lecture_box ul li a{
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 0px 0px 0.5rem 0.5rem rgba(237, 237, 237, 0.5);
        background-color: #FFFFFF;
        border-radius: 2rem;
        overflow: hidden;
    }
    .vod .lecture_box li .logo-text {
        display: inline-block;
        width: 100%;
        padding-top: 85%;
        /* 글자 숨기기 (접근성 고려) */
        font-size: 0; /* 시각적 숨김 */
        color: transparent;
        text-indent: -9999px; /* 추가 안전 */
        overflow: hidden;
        position: relative;
    }
    .vod .lecture_box li .logo-text:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 80%;
        height: 50%;
    }
    .vod .lecture_box li .link_tit{
        font-size: 2.4rem;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 1;
        padding: 4.9rem 0 5.1rem;
        width: 100%;
    }
    .vod .lecture_box.item1 li:nth-of-type(1) .logo-text:after {
       /* height: 6.8rem;*/
        background: url('../images/logo_mbest.svg') no-repeat center / contain;
    }
    .vod .lecture_box.item1 li:nth-of-type(2) .logo-text:after {
       /* height: 6.9rem;*/
        background: url('../images/logo_homelearn.svg') no-repeat center / contain;
    }
    .vod .lecture_box.item1 li:nth-of-type(3) .logo-text:after {
        /*height: 12.6rem;*/
        background: url('../images/logo_oksusu.png') no-repeat center / contain;
    }
    .vod .lecture_box.item2 li:nth-of-type(1) .logo-text:after {
        /*height: 5.9rem;*/
        background: url('../images/logo_digit.png') no-repeat center / contain;
    }
    .vod .lecture_box.item2 li:nth-of-type(2) .logo-text:after {
        /*height: 4.9rem;*/
        background: url('../images/logo_etoos.svg') no-repeat center / contain;
    }
    .vod .lecture_box.item2 li:nth-of-type(3) .logo-text:after {
        /*height: 5.8rem;*/
        background: url('../images/logo_megastudy.png') no-repeat center / contain;
    }
    .vod .lecture_box.item1 li:nth-of-type(1) .link_tit{
        background-color: #159432;
    }
    .vod .lecture_box.item1 li:nth-of-type(2) .link_tit{
        background-color: #148ce6;
    }
    .vod .lecture_box.item1 li:nth-of-type(3) .link_tit{
        background-color: #f8853d;
    }
    .vod .lecture_box.item2 li:nth-of-type(1) .link_tit{
        background-color: #206fc9;
    }
    .vod .lecture_box.item2 li:nth-of-type(2) .link_tit{
        background-color: #088486;
    }
    .vod .lecture_box.item2 li:nth-of-type(3) .link_tit{
        background-color: #0082ff;
    }
    .vod .teacher_info {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
    }
    .vod .teacher_info .photo{
        width: 20rem;
        height: 25rem;
        background-size: cover;    /* 꽉 채우기 */
        background-position: center; /* 중앙 정렬 */
        background-repeat: no-repeat;
        border-radius: 1rem;
        margin-right: 2rem;
    }
    .vod .teacher_info .t_cont{
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 0 1.3rem 0.2rem rgba(138, 138, 138, 0.22);
        box-shadow: 0 0 1.3rem 0.2rem rgba(138, 138, 138, 0.22);
        border-radius: 2rem;
        padding: 6rem 1.8rem 4rem;
        width: calc(100% - 22rem);
        position: relative;
        overflow: hidden;
        height: 25rem;

    }
    .vod .teacher_info .t_cont .top_txt{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-color: var(--main-color-3);
        color: #FFFFFF;
        font-size: 2.4rem;
        font-weight: 700;
        padding: 1rem 11rem 1rem 1.7rem;
        border-radius: 2rem 0 2rem 0;
    }
    .vod .cont{
        width: 100%;
    }
    .sub_content .cont_body.vod .cont_list.btnlist{
        gap: 3rem;
    }
    .vod .cont_list.btnlist a {
        font-size: 2.8rem;
    }
    .vod .teacher_info .t_cont > ul > li{
        display: flex;
        align-items: center;
        text-align: left;
        font-size: 2rem;
        padding: 1rem;
        border-bottom: 1px solid #dadada ;
    }
    .vod .teacher_info .t_cont > ul > li strong{
        width: 13rem;
        font-weight: 600;
        color: var(--font-color-2);
    }
    .vod .teacher_info .t_cont > ul > li p{
        width: calc(100% / 2 - 13rem);
        max-width: 200px;
        font-weight: 400;
        color: var(--font-color-1);
    }
    .vod .cont .chk_tit{
        margin: 3rem 0 2.5rem;
        font-size: 2.8rem;
        font-weight: 700;
        color: var(--font-color-2);
    }
    .vod .vod_info_tbl{
        border-top: 1px solid #c8c8c8;
    }
    .vod .vod_info_tbl tr{
        border-bottom: 1px solid #c8c8c8;
    }
    .vod .vod_info_tbl th{
        background-color: #f8f8f8;
        font-size: 2rem;
        font-weight: 600;
        padding: 1rem;
    }
    .vod .vod_info_tbl td{
        background-color: #FFFFFF;
        font-size: 1.6rem;
        font-weight: 400;
        padding: 1rem 2rem;
        text-align: left;
    }
    .vod .vod_f_txt{
        font-size: 2.8rem;
        font-weight: 400;
        color: var(--font-color-2);
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .vod .vod_f_txt .tit{
        font-size: 3.6rem;
        font-weight: 700;
        margin-bottom: 3rem;
    }
    .sub_content .cont_body.vod .cont_list.btnlist.item1 .btn{
        width: 20rem;
    }

        /*학당소개*/
    .info .slogan{
        width: 90%;
        margin: 0 auto;
        font-family: 'Nanum GarMaesGeur';
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 3.6rem;
        font-weight: 400;
        text-align: left;
        margin-bottom: 3rem;
    }
    .info .slogan p{
        width: 55%;
    }
    .info .slogan p strong{
        font-family: "Pretendard GOV";
        font-size: 3.2rem;
        font-weight: 500;
    }
    .info .slogan span{
        display: inline-block;
        width: 40%;
        padding-top: 25%;
        border-radius: 20px;
        overflow: hidden;
        margin:  auto ;
        position: relative;
    }
    .info .slogan span:before{
        content: '';
        position: absolute;
        background: url(../images/namwon_photo.png) no-repeat center / cover;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .info .cont_list .cont{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        white-space: pre-line;
        word-break: keep-all;
        width: 100%;
        margin: 0 auto;
        gap: 7rem;
        padding: 11rem 11rem 120rem;
        font-size: 2.8rem;
        color: var(--font-color-2);
        font-weight: 500;
    }
    .info .cont_list .cont:before{
        position: absolute;
        content: '';
        background: url(../images/info_bg.png) no-repeat 0 0 / 100% 100%;
        width: calc(100% + 8rem);
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .info .cont_list .cont >  p, .info .cont_list .cont > ul > li{
        /*padding-left: 6.7rem;*/
    }
    .info .cont_list .cont > ul{
        display: flex;
        flex-direction: column;
        gap: 1.8rem;
    }
    .info .cont_list .cont > ul > li{
        border-bottom: 2px solid #ececec;
        padding-bottom: 1.8rem;
        display: flex;
        align-items: baseline;
        gap: 1rem;

    }
    .info .cont_list .cont > ul > li span{
        color: var(--main-color-3);
        font-size: 4rem;
        white-space: nowrap;
        font-family: 'NanumPen';
        font-weight: 400;
    }
    .ai .btnbox button{
        font-size: 3.2rem;
        font-weight: 700;
        box-shadow:unset;
        margin-top: 5.9rem;
    }
    /*회원가입*/
    .sub_content.join{
        width: 100%;
        max-width: 1146px;
        margin: 0 auto;
    }
    .join.login{
        max-width: 912px;
    }
    .join .sub_head{
        font-size: 2.8rem;
        font-weight: 400;
        color: var(--font-color-2);
        gap: 3rem;
    }
    .join .sub_head h1.tit,.join .sub_head h3.tit{
        font-size: 4rem;
        font-weight: 700;
        text-align: left;
    }
    .join .sub_head.txt_center h1.tit,.join .sub_head h3.tit{
        text-align: center;
    }
    .join .login_box{
        border-top: 2px solid #c7c7c7;
        border-bottom: 2px solid #c7c7c7;
        padding: 1.6rem 2.2rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .join .login_box *{
        font-size: 20px;
        font-weight: 400;
    }
    .join .login_box .login_l{
        border-right: 2px solid #c7c7c7;
    }
    .join .login_box .login_l.no_r{
        border-right: 0;
        width: 65%;
    }
    .join .login_box .login_l,.join .login_box .login_r{
        padding: 5rem;
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .join .login_box .login_l .box{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        color: var(--font-color-2);
        margin-bottom: 3.5rem;
    }
    .join .login_box .login_l .box label{
        font-size: 16px;
    }
    .join .login_box .login_l .box input[type='text'],.join .login_box .login_l .box input[type='password'], .join .login_box select{
        border: 1px solid #c8c8c8;
        border-radius: 1rem;
        padding: 1rem 1.7rem;
        width: 100%;
    }
    .join .login_box .login_l .box select{
        border: 1px solid #c8c8c8;
        border-radius: 1rem;
        width: 100%;
        background-image: url(../images/sel_login_btn.png);
        background-size: 1.6rem 0.9rem;
        padding: 1rem 6rem 1rem 1.7rem;
    }
    .join .login_box .type_box,.join .login_box .login_l .type_box label{
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 20px;
    }
    .join .login_box .type_box{
        gap: 4.6rem;
    }

    .join .login_box .box input[type='radio']{
        border: 0.6rem solid #FFFFFF;
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50px;
        background-color:#d7d7d7;
        box-shadow: 0 0 0 1px #c8c8c8;
    }
    .join .login_box .box input[type='radio']:checked{
        background-color:#2a2a2a;
    }
    .join .login_box .login_l .box input[type='text']::placeholder{
        font-weight: 400 !important;
    }
    .join .login_box .login_l .pro_chk input[type='checkbox']{
        border-radius: 5px;
        width: 2.4rem;
        height: 2.4rem;

    }


    .join .login_box .login_l .pro_chk{
        margin-bottom: 3.5rem;
        padding-left: 3.5rem;
    }
    .join .login_box .login_l .pro_chk input[type='checkbox']:after{
        width: 2.5rem;
        height: 2.4rem;
    }
    .full_btn{
        font-size: 2rem;
        padding: 1.5rem;
        border: 1px solid #c8c8c8;
        border-radius: 1rem;
        width: 100%;
        margin-bottom: 3.5rem;
    }
    .join .join_box ul{
        display: flex;
        justify-content: center;
        align-items: center;

        gap: 2.5rem;
    }
    .join .join_box ul li{
        position: relative;

    }
    .join .join_box ul li a{
        font-size: 1.8rem;
    }
    .join.login .join_box ul li:after{
        content: '';
        position: absolute;
        right: -1.3rem;
        top: 0;
        background-color: #c8c8c8;
        height: 2.3rem;
        width: 1px;
    }
    .join .join_box ul li:last-child:after{
        width: 0;
    }
    .join .login_r .infotxt{
        margin-bottom: 4.1rem;
    }
    .join .login_r a, .mypage .linkbox a{
        border-radius: 5px;
        position: relative;
        padding-left: 9.6rem;
        font-size: 2rem;
        font-weight: 600;
        text-align: left;
        height: 5.6rem;
        width: 100%;
        margin-bottom: 2.7rem;
        display: flex;
        align-items: center;
    }
    .join .login_r a:before, .mypage .linkbox a:before{
        content: '';
        width: 8rem;
        height: 4.9rem;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-size: 30%;
    }
     .google_btn{
        background-color: #FFFFFF;
        border: 1px solid #c8c8c8;
        color: var(--font-color-2);
    }

     .naver_btn{
        background-color: #03c75a;
        border: 1px solid #03c75a;
        color: #FFFFFF;
    }
    .kakao_btn{
        background-color: #FEE500;
        border: 1px solid #FEE500;
        color: #191600;
    }
     .google_btn:before{
        background: url(../images/ico_g.png) no-repeat  center / contain;
        border-right: 1px solid #c8c8c8;
    }
     .naver_btn:before{
        background: url(../images/ico_n2.png) no-repeat  center / contain;
        border-right: 1px solid #FFFFFF;
    }
     .kakao_btn:before{
        background: url(../images/ico_k.png) no-repeat  center /  contain;
        border-right: 1px solid #FFFFFF;
    }



    .join .join_progress {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        max-width: 680px;
        margin: 0 auto;
    }
    .join .join_progress:after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #c8c8c8;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1;
    }
    .join .join_progress li{
        /*width: 171px;
        height: 171px;*/
        width: 17.1rem;
        padding-top: 17.1rem;
        position: relative;
        background-color: #f8f8f8;
        border-radius: 9999px;
        /*display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;*/
        box-shadow: 0px 0px 0px 0.9rem #ffffff;
    }


    .join .join_progress li strong{
        position: absolute;
        content: '';
        font-size: 2rem;
        line-height: 1.2;
        font-weight: 500;
        /*display: flex;
        justify-content: center;
        align-items: flex-start;*/
        /*height: 45%;*/
        text-align: center;
        /*padding-bottom: 2.4rem;*/
        top: 10rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .join .join_progress li.on{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .join .join_progress li span{
        /*width: 40%;
        padding-top: 40%;
        position: relative;
        margin-top: 10%;*/
        content: '';
        position: absolute;
        width: 7.3rem;
        height: 7.2rem;
        top: 2rem;
        left: 50%;
        transform: translateX(-50%);
    }
    /*.join .join_progress li span:before{
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translateX(-50%);
    }*/
    .join .join_progress li .step1{
        background: url("../images/ico_join1.png") no-repeat center / contain ;
    }
    .join .join_progress li .step2{
        background: url("../images/ico_join2.png") no-repeat center / contain ;
    }
    .join .join_progress li .step3 {
        background: url("../images/ico_join3.png") no-repeat center / contain ;
    }
    /*.join .join_progress li .step1:before{
        background: url("../images/ico_join1.png") no-repeat center / contain ;
    }
    .join .join_progress li .step2:before{
        background: url("../images/ico_join2.png") no-repeat center / contain ;
    }
    .join .join_progress li .step3:before {
        background: url("../images/ico_join3.png") no-repeat center / contain ;
    }*/
    .join .join_box{

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        line-height: 1.5;
        padding-top: 3rem;
    }
    .join .join_box.b_line{
        padding-top: 4rem;
        border-bottom: 2px solid #eaeaea;
        padding-bottom: 2.4rem;
    }
    .join .join_box .tit{
        font-size: 2rem;
        font-weight: 500;
        color: var(--main-color-3);
        padding-bottom: 3rem;
        word-break: keep-all;
        white-space: break-spaces;
    }
    .join .join_box h4.tit{
        font-size: 3.2rem;
        font-weight: 600;
        color: var(--font-color-2);
        text-align: left;
        padding-bottom: 0;
    }
    .join .join_box .chkbox{
        font-size: 2rem;
        font-weight: 600;
        color: var(--font-color-2);
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .join .join_box .chkbox input[type="checkbox"]{
        background: url(../images/check_off.png) no-repeat center / contain;
        width: 3.2rem;
        height: 3.2rem;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }
    .join .join_box .chkbox input[type="checkbox"]:checked{
        background: url(../images/check_on.png) no-repeat center / contain;

    }
    .join .join_box .chkbox span{
        color: #ce4a4a;
    }
    .join .join_box .join_info{
        background-color: #f8f8f8;
        padding: 2rem 0 2rem 1.4rem;
        font-size: 1.6rem;
        color: var(--font-color-1);
        font-weight: 300;
        white-space: pre-line;
        text-align: left;
        word-break: keep-all;
        height: 30rem;
        overflow: auto;
        margin-top: 3rem;
    }
    .scroll_b {
        overflow-y: scroll; /* 반드시 지정 */
        scrollbar-gutter: stable; /* 레이아웃 흔들림 방지 */
    }
    /* Chromium / Safari / Edge용 WebKit 스크롤바 */
    .scroll_b::-webkit-scrollbar {
        width: 1.8rem;
    }

    .scroll_b::-webkit-scrollbar-track { background:#f8f8f8; }
    .scroll_b::-webkit-scrollbar-thumb {
        background:var(--main-color-3); border-radius:1.5rem; border:0.4rem solid #f8f8f8;
    }
    .scroll_b::-webkit-scrollbar-button { display:none; width:0; height:0; }

    /* Firefox 전용: 직접 선택자 + scrollbar-width/color */
    @-moz-document url-prefix() {
        .manual {
            scrollbar-width: auto;
            scrollbar-color: #cccccc #f8f8f8;
        }
    }
    .join .join_box .join_info2{
        font-size: 1.8rem;
        font-weight: 400;
        color: var(--font-color-1);
        white-space: pre-line;
        text-align: left;
        word-break: keep-all;
        margin-bottom: 3rem;
    }
    .join .join_box .join_infobox{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
    }
    .join .join_box .join_infobox > li{
        display: flex;
        flex-direction: column;
        font-size: 1.8rem;
        font-weight: 300;
        color: var(--font-color-1);
        background-color: #f8f8f8;
        width: calc(100% / 3);

    }
    .join .join_box .join_infobox.item4{
        gap: 0.9rem;
    }
    .join .join_box .join_infobox.item4 > li{
        width: calc(100% / 4);
    }
    .join .join_box .join_infobox > li .info_tit{
        background-color: #ebebeb;
        width: 100%;
        height: 8.8rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .join .join_box .join_infobox > li .info_txt{
        height: 36rem;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: pre-line;
        word-break: keep-all;
        line-height: 1.5;
        padding: 1rem;
    }
    .join .join_box .join_infobox .info_txt.under_line, .under_line{
        text-decoration: underline;
    }
    .join .btnlist{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 8.3rem;
    }
    .join  .btnlist .btn{
        font-size: 2rem;
        font-weight: 600;
        color: #FFFFFF;
        padding: 2rem 4.7rem;
        border-radius: 1rem;
        margin: 0 1.5rem;
        line-height: 1;
    }
    .join  .btnlist .btn.btn_3{
        background-color: var(--main-color-3);
    }
    .join  .btnlist .btn.btn_2, .btn2{
        background-color: var(--main-color-2);
    }
    .join .table_wrap ul{
        min-width: 1100px;
    }
    .join .join_box table{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
        text-align: left;
        border-bottom: 2px solid #c8c8c8;
        border-top: 2px solid #c8c8c8;
    }
    .join .join_box table th{
        padding: 4rem 1rem 3rem 10rem;
        text-align: left;
        vertical-align: baseline;
        font-weight: 400;
        word-break: keep-all;
    }
    .join .join_box table th,.join .join_box table td{

        border-bottom: 2px solid #e6e6e6;
    }
    .join .join_box table td{
        padding: 3rem 1rem;
    }
    .join .join_box table tr:last-child th,.join .join_box table tr:last-child td{
        border-bottom: 0;
    }
    .join .join_box table input[type='text'],.join .join_box table input[type='password']{
        border: 1px solid #c8c8c8;
        border-radius: 1rem;
        width: 60%;
        padding: 1.6rem;
        font-size: 2rem;
    }
    .join .join_box table .btn{
        width: 35%;
        background-color: #FFFFFF;
        max-width: 162px;
        font-size: 2rem;
        font-weight: 400;
        text-align: center;
        border: 1px solid var(--font-color-2);
        border-radius: 1rem;
        padding: 1.6rem 1rem;
        margin-left: 5%;
    }
    .join .join_box table th span, .mypage table th span{
        color: #bc3838;
    }
    .join .join_box table td .chktxt{
        font-size: 1.6rem;
        font-weight: 400;
        color: var(--font-color-2);
        padding-top: 1.5rem;
    }
    .join .btnlist  .btn.item1 {
        width: 32rem;
    }
    .join .join_box table td > ul{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }
    .join .join_box table td > ul > li{
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    .join .join_box table td .phonebox{
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 60%;
    }
    .join .join_box table td input[type='text'].phonetxt{
        width: calc(100% / 3 - 1.4rem );
    }

    .join .join_box table td .chk_list,.mypage .info_box .chk_list{
        display: flex;
        flex-wrap: wrap;
        gap: 4rem 7rem;
    }
    .join .join_box table td .chk_list input[type='checkbox'],.join .join_box table td .chk_list input[type='radio']{
        width: 3rem;
        height: 3rem;
        border-radius: 0.5rem;
    }
    .join .join_box table td .chk_list input[type="checkbox"]:checked::after,.join .join_box table td .chk_list input[type="radio"]:checked::after {
        width: 3.5rem;
        height: 2.5rem;
    }
    .join .join_end{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: var(--main-color-3);
    }
    .join .join_end .step3{
        width: 15.9rem;
        height: 16rem;
        background: url("../images/ico_join3_l.png") no-repeat center / contain ;
        margin: 6rem auto;
    }
    .join .infobox {
        padding: 8rem 1rem;
    }
    .join.login .infobox{
        font-size: 2rem;
        font-weight: 400;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.8rem 5.9rem;
        color: var(--font-color-2);
    }
    .join.login .infobox .txt{
        position: relative;
        padding-left: 3.8rem;
        white-space: pre-line;
        text-align: left;

    }
    .join.login .infobox .txt:before{
        content: '';
        position: absolute;
        background: url("../images/consult_chk.png") no-repeat center / contain;
        width: 2.8rem;
        height: 2.8rem;
        top: 50%;
        left: 0;
        transform: translateY(-50%);

    }
    .join.login .infobox .btn{
        border: 1px solid #c8c8c8;
        border-radius: 0.5rem;
        font-size: 2rem;
        padding: 1rem 4rem ;
        background-color: #FFFFFF;
    }
    .login .type_box{
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 2.4rem;
        font-size: 1.6rem;
        font-weight: 700;
        color: var(--font-color-1);
    }
    .login .type_box > li{
        background-color: #f8f8f8;
        border: 1px solid #c8c8c8;
        border-radius: 3rem 3rem 0 0;
        padding: 1.5rem 7.6rem;
        border-bottom: 0;
    }
    .login .type_box > li.on{
        background-color: var(--main-color-3);
        color: #FFFFFF;
    }
    .sub_content .cont_body .cont_list.idpw{
        gap: 0;
    }
    .join .idpw  .login_box .sub_tit{
        padding-bottom: 5rem;
        font-size: 2rem;
        font-weight: 600;
    }
    .join  .idpw .login_box .login_l .box input[type='text'],.join  .idpw .login_box .login_l .box input[type='password'], .join  .idpw .login_box .login_l .box select{
        font-size: 1.6rem;
        padding: 1.5rem 1.7rem;
    }
    .join .login_box .login_l .box.phone .phonebox{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        width: 100%;
        padding-bottom: 1rem;
    }
    .join .login_box .login_l .box.phone  .phonebox .btn_l{
        width: 30%;
        padding: 1.2rem;
        border-radius: 1rem;
        font-size: 2rem;
    }
    .join .idpw .login_box .login_l .box .phonebox select{
        width: 20%;
        background-image: url("../images/idpw_sel_btn.png");
    }
    .join .idpw .login_box .login_l .box .phonebox input{
        width: 50%;
    }
    .join .idpw .box.phone .hp_chk:disabled{
        background-color: #efefef;
        border-color: #c8c8c8;
    }
    .join .idpw .err_txt{
        display: none;
        color: #be2c2c;
    }
    .join .idpw .err_txt.on{
        display: block;
    }
    .join .idpw .chk_list > li,.join .idpw .err_txt{
        font-size: 1.6rem;
        font-weight: 300;
        text-align: left;
        line-height: 1.7;
    }
    .join .idpw .msg{
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5rem 0 10rem;
    }
    .join .idpw .msg span{
        font-weight: 600;
        padding: 0 0.5rem ;
    }
    .join  .idpw .login_box{
        border-bottom: 0;
    }
    .join  .idpw .login_box .btn{
        color: #FFFFFF;
    }
        /* 모달 기본 스타일 */
    .modal {
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: rgba(0,0,0,0.5);
        display: flex; justify-content: center; align-items: center;
        z-index: 9999;
    }
    .modal_content {
        background: #fff;
        padding: 1.5rem;
        border-radius: 8px;
        width: 320px;
        max-width: 90%;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    .modal_title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .modal_message {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }
    .modal_buttons {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
    }
    .btn_ok {
        background: var(--main-color-3);
        color: #fff;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 1.6rem;
    }
    .btn_cancel {
        background: var(--font-color-1);
        color: #fff;
        padding: 0.5rem 1rem;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 1.6rem;
    }
    .btn_ok:focus, .btn_cancel:focus {
        outline: 2px solid #004ea2;
    }
    /*이용안내*/
    .sub_content .cont_body.about .cont_list{
        gap: 3.2rem;
        padding: 5.2rem 0;
        word-break: keep-all;
        align-items: flex-start;
        text-align: left;
        font-size: 2.4rem;
        font-weight: 500;
    }
    .sub_content .cont_body.about.no2 .cont_list{
        gap: 2.4rem;
    }

    .sub_content .cont_body.about .cont_list.sub1_1{
        padding-top: 0;
    }
    .sub_content .cont_body.about.no1 .cont_list{
        border-bottom: 1px solid #c8c8c8;
    }
    .sub_content .cont_body.about.no2 .cont_list .tit{
        border-bottom: 1px solid #c8c8c8;
        padding-bottom: 3.4rem;
        width: 100%;
    }
    .about .cont_list:last-child{
        border-bottom: 0;
    }
    .about .infobox {
        border: 1px solid #c8c8c8;
        background-color: #FFFFFF;
        text-align: left;
        width: 100%;
        max-width: 1144px;
        font-size: 2rem;
        font-weight: 400;
        padding: 2.1rem 4.4rem;
        margin: 0 auto;
    }

    .about .cont_list .sub_tit{
        font-size: 2.8rem;
        font-weight: 600;
        color: var(--font-color-2);
        padding-left: 3rem;
        text-align: left;
        width: 100%;
        position: relative;
    }
    .about.no2 .cont_list .sub_tit{
        margin-top: 1.1rem;
    }
    .about .cont_list .sub_tit:before{
        position: absolute;
        content: '';
        background: url("../images/consult_chk.png") no-repeat center / contain;
        width: 2.3rem;
        height: 2.3rem;
        left: 0;
        top: 0.8rem;
    }
    .about .labeling{
        width: 100%;
        gap: 3.3rem 2.4rem;
    }
    @supports (display:grid) {
        .about .labeling{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {

        .about .labeling {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
        }

        .about .labeling li {
            width: calc(100% / 3 - 2.4rem);
        }
    }
    .about .labeling li .txt{
        font-size: 2.4rem;
        font-weight: 500;
        color: #FFFFFF;
        background-color: var(--main-color-3);
        width: 100%;
        border-radius: 2rem;
        padding: 3rem;
        text-align: center;
    }
    .about .labeling li span{
        border: 1px solid #c8c8c8;
        border-radius: 2rem;
        width: 100%;
        padding-top: 42.5%;
        display: block;
        margin-bottom: 2.3rem;
        position: relative;
    }
    .about .labeling li span:before{
        content: '';
        position: absolute;
        width: 25%;
        padding-top: 25%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .about .labeling li .item1:before{
        background: url("../images/ico_about1_1.png") no-repeat center / contain;
    }
    .about .labeling li .item2:before{
        background: url("../images/ico_about1_2.png") no-repeat center / contain;
    }
    .about .labeling li .item3:before{
        background: url("../images/ico_about1_3.png") no-repeat center / contain;
    }
    .about .labeling li .item4:before{
        background: url("../images/ico_about1_4.png") no-repeat center / contain;
    }
    .about .labeling li .item5:before{
        background: url("../images/ico_about1_5.png") no-repeat center / contain;
    }
    .about .labeling li .item6:before{
        background: url("../images/ico_about1_6.png") no-repeat center / contain;
    }
    .about .cont_list .point_txt{
        font-size: 2rem;
        font-weight: 500;
        color: #bb7a88;
        width: 100%;
        text-align: left;
        position: relative;
        padding-left: 2.5rem;
    }
    .about .cont_list .point_txt:before{
        position: absolute;
        content: '※';
        left: 0;
    }
    .about .list{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        word-break: keep-all;
    }
    .about.no2 .list {
         padding-left: 3rem;
        flex-direction: column;
        max-width: unset;
    }
    .about .num,.about .num li{
        width: 100%;
        max-width: unset;
    }
    .about .list > ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2.5rem;
        font-size: 2.4rem;
        font-weight: 500;
        max-width: unset;
    }
    .about .list > ul > li{
        position: relative;
        padding-left: 2rem;
    }
    .about .list > ul >  li:before{
        content: '>';
        color: #c8c8c8;
        position: absolute;
        left: 0;
    }
    .about .list.dot > ul >  li:before{
        content: '・';
        color: #c8c8c8;
        position: absolute;
        left: 0;
    }
    .about .list.cont_no > ul >  li:before{
        content: ' ';
    }
    .about .sub_txt{
        font-size: 2rem;
        font-weight: 500;
        width: 100%;
        text-align: left;
    }
    .about.no2 .sub_txt{
        font-size: 2.4rem;
        padding-left: 3rem;
    }
    .about  .list > ul li{
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
        text-align: left;
    }

    .about .num1 > li .txt,.about .list > .num > li .txt, .about  .line .subtxt{
        position: relative;
        padding-left: 3rem;
    }
    .about .num1 > li .txt:before,.about .num  > li .txt:before, .about  .line .subtxt:before{
        position: absolute;
        content: '①';
        padding-right: 1rem;
        left: 0;
    }
    .about  .num1 > li:nth-of-type(2) .txt:before{
        content: '②';
    }
    .about  .num1 > li:nth-of-type(3) .txt:before{
        content: '③';
    }
    .about  .num1 > li:nth-of-type(4) .txt:before{
        content: '④';
    }
    .about  .num1 > li:nth-of-type(5) .txt:before{
        content: '⑤';
    }
    .about  .num1 > li:nth-of-type(6) .txt:before{
        content: '⑥';
    }
    .about  .num > li:nth-of-type(1) .txt:before{
        content: '1.';
    }
    .about  .num > li:nth-of-type(2) .txt:before{
        content: '2.';
    }
    .about  .num > li:nth-of-type(3) .txt:before{
        content: '3.';
    }
    .about  .num > li:nth-of-type(4) .txt:before{
        content: '4.';
    }
    .about  .num > li:nth-of-type(5) .txt:before{
        content: '5.';
    }
    .about  .num > li:nth-of-type(6) .txt:before{
        content: '6.';
    }
    .about  .num > li:nth-of-type(7) .txt:before{
        content: '7.';
    }
    .about  .num > li:nth-of-type(8) .txt:before{
        content: '8.';
    }
    .about  .num > li:nth-of-type(9) .txt:before{
        content: '9.';
    }
    .about  .num > li:nth-of-type(10) .txt:before{
        content: '10.';
    }

    .about  .line .subtxt:before{
        content: '-';
    }
    .about  .view_table, .about  .view_table th, .about  .view_table td {
        border: 1px solid #c8c8c8;
        line-height: 1.2;
        text-align: center;
        word-break: break-word;
    }
    .about  .view_table th{
        background-color: #f8f8f8;
        font-weight: 500;
        padding: 1rem 0.5rem;
    }
    .about  .view_table td{
        font-weight: 400;
        color: var(--font-color-1);
        padding: 2.5rem  0.5rem;

    }
    .about .list .sublist{
        padding-left: 3rem;
        font-size: 2rem;
        font-weight: 500;
        word-break: keep-all;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .about .list .sublist li{
        gap: 2rem;
    }
    .about .sublist .subtxt{
        padding-left: 2rem;
    }
    .about .list .txt2{
        padding-left: 3rem;
    }
    .about .chk_box{
        background-color: #eef2ff;
        border-radius: 2rem;
        padding: 7.3rem 2.3rem 7.3rem 21rem;
        position: relative;
        font-size: 2.4rem;
        font-weight: 600;
    }

    .about .chk_box:before{
        content: '';
        position: absolute;
        background: url("../images/about_email.png") no-repeat center / contain;
        width: 12.6rem;
        height: 12.5rem;
        left: 5.1rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .about .chk_box2{
        background-color: #f8f8f8;
        border-radius: 1rem;
        padding: 4rem 7rem;
        width: calc(100% - 6rem);
        margin: 0 auto;
    }
    .about .chk_box2 .dot li::before {
        font-size: 2.4rem;
        font-weight: 700;
    }
    .about .chk_box2 .list {
        flex-direction: column;
        gap: 1rem
    }
    .about.no3 .point_txt{
        color: #d23838;
        width: calc(100% - 6rem);
        margin: 0 auto;
    }
    .about.no3 .point_txt:before{
        content: '*';
    }
    /*매칭정보검사*/
    .matching .sub1_2 > ul{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 12rem;
        width: 100%;
        padding: 9rem;
    }
    .matching .sub1_2 > ul > li{
        width: calc(100% / 3 - 6rem);
        height: 42.5rem;
        background-color: #FFFFFF;
        padding: 0 1rem 4.2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        font-size: 2.8rem;
        font-weight: 500;
        color: var(--font-color-2);
        border-radius: 2.9rem;
        position: relative;
    }
    .matching .sub1_2 > ul > li:after{
        content: '';
        position: absolute;
        background: url("../images/matching_img_left.png") no-repeat center / contain;
        width: 8rem;
        height: 8rem;
        top: 50%;
        right: -10rem;
        transform: translateY(-50%);
    }
    .matching .sub1_2 > ul > li:last-child:after{
        width: 0;
        height: 0;
    }
    .matching .sub1_2 > ul > li:last-child{
        padding: 9.2rem 1rem 4.2rem;
    }
    .matching .sub1_2 > ul > li .stepbox{
        font-size: 4rem;
        font-weight: 800;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--main-color-2);
        border-radius: 0 0 2.9rem 2.9rem;
        padding: 2rem 0;
        width: 80%;
        margin: 0 auto;
    }
    .matching .sub1_2 > ul > li span{
        width: 80%;
        padding-top: 80%;
        position: relative;
    }
    .matching .sub1_2 > ul > li span:before{
        position: absolute;
        content: '';
        background-image: url("../images/matching_img2-1.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 70%;
        top: 0;
        left: 50%;
        margin: 3rem 0 2rem;
        transform: translateX(-50%);
    }
    .matching .sub1_2 > ul > li:nth-child(2) span:before{
        background-image: url("../images/matching_img2-2.png");
    }
    .matching .sub1_2 > ul > li:nth-child(3) span:before{
        height: 80%;
        margin: 0;
        background-image: url("../images/matching_img2-3.png");
    }
    .matching .sub1_2 > ul > li:nth-child(3) > div{
        font-size: 4rem;
        font-weight: 800;
    }
    .matching .sub1_3 .item_box{
        width: 100%;
    }
    .matching .sub1_3 .item_box .top_txt{
        background: #899BD4;
        background: linear-gradient(90deg,rgba(137, 155, 212, 1) 0%, rgba(68, 94, 171, 1) 50%, rgba(56, 72, 117, 1) 100%);
        border-radius: 4rem;
        padding: 2rem;
        width: 100%;
        max-width: 989px;
        margin: 0 auto;
        font-size: 3.2rem;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 5rem;
    }
    .matching .sub1_3 .item_box .subitembox{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .matching .sub1_3 .item_box .subitembox .item1, .matching .sub1_3 .item_box .subitembox .item3{
        width: 30rem;
        position: relative;
        background-color: #FFFFFF;
    }
    .matching .sub1_3 .item_box .subitembox .item1
    .matching .sub1_3 .item_box .subitembox .item3{
        width: 40%;

    }
    .matching .sub1_3 .item_box .subitembox .item_txt{
        width: 100%;
        font-size: 3.2rem;
        font-weight: 700;
        padding: 3rem 0;
        background-color: #f8f8f8;
        border-radius: 4.8rem;
        margin: 3rem 0;
    }
    .matching .sub1_3 .item_box .subitembox .item2{
        font-size: 3.6rem;
        font-weight: 700;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        width: calc(100% - 60rem - 10rem);
        max-width: 600px;
        position: relative;
    }
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg1,
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg2{
        padding: 5rem;
        background-color: var(--main-color-2);
        border-radius: 200px;
        width: 20rem;
        height: 20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        position: relative;
    }
    .matching .sub1_3 .item_box .subitembox .item2 .itembg1{
        content: '';
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20rem;
        height: 20rem;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }
    .matching .sub1_3 .item_box .subitembox .item2 .itembg1:before{
        content: '';
        position: absolute;
        width: 20rem;
        height: 20rem;
        background-color: #384875;
        border: 0.8rem solid #FFFFFF;
        border-radius: 2rem;
        transform: rotate(45deg);
        top: 0;
        left: 0;
        z-index: -1;
    }
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg1 span,
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg2 span{
        width: 11rem;
        height: 12rem;
        position: absolute;
        content: '';
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);

    }
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg1 span{
        background: url("../images/matching_img3-1.png") no-repeat center / contain;
    }
    .matching .sub1_3 .item_box .subitembox .item2 .itemimg2 span{
        background: url("../images/matching_img3-2.png") no-repeat center / contain;
    }
    .matching .sub1_3 .item_box .subitembox .item1:before,
    .matching .sub1_3 .item_box .subitembox .item3:before{
        content: '';
        position: absolute;
        width: 3rem;
        height: 65%;
        border: 1px solid #a9a9a9;
        top: 50%;
        transform: translateY(-50%);
    }
    .matching .sub1_3 .item_box .subitembox .item1:before{
        border-left: 0;
        right: -3rem;
    }
    .matching .sub1_3 .item_box .subitembox .item3:before{
        border-right: 0;
        left: -3rem;
    }
    .matching .sub1_3 .item_box .subitembox .item1:after,
    .matching .sub1_3 .item_box .subitembox .item3:after{
        content: '';
        position: absolute;
        width: 7rem;
        height: 1.2rem;
        top: 50%;
        background-position-y: center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%);
    }
    .matching .sub1_3 .item_box .subitembox .item1:after{
        right: -8.7rem;
        background-image: url(../images/matching_img3_r.png);
        background-position-x: right;
    }
    .matching .sub1_3 .item_box .subitembox .item3:after{
        left: -8.7rem;
        background-image: url(../images/matching_img3_l.png);
        background-position-x: left;
    }
    .sub_content .cont_body.info .cont_list{
        gap: 0;
    }
    /*프로그램안내*/
    .info .pgitem1 .titbox{

        color: #FFFFFF;
        background-color: var(--main-color-3);
        padding: 1rem;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        border: 1px solid #c8c8c8;
        border-radius: 4rem;

    }
    .info  .titbox{
        font-size: 3.6rem;
        font-weight: 800;
    }
    .info .pgitem1{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1rem;
    }
    .info .pgitem1 .imglist {
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
        position: relative;
        padding-top: 12rem;
        gap: 9rem;
    }
    @supports (display:grid) {
        .info .pgitem1 .imglist{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {
        .info .pgitem1 .imglist{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .info .pgitem1 .imglist > li {
            width: calc(100% / 3 - 4.5rem);
        }
    }

    .info .pgitem1 .imglist:before{
        content: '';
        position: absolute;
        background: url("../images/pginfo_graph.png") no-repeat center / 100% 100%;
        width: 80%;
        height: 12rem;
        top: 0;
        left: 10%;
    }
    .info .pgitem1 .imglist > li{
        border-radius: 2rem;
        background: #486BD3;
        background: linear-gradient(135deg, rgba(72, 107, 211, 1) 0%, rgba(72, 107, 211, 1) 50%, rgba(61, 76, 120, 1) 50%, rgba(61, 76, 120, 1) 100%);
        padding: 1rem;
    }
    .info .pgitem1 .imglist > li .item{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: 1rem;
        background-color: #FFFFFF;
        padding: 2rem 1rem;
        position: relative;
        height: 100%;
    }
    .info .pgitem1 .imglist > li .item:before{
        position: absolute;
        content: '1';
        width: 4rem;
        height: 4rem;
        background-color: #486bd3;
        border-radius: 50px;
        font-size: 3rem;
        font-weight: 600;
        color: #FFFFFF;
        top: 1.5rem;
        left: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
    }
    .info .pgitem1 .imglist > li:nth-of-type(2) .item:before{
        content: '2';
    }
    .info .pgitem1 .imglist > li:nth-of-type(3) .item:before{
        content: '3';
    }
    .info .pgitem1 .imglist .txt{
        font-size: 2.4rem;
        color: #000000;
        font-weight: 600;

    }
    .info .pgitem1 .imglist .imgbox{
        width: 30%;
        padding-top: 30%;
        position: relative;
        display: block;
        margin-bottom: 1rem;
    }
    .info .pgitem1 .imglist .imgbox:before{
        position: absolute;
        content: '';
        background-image: url("../images/pginfo_img1-1.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 100%;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .info .pgitem1 .imglist li:nth-child(2) .imgbox:before{
        background-image: url("../images/pginfo_img1-2.png");
    }
    .info .pgitem1 .imglist li:nth-child(3) .imgbox:before{
        background-image: url("../images/pginfo_img1-3.png");
    }

    .info .pgitem1 .imglist .point_txt{
        color: #bd2828;
        font-size: 2.8rem;
        font-weight: 800;
    }
    .info .pgitem2{
        width: 100%;
        background: url("../images/pginfo_bg.png") no-repeat bottom center / contain;
    }
    .info .pgitem2 .titbox{
        padding-top: 7rem;

        color: var(--main-color-3);
    }
    .info .pgitem2 .titbox span{
        background: linear-gradient(to top, #ecf0fb 50%, transparent 50%);
        padding: 0 1rem;
    }

    .info .pgitem2 .platbox{
        font-size: 3.2rem;
        font-weight: 600;
        color: var(--main-color-3);
        display: flex;
        flex-direction: column;
        width: 85%;
        max-width: 980px;
        margin: 5rem auto 9rem;
        padding: 4rem 6.7rem;
        -webkit-box-shadow: 0px 0px 29px 1px rgba(182, 182, 182, 0.39);
        box-shadow: 0px 0px 29px 1px rgba(182, 182, 182, 0.39);
        background: #FFFFFF;
        border-radius: 2rem;
    }
    .info .pgitem2 .platbox > li{
        display: flex;
        align-items: center;
        margin-bottom: 2rem;
    }
    .info .pgitem2 .platbox > li:last-child{
        margin-bottom: 0;
    }
    .info .pgitem2 .platbox > li span{
        background-color: var(--main-color-3);
        color: #FFFFFF;
        padding: 0 2rem;
        border-radius: 2.2rem;
        margin-right: 2.3rem;
        font-size: 2.4rem;
        font-weight: 800;
    }
    .info .pgitem3{
        background: url("../images/pginfo_bg2.png") no-repeat center / 100% 100%;
        width: 100%;
        padding: 5rem;
        border-radius: 5rem;
    }
    .info .pgitem3 .titbox{
        padding-top: 40rem;
        padding-bottom: 5rem;
    }
    .info .pgitem3 .titbox{
        position: relative;
    }
    .info .pgitem3 .titbox:before{
        content: '';
        position: absolute;
        background: url("../images/pginfo_bg4.png") no-repeat center / contain;
        width: 50rem;
        height: 65rem;
        top: 5rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .info .pgitem3 .titbox span{
        background: url(../images/pginfo_bg3.png) no-repeat center / contain;
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 4rem;
    }
    .info .pgitem3 .subitem,.info .pgitem3 .subitem > li{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .info .pgitem3 .subitem .tit{
        font-size: 3.6rem;
        font-weight: 800;
        color: #FFFFFF;
        display: flex;
        align-items: center;
    }
    .info .pgitem3 .subitem .tit:before{
        content: '';
        background: url(../images/pginfo_chk.png) no-repeat center / contain;
        width: 4rem;
        height: 4rem;
        display: block;
        padding-right: 1rem;
    }
    @supports (display:grid) {
        .info .pgitem3 .subitem .imglist{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-auto-rows: 1fr;
            gap: 3.5rem;
        }
    }
    @supports not (display:grid) {
        .info .pgitem3 .subitem .imglist{
            display: flex;
            justify-content: center;
        }
        .info .pgitem3 .subitem .imglist > li{
            width: calc(100% / 4 - 1.7rem);
            gap: 3.5rem;
        }

    }
    .info .pgitem3 .subitem .imglist{
        text-align: center;
        font-size: 2.4rem;
        font-weight: 500;
        color: #000000;
        width: 100%;
        padding-bottom: 13rem;
    }
    .info .pgitem3 .subitem .imglist > li{
        background-color: #FFFFFF;
        padding: 5rem 1rem 3rem;
        margin-top: 4rem;
        border-radius: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    .info .pgitem3 .subitem .imglist > li:after{
        position: absolute;
        content: '+';
        font-size: 4.4rem;
        font-weight: 700;
        color: #FFFFFF;
        width: 7.6rem;
        height: 7.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.3rem solid #000000;
        background-color: #486bd3;
        border-radius: 50px;
        right: -6rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        line-height: 1;
    }
    .info .pgitem3 .subitem .imglist > li:last-child:after{
        content: '';
        opacity: 0;
    }

    .info .pgitem3 .subitem .imglist .point_txt{
        font-size: 3.2rem;
        font-weight: 700;
        color: var(--main-color-3);
        padding: 3.5rem 0 2rem;
    }
    .info .pgitem3 .subitem .imglist li span{
        width: 50%;
        padding-top: 50%;
        position: relative;
    }
    .info .pgitem3 .subitem .imglist li span:before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("../images/pginfo_img2-1.png") no-repeat center / contain;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .info .pgitem3 .subitem .imglist.no1 li:nth-of-type(1) span:before{
        background: url("../images/pginfo_img2-1.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no1 li:nth-of-type(2) span:before{
        background: url("../images/pginfo_img2-2.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no1 li:nth-of-type(3) span:before{
        background: url("../images/pginfo_img2-3.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no1 li:nth-of-type(4) span:before{
        background: url("../images/pginfo_img2-4.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no2 li:nth-of-type(1) span:before{
        background: url("../images/pginfo_img3-1.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no2 li:nth-of-type(2) span:before{
        background: url("../images/pginfo_img3-2.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no2 li:nth-of-type(3) span:before{
        background: url("../images/pginfo_img3-3.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no2 li:nth-of-type(4) span:before{
        background: url("../images/pginfo_img3-4.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no3 li:nth-of-type(1) span:before{
        background: url("../images/pginfo_img4-1.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no3 li:nth-of-type(2) span:before{
        background: url("../images/pginfo_img4-2.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no3 li:nth-of-type(3) span:before{
        background: url("../images/pginfo_img4-3.png") no-repeat center / contain;
    }
    .info .pgitem3 .subitem .imglist.no3 li:nth-of-type(4) span:before{
        background: url("../images/pginfo_img4-4.png") no-repeat center / contain;
    }
    .info .infotxt{
        font-size: 2.8rem;
        font-weight: 600;
        text-align: center;
    }
    .info .point_list{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 8.1rem;
        color: var(--font-color-2);
    }
    .info .point_list .sub_tit,.info .point_list .sub_tit .p_txt3{
        font-size: 2.8rem;
        font-weight: 600;
        padding-bottom: 3rem;
    }
    .info .point_list > li{
        margin-bottom: 11rem;
        width: 100%;
    }
    .info .point_list .sub_tit span{
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: -1.5px;
    }
    .info .view_table{
        font-size: 2.4rem;
        font-weight: 400;
        color: var(--font-color-1);

    }
    .info .table_wrap .view_table{
        min-width: 1200px;
    }
    .info .view_table, .info .view_table th, .info .view_table td{
        border: 1px solid #c8c8c8;
        padding: 1rem 0.2rem;
    }
    .info .view_table th{
        background-color: #f8f8f8;
        font-weight: 500;
        color: var(--font-color-2);
    }
    .info .chktxt{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
        padding-top: 3rem;
    }
    .info .chktxt.up{
        margin-top: -7rem;
    }
    .info .chktxt > li{
        padding-left: 2rem;
        position: relative;
        text-align: left;
        margin-bottom: 1.3rem;
    }
    .info .chktxt > li.point_txt{
        color: #0050a7;
        font-size: 2rem;
    }
    .info .chktxt > li:before{
        position: absolute;
        content: '*';
        left: 0;
    }
    .info .chktxt .info_box{
        font-size: 2rem;
        font-weight: 400;
        padding: 1rem 2rem;
        border: 1px solid #c8c8c8;
        border-radius: 1rem ;
        margin-top: 1.3rem;
        width: fit-content;
    }
    .info .chktxt .info_box b{
        font-weight: 600;
    }
    .info .view_table.cng_line tbody td{
        padding: 2rem 0.2rem;
    }
    .info .view_table.cng_line tbody td.txt_left{
        padding-left: 1rem;
    }
    .info .view_table.cng_line tbody tr:nth-child(even){
        background-color: #f8f8f8;
    }
    .info .view_table.cng_line tbody .pointline{
        background-color: #f0f3fc !important;
    }
    .info .sub_tbl,.info .point_list .sub_tit{
        padding-left: 3.5rem;
    }
    .info .point_list .sub_tit.tab{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .info .sub_tbl .sub_tit2{
        font-size: 2.4rem;
        font-weight: 600;
        color: var(--font-color-2);
        text-align: left    ;
    }
    .info .sub_tbl .sub_tit2:before{
        content: '■';
        color: #2e98ff;
        padding-right: 1rem;
    }
    .info .sub_tbl .bg_b{
        background-color: #f0f3fc;
    }
    .info .sub_tbl .bg_p{
        background-color: #fff7f7;
    }
    .info .sub_tbl > li:last-child{
        margin-top: 3.6rem;
    }
    .info .sub_tbl .view_table th span{
        font-size: 2rem;
        font-weight: 500;
    }
    .info .graphbox{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 2rem 6rem;
    }
    .info .graphbox .tit{
        font-size: 2rem;
        font-weight: 600;
        color: var(--font-color-1);
        text-align: center;
        margin-bottom: 5rem;
    }
    @supports (display:grid) {
        .info .graphbox.type2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: 1fr;
        }
    }
    @supports not (display:grid) {
        .info .graphbox.type2 {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .info .graphbox.type2 .graphbox {
            width: calc(100% / 2 - 6rem);

        }
    }
    .info .graphbox.type2 {
        margin-bottom: 3rem;
    }

    .info .graphbox.type2.g_only .graphimg{
        margin-bottom: 0;
    }
    .info .graphbox .graph_cont{
        border: 1px solid #c8c8c8;
        background-color: #FFFFFF;
        padding: 2.5rem 1.5rem;
        width: 100%;
        height: 100%;
    }
    .info .graphbox .graph_cont .view_table{
        font-size: 1.2rem;
        font-weight: 400;
        width: 100%;
        max-width: 950px;
        margin: 0 auto;
        line-height: 1.2;
    }
    .info .graphbox .graph_cont .view_table th{
        font-size: 1.3rem;
        font-weight: 600;
        padding: 0;
        height: 6rem;
        line-height: 1.2;
    }
    .info .graphbox .graph_cont .view_table td{
        padding: 0.5rem ;
    }
    .info .graphbox .graph_cont .graphimg{
        content: url("../images/info_graph1-1.png");
        width: 95%;
        max-width: 950px;
        display: block;
        height: 25rem;
        margin: 0 auto 5rem;
        object-fit: contain;
        object-position: center;
    }
    .info .graphbox .graph_cont .graphimg.no2 {
        content: url("../images/info_graph1-2.png");
    }
    .info .graphbox .graph_cont .graphimg.no3 {
        content: url("../images/info_graph1-3.png");
    }
    .info .graphbox .graph_cont .graphimg.no4 {
        content: url("../images/info_graph2-1.png");
    }
    .info .graphbox .graph_cont .graphimg.no5 {
        content: url("../images/info_graph2-2.png");
    }
    .info .graphbox .graph_cont .graphimg.no6 {
        content: url("../images/info_graph2-3.png");
    }
    .info .graphbox .graph_cont .graphimg.no7 {
        content: url("../images/info_graph2-4.png");
    }
    .info .graphbox .graph_cont .graphimg.no8 {
        content: url("../images/info_graph2-5.png");
    }
    .info .graphbox .graph_cont .graphimg.no9 {
        content: url("../images/info_graph2-6.png");
    }
    .info .graphbox .graph_cont .graphimg.no10 {
        content: url("../images/info_graph2-7.png");
    }
    .info .graphbox .graph_cont .graphimg.no11 {
        content: url("../images/info_graph2-8.png");
    }
    .info .point_list .infoimg{
        content: url("../images/info_img3_1.png");
        width: 95%;
        display: block;
        margin: 3rem auto 0;
        object-fit: contain;
        object-position: center;
    }
    .info .point_list .infoimg.img2 {
        content: url("../images/info_img3_2.png");
    }
    .info .point_list .infoimg.img3 {
        content: url("../images/info_img3_3.png");
    }

    /*사이트맵*/
    .sitemap_wrap{
        width: 100%;
        padding: 6rem 0;
    }
    @supports (display:grid) {
        .sitemap_wrap .stm_lst{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
           /* grid-auto-rows: 1fr;*/
            gap: 8.6rem;
        }
    }
    @supports not (display:grid) {
        .sitemap_wrap .stm_lst{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8.6rem;
        }
        .sitemap_wrap .stm_lst > li{
            width: calc(100% / 4 - 8.6rem);
        }

    }
    .sitemap_wrap .stm_lst >li > .tit{
        color: var(--main-color-3);
        padding-bottom: 0.5rem;
        border-bottom: 0.8rem solid var(--main-color-3);
    }
    .sitemap_wrap .stm_lst .depth2 > li > a, .sitemap_wrap .stm_lst .depth2 > li > .tit{
        font-size: 2.4rem;
        font-weight: 600;
        color: var(--font-color-2);
        padding: 1rem 0 1rem 2rem;
        text-align: left;
        position: relative;
        border-bottom: 1px solid #c8c8c8;
    }
    .sitemap_wrap .stm_lst .depth2 > li >  a:before, .sitemap_wrap .stm_lst .depth2 > li > .tit:before{
        content: '・';
        position: absolute;
        left: 0;
    }
    .sitemap_wrap .stm_lst .depth2 > li .tit{
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .sitemap_wrap .stm_lst .parent{

    }
    .sitemap_wrap .stm_lst .depth2 > li .parent:after{
        content: '';
        background: url("../images/sitemap_btn.png") no-repeat center / contain;
        width: 2.5rem;
        height: 2.5rem;
        margin-left: auto;
        transform: rotate(0deg);
        transition: transform 0.3s ease;

    }
    .sitemap_wrap .stm_lst .depth2 > li.open  .parent:after {
        transform: rotate(180deg);
    }
    .sitemap_wrap .stm_lst li .depth3{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease, opacity 0.3s ease;
        opacity: 0;
    }
    .sitemap_wrap .stm_lst li.open .depth3{
        opacity: 1;
        max-height: 100%;
    }
    .sitemap_wrap .stm_lst .depth3 > li > a{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
        padding: 0.5rem 0.5rem 0.5rem 2.9rem;
        text-align: left;
        background-color: #f8f8f8;
        border-bottom: 1px solid #c8c8c8;
    }
    .sitemap_wrap .stm_lst .depth3 > li > a:before{
        content: '-';
        padding-right: 1rem;
    }
    .mypage .info_box .titbox{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mypage .info_box .sub_tit{
        font-size: 2.4rem;
        font-weight: 600;
        color: var(--main-color-3);
    }
    .mypage .info_box .chktxt{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-1);
    }
    .mypage .view_table * {
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
    }
    .mypage .view_table,.mypage .view_table th, .mypage .view_table td{
        text-align: left;
        padding: 2rem 1.9rem;
        line-height: 1;
        border: 1px solid #c8c8c8;
    }
    .mypage .view_table th{
        background-color: #f8f8f8;

    }
    .mypage .view_table select{
        border: 0;
        background-image: url("../images/sel_btn_s_v.png");
        background-size: 1.2rem;
        padding: 0.8rem 3rem 0.8rem 0.8rem;
    }
    .mypage .view_table input[type='text'],.mypage .view_table input[type='password']{
        border: 1px solid #c8c8c8;

        line-height: 1;
        padding: 0.8rem;
        width: 50%;
        max-width: 30rem;
        margin-right: 1rem;
    }
    .mypage .chk_list{
        gap: 2.8rem;
    }

    .mypage .info_box input[type='radio']{
        border: 0.3rem solid #FFFFFF;
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 50px;
        background-color:#FFFFFF;
        box-shadow: 0 0 0 1px #c8c8c8;
    }
    .mypage .info_box input[type='radio']:checked{
        background-color: var(--main-color-3);
    }
    .mypage .pro_chk input[type="radio"]:checked::after, .mypage .pro_chk input[type="checkbox"]:checked::after{
        display: none;
    }
    .mypage table{
        margin-bottom: 5.6rem;
    }
    .mypage .btn{
        font-size: 2.8rem;
        font-weight: 700;
        background-color: var(--main-color-3);
        color: #FFFFFF;
        line-height: 1;
        padding: 2.4rem 5.7rem;
        border-radius: 1rem;
        border: 1px solid #c8c8c8;
    }
    .mypage .chk_box{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 3rem;
        background-color: #f8f8f8;
        border-radius: 1rem;
        padding: 3rem 5rem;

    }
    .mypage .chk_box:before{
        background: url("../images/mypage2_img1.png") no-repeat center / contain;
        content: '';
        width: 8.7rem;
        height: 8.7rem;
        display: block;
    }
    .mypage .chk_box .txtbox,.mypage .chk_box .txtbox .sub_tit{
        font-size: 2rem;
        font-weight: 400;
        color: var(--font-color-2);
        text-align: left;
    }
    .mypage .chk_box span{
        color: #b61b1b;
        font-weight: 600;
    }
    .mypage .chk_box .txtbox ul li{
        position: relative;
        padding-left: 2rem;
    }
    .mypage .chk_box .txtbox ul li:before{
        content: '・';
        position: absolute;
        left: 0;
        top: 0;
    }
    .mypage .linkbox{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #c8c8c8;
        border-radius: 1rem;
        padding: 6rem 2rem;
        gap: 1.8rem;
        margin-top: 2.8rem;
    }
    .mypage .linkbox a.on{
       color:  #b61b1b;
    }
    .mypage ul.number li{
        margin-bottom: 6.6rem;
    }
    .mypage ul.number li .tit{
        font-size: 2.8rem;
        font-weight: 700;
        color: var(--main-color-3);
        padding-left: 4rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        margin-bottom: 3rem;
        text-align: left;
        word-break: keep-all;
    }
    .mypage ul.number li .tit::before{
        background-color: var(--main-color-3);
        color: #FFFFFF;
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        position: absolute;
        left: 0;
        top: 0.3rem;
        line-height: 1;
    }
    .mypage ul.number li span{
        content: url("../images/mypage3_img1.png");
        width: 100%;
        display: block;
    }
    .mypage ul.number li:nth-child(2) span{
        content: url("../images/mypage3_img2.png");
    }
    .mypage ul.number li:nth-child(3) span{
        content: url("../images/mypage3_img3.png");
    }
    .mypage ul.number li:nth-child(1)  .tit::before { content: "1"; }
    .mypage ul.number li:nth-child(2) .tit::before { content: "2"; }
    .mypage ul.number li:nth-child(3) .tit::before { content: "3"; }

    /*ai학습*/
    .ai .pgtit .tit a{
        padding: 0 2rem ;
        font-weight: 300;
        color: var(--font-color-1);
        border-right: 2px solid #c8c8c8;
    }
    .ai .pgtit .tit a:first-child{
        padding-left: 0;
    }
    .ai .pgtit .tit a:last-child{
        border-right: 0;
    }
    .ai .pgtit .tit a.on{
        font-weight: 700;
        color: var(--main-color-3);
    }
    .ai .sampleimg{
        content: url("../images/ai_img1_1.png");
        width: 100%;
        object-fit: contain;
        object-position: center;
    }
    .ai .sampleimg.item2{
        content: url("../images/ai_img1_2.png");
    }
    .ai .sampleimg.item3{
        content: url("../images/ai_img1_3.png");
    }
    .ai .sampleimg.item4{
        content: url("../images/ai_img1_4.png");
    }
    .ai .sampleimg.item5{
        content: url("../images/ai_img2_1.png");
    }
    .ai .sampleimg.item6{
        content: url("../images/ai_img2_2.png");
    }
    .ai .sampleimg.item7{
        content: url("../images/ai_img2_3.png");
    }



    @media (max-width: 1440px) {
        .progress-cont-box .pro_input_box table th, .progress-cont-box .pro_input_box table td {
            padding: 1rem;
        }
        .cont_list.std_s_box .progress-cont-box {
            padding: 4rem 3rem;
        }
        .cont_list.std_s_box .progress-cont{
            padding: 7rem;
        }
        .consult_inr .imgbox{
            padding: 8rem 4rem;
        }
        .consult_inr .imgbox ul {
            gap: 3rem;
        }
        .info .pgitem2 .platbox {
            font-size: 3rem;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            font-size: 2.5rem;
        }
        .info .pgitem3 .subitem .imglist {
            font-size: 2rem;
        }
        .info .pgitem3 .subitem .imglist > li:after{
            width: 6rem;
            height: 6rem;
            right: -5rem;
        }
        .info .view_table {
            font-size: 2.2rem;
        }
        .info .point_list .sub_tit.tab {
            flex-direction: column;
            align-items: flex-start;
        }
    }
    @media (max-width: 1024px) {
        /*.sub_wrap.in_cover{
            width: 100%;
        }*/
        .view_table.cst, .view_table.cst button {
            font-size: 2rem;
            padding: 0 1.5rem;
        }
        .view_table.cst th, .view_table.cst td {
            padding: 2rem 0.5rem;
        }
        .cont_list.sub1_2_3 .item_list .cont strong {
            font-size: 3.5rem;
        }
        .cont_list.sub1_2_3 .item_list .cont {
            font-size: 2.2rem;
        }

        .sub_menu{
            width: 100%;
            height: auto;
            position: relative;
            overflow: visible;
        }
        .sub_content.l_menu .cont_body{
             width: 100%;
         }


        .sub_menu .depth1 {
            font-size: 2.8rem;
            color: #FFFFFF;
            font-weight: 800;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            width: 100%;
            height: 10rem;
            border-radius: 10px;
            background: url("../images/sub_menu_bg.png") no-repeat center / cover;
            z-index: 9;

        }
        .sub_menu .depth1 span{
            display: inline-block;
            position: relative;
            width: 2.2rem;
            height: 2.2rem;
        }
        .sub_menu .depth1 span:after{
            content: '';
            background: url(../images/sub_menu_btn.png) no-repeat center / contain;
            width: 100%;
            height: 100%;
            display: block;
            transition: transform 0.3s ease; /* 회전 부드럽게 */
            transform-origin: center center;
        }
        .sub_menu.ac .depth1 {
            border-radius: 10px 10px 0 0;
        }
        .sub_menu.ac .depth1 span:after{
            transform: rotate(180deg);
        }
        .sub_menu .lnb_depth2_list{
            position: absolute;
            background-color: #f8f8f8;
            border: 1px solid #c1c1c1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 2rem;
            width: 100%;
            border-radius:0 0 10px 10px;
            padding: 3.7rem 2.2rem 2.2rem;
            z-index: 8;
            height: 0;                 /* 초기 높이 0 */
            opacity: 0;                /* 투명하게 */
            overflow: hidden;          /* 안쪽 내용 숨김 */
            transition: height 0.3s ease, opacity 0.3s ease; /* 부드럽게 열기 */
        }
        .sub_menu.ac .lnb_depth2_list{
            display: flex;
            height: auto;
            opacity: 1;
        }
        .sub_menu .lnb_depth2_list li{
            background-color: #FFFFFF;
            border: 1px solid #c1c1c1;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.9rem;
            font-size: 2rem;
            color: var(--font-color-2);
            width: 100%;
        }
        .filebox{
            margin-bottom: 4rem;
        }
        .filebox,.filebox h4{
            flex-direction: column;
        }
        .filebox h4{
            display: flex;
            align-items: flex-start;
            width: 100%;
        }
        .cont_body.cst .cont_list .chk_list {
            padding: 5.5rem 4.5rem;
        }
        .cst .sub_head .pgtit{
            padding: 0;
        }
        br.mobile-only {
            display: inline;
        }
        .consult_inr .imgbox {
            background: url(../images/consult_bg_m.png) no-repeat center / contain;
            padding: 4rem 2rem;
        }
        .consult_inr .imgbox ul {
            width: 65%;
            min-width: unset;
            gap: 3rem;
            font-size: 2.2rem;
        }
        .manual .tit {
            gap: 1rem;
            flex-direction: column;
        }
        /*ai*/
        .sub_content .cont_body.ai .cont_list.item02 {
            padding: 4rem 3.7rem 5.5rem;
        }
        .ai .ai-banner {
            background: url(../images/ai_title_m.png) no-repeat center / 100% 100%;
            padding: 6rem 2rem 8rem;
        }
        .ai .ai-banner .ai-bg2 ul li {
            font-size: 2.5rem;
        }

        .ai .ai-banner .ai-bg2 ul li:last-child {
            width: 13rem;
            height: 13rem;
        }
        .ai .item01 .sub_tit{
            padding: 4rem 3.7rem
        }
        .ai .item01 h4 {
            font-size: 3.5rem;
        }
        .ai .item01 .sub_tit select {
            font-size: 2.5rem;
            padding: 1rem 4rem 1rem 2rem;
            background: url(../images/sel_ai_btn.png) no-repeat right 1.5rem center / 1.5rem;
            background-color: #FFFFFF;
        }
        .ai .item02 .sub_tit {
            font-size: 3rem;
        }
        .ai .item02 .ai_infobox {
            font-size: 2rem;
        }
        .ai .item02 .ai_info{
            font-size: 2.5rem;
        }
        .ai .item01 .sub_tit .titbox .txt_cont {
            align-items: flex-end;
        }
        .ai .item02 .ai_infobox1 {
            padding: 1.5rem;
        }
        .ai .item02 .schedule_day {
            justify-content: center;
            gap: 5rem;
            width: 100%;
        }
        /*학당소개*/
        .info .cont_list .cont {
            gap: 5rem;
            padding: 7rem 7rem 120rem;
            width: 100%;
        }
        .info .cont_list .cont > p, .info .cont_list .cont > ul > li {
            padding-left: 0;
        }
        .info .cont_list .cont:before {
            background: url(../images/info_bg_m.png) no-repeat 0 0 / 100% 100%;
            width: calc(100% + 3rem);
        }
        /*회원가입*/
        .join .join_box .tit,.join .join_box .chkbox,.join .btnlist .btn {
            font-size: 2.5rem;
        }
        .join .join_box .join_info {
            font-size: 2rem;
        }
        .join .join_box .join_info2,.join .join_box .join_infobox > li {
            font-size: 2.3rem;
        }
        .join .join_box table .btn {
            width: 30%;
            padding: 1.6rem 0.5rem;
            margin-left: 2%;
        }
        .join .join_box table input[type='text'],.join .join_box table input[type='password'],.join .join_box table td .phonebox {
            width: 68%;
        }
        .join .join_box table td .chk_list {
            gap: 3rem;
        }
        /*이용약관*/
        .about .list {
            flex-direction: column;
            gap: 2.5rem;
        }
        .about .labeling li .txt {
            padding: 2rem;
            font-size: 2rem;
        }
        /*매칭정보*/
        .matching .sub1_2 > ul {
            gap: 5rem;
            padding: 4rem;
        }
        .matching .sub1_2 > ul > li:after {
            width: 4rem;
            height: 4rem;
            right: -4.5rem;

        }
        .matching .sub1_2 > ul > li:last-child {
            padding: 6rem 1rem 4.2rem;
        }
        .matching .sub1_2 > ul > li {
            font-size: 2rem;
            width: calc(100% / 3 - 2.5rem);
            height: unset;
        }
        .matching .sub1_2 > ul > li .stepbox{
            padding: 1rem 0;
            font-size: 2.6rem;
        }
        .matching .sub1_2 > ul {
            gap: 5rem;
        }
        .matching .sub1_2 > ul > li {
            height: unset;
        }
        .matching .sub1_2 > ul > li > div{
            height: 6rem;
        }

        .info .pgitem1 .imglist{
            gap: 6rem;
        }
        @supports not (display:grid) {
            .info .pgitem1 .imglist > li {
                width: calc(100% / 3 - 3rem);
            }
            .info .pgitem3 .subitem .imglist > li{
                width: calc(100% / 4 - 1rem);
            }
        }
        .info .titbox,.info .pgitem3 .subitem .tit {
            font-size: 2.8rem;
        }
        .info .pgitem1 .imglist .point_txt,.info .pgitem2 .platbox,.info .pgitem3 .subitem .imglist .point_txt{
            font-size: 2.2rem;
        }
        .info .pgitem1 .imglist .txt,.info .pgitem2 .platbox > li span {
            font-size: 2rem;
        }
        .info .pgitem1 .imglist > li .item:before,.info .pgitem3 .subitem .tit:before{
            width: 3rem;
            height: 3rem;
            font-size: 2rem;
        }
        .info .pgitem2 .platbox{
            padding: 4rem
        }
        .info .pgitem3 .subitem .imglist > li:after {
            width: 5rem;
            height: 5rem;
            right: -3.5rem;
        }
        .info .pgitem3 .subitem .imglist{
            gap: 2rem;
            font-size: 1.8rem;
        }

        @supports (display:grid) {
            .sitemap_wrap .stm_lst{
                grid-template-columns: repeat(3, 1fr);
            }
        }
        @supports not (display:grid) {
            .sitemap_wrap .stm_lst > li{
                width: calc(100% / 3 - 8.6rem);
            }

        }
        .result .view_table, .result .view_table select, .result .view_table.small_txt2 h5{
            font-size: 2rem;
        }
        .result .tbl2group table{
            font-size: 2rem;
        }
        .result .tbl2group table td{
            padding: 1.5rem 1px;
        }
        .result .view_table.small_txt2 td{
            font-size: 2.5rem;
        }
        .result .view_table, .result .view_table th, .result .view_table td{
            padding: 1rem;
        }
        .result .view_table .b_th th {
            font-size: 2.3rem;
        }
        /*마이페이지*/
        .mypage .info_box .sub_tit{
            font-size: 3rem;
        }
        .mypage .info_box .chktxt,.mypage .view_table *{
            font-size: 2.5rem;
        }
        .mypage .view_table span{
            font-size: 2rem;
        }
        .mypage .view_table td .inputbox,.mypage .info_box .titbox{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 1rem;
        }
        .mypage .view_table input[type='text'], .mypage .view_table input[type='password']{
            width: 100%;
            max-width: unset;
        }
         .mypage .view_table th, .mypage .view_table td{
             height: 10rem;
             padding: 1rem;
         }
        .mypage .chk_box .txtbox, .mypage .chk_box .txtbox .sub_tit {
            font-size: 2.5rem;
        }
        .mypage ul.number li .tit {
            font-size: 3.5rem;
            padding-left: 5rem;
        }
        .mypage ul.number li .tit::before{
            width: 4rem;
            height: 4rem;
        }
        .info .slogan p {
            padding-left: 2%;
            width: 60%;
        }
        .info .slogan{
            font-size: 3.5rem;
        }
        .info .slogan span {
            width: 40%;
            padding-top: 40%;
        }

        .ai .sub_head .pgtit .tit {
            font-size: 3rem;
        }
        .ai .sub_head .pgtit .tit {
            font-size: 2.5rem;
        }
        .ai .pgtit .tit a {
            padding: 0 1rem;
        }
        .info .view_table {
            font-size: 2rem;
        }
        info .view_table.cng_line tbody td {
            padding: 1.5rem 0.2rem;
        }

        .info .graphbox.type2 {
            margin-bottom: 2rem;
        }
        .info .graphbox{
            gap: 2rem;
        }
        .info .graphbox .graph_cont .graphimg{
            margin: 0 auto;
        }
        .info .view_table.cng_line tbody td.txt_left {
            padding: 0.5rem 0.2rem;
        }
        .info .graphbox .graph_cont .view_table {
            font-size: 1rem;
        }
        .info .infotxt,.info .point_list .sub_tit, .info .point_list .sub_tit .p_txt3 {
            font-size: 3.5rem;
        }
        .info .table_wrap .view_table,.info .sub_tbl .sub_tit2{
            font-size: 3rem;
        }
        .info .chktxt {
            font-size: 2.5rem;
            width: 100%;
            min-width: 1000px;
        }
        .info .point_list .sub_tit span{
            font-size: 2.5rem;
        }
        .test .sub_head .pgtit{
            border-top: 2px solid var(--font-color-2);
            border-bottom: 0;
            font-size: 4rem;
            justify-content: center;
            padding: 4rem 0;
        }
        .test_inr.testcall{
            margin-top: 0;
            flex-direction: column;
        }
        .test_inr.testcall .sidebar,.test_inr.testcall .questionbox {
            width: 100%;
            margin: 0;
        }
        .test .section-header{
            text-align: left;
            width: 95%;
            margin: 0 auto;
            font-size: 2.5rem;
        }
        .test .section-header .tit-type3{
            font-size: 3.6rem;
            padding-bottom: 3.2rem;
        }
        .test_inr.testcall .sidebar{
            margin-bottom: 5.2rem;
        }
        .test_inr.testcall .sidebar li {
            font-size: 3rem;
        }
        .test_inr.testcall .questionbox .check-flex-box .cc-radio-chk.type-02 label,.test_inr.testcall .sub-label-tit,
        .test_inr.testcall .cpt-aptitude-select-list .check-flex-box .b-w-min,.test_inr.testcall .questionbox .buttons .com-btn{
            font-size: 2.5rem;
        }
        .test_inr.testcall .questionbox .title {
            font-size: 3.5rem;

        }
        .test_inr.testcall .questionbox .title .num{
            line-height: 3.5rem;
            width: 3.5rem;
            height: 3.5rem;
            font-size: 2.5rem;
        }
    }

    @media (max-width: 768px) {
        .sub_head .pgtit {
            justify-content: center;
            padding: 5rem 0 3rem;
        }
        .mento .sub_head .pgtit{
            border-bottom: 0;
            border-top: 2px solid var(--font-color-2);
        }
        .l_menu .sub_head .pgtit {
            padding: 0;
            border-bottom: 0;
        }
        .sub_head .pgtit .tit,.sub1-1 .cont_list h2,.sub_head .tit {
            font-size: 5rem;
        }
        .sub_head .tittab ul li {
            padding: 2rem 2.75rem;
            font-size: 3.5rem;
        }
        .sub_head .tittab.tab3 ul li {
            padding: 1.5rem;
            font-size: 3rem;
        }
        .sub_head.about .tittab.tab3 ul li {
            padding: 1.5rem 1rem;
            font-size: 2.8rem;
        }
        .sub_content .cont_body {
            font-size: 4rem;

        }

        .sub_head .tittab{
            width: 100%;
            max-width: unset;
        }

        @supports (display:grid) {
            .sub_head .tittab ul{
                gap: 3.1rem;
            }

            .sub_head .tittab.tab4 ul, .sub_tab.no4 ul , .chk_list .tab4{
                grid-template-columns: repeat(2, 1fr);
            }
            .sub_head .tittab.tab5 ul {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @supports not (display:grid) {

            .sub_head .tittab ul{
                gap: 3.1rem;
            }
            .sub_head .tittab ul li{
                width: calc(100% / 2 - 3.1rem);
            }
            .sub_head .tittab.tab4 ul li,.sub_tab.no4 ul li, .chk_list .tab4 li{
                width: calc(100% / 2 - 3.1rem);
            }
            .sub_head .tittab.tab5 ul li{
                width: calc(100% / 2 - 3.1rem);
            }
        }
        .sub_head .tittab.tab3 ul {
            gap: 1.5rem;
        }
        /*학습성검사*/
        .sub1-1 .cont_list.sub1_7 table {
            font-size: 2rem;
            padding: 1rem;
        }
        .sub1-1 .cont_list.sub1_7 table th > div {
            gap: 2px;
        }

        .sub1-1 .cont_list.sub1_3{
            padding-left: 0;
            padding-right: 0;
        }

        .btnbox button, .btnbox a.btn{
            font-size: 4rem;
        }
        .sub1-1 .cont_list.sub1_7 table tr td {
            font-weight: 700;
            width: 72%;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div{
            font-size: 2rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child {
            justify-content: center;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child img {
            width: 35rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child img {
            width: 20rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child .txt {
            padding: 2rem 2rem 2rem 6rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child .txt {
            padding: 2rem 6rem 2rem 2rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child .txt {
            width: 70%;
        }
        .sub1-1 .cont_list.sub1_2, .sub1-1 .cont_list.sub1_4, .sub1-1 .cont_list.sub1_6 {
            width: 100%;
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }
        /*//학습성검사*/
        /*자기주도검사*/
        .cont_body.sub1-2 .in_cover {
            width: calc(100% - 6rem);
        }
        .cont_list.sub1_2_1 h2.tit, .cont_list.sub1_2_2 h2.tit {
            font-size: 4.5rem;
        }
        .cont_list.sub1_2_1 .boxtxt, .cont_list.sub1_2_2 .boxtxt {
            font-size: 3rem;
            white-space: normal;
            word-break: keep-all;
        }


        /*.cont_list.sub1_2_2 .item01 > ul > li:nth-child(1),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(4){
            border-radius: 15px 150px;
        }
        .cont_list.sub1_2_2 .item01 > ul > li:nth-child(2),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(3){
            border-radius: 150px 15px;
        }*/
        .cont_list.sub1_2_3 .item_list {
            max-width: 500px;
            padding: 5rem;
        }
        @supports (display:grid) {
            .cont_list.sub1_2_3 .item_list {
                grid-template-columns: repeat(2, 1fr);
                gap: 4.3rem;
            }
        }
        @supports not (display:grid) {
            .cont_list.sub1_2_3 .item_list {
                gap: 4.3rem;
            }
            .cont_list.sub1_2_3 .item_list  li{
                width: calc(100% / 2 - 4.3rem);
            }
        }
        .cont_list.sub1_2_3 .item_list li:nth-child(2):after {
            display: none;
        }
        /*//자기주도검사*/

        /*공부법찾기*/
        .sub_content .cont_body .cont_list.btnlist {
            gap: 5%;
        }
        .sub_content .cont_body .cont_list.std_s_box {
            padding: 0;
            background-color: #FFFFFF;
        }
        .cont_list.std_s_box .progress-cont {
                background-color: #f8f8f8;
        }
        .cont_list.std_s_box .progress-cont-box{
            padding: 0 ;
        }
        .cont_list.std_s_box .progressbox .infotxt {
            font-size: 2.5rem;
        }
        .cont_list.std_s_box .progressbox {
            gap: 1.5rem;
        }
        .cont_list.std_s_box .progressbox .progress-num span {
            font-size: 2.6rem;
        }
        .cont_list.std_s_box .progress-cont-tit,.cont_list.std_s_box .progress-cont-tit span {
            font-size: 4.5rem;
            word-break: keep-all;
        }
        .cont_list.std_s_box .progress-cont-box textarea{
            font-size: 4rem;
        }
        .sub_content .cont_body .cont_list.btnlist button {
            font-size: 4.5rem;
            padding: 2.4rem;
        }
        .progress-cont-box .pro_input_box{
            gap: 3rem;
        }
        .progress-cont-box .pro_chk_box.list_over {
            max-width: unset;

        }
        .progress-cont-box .pro_input_box table th, .progress-cont-box .pro_input_box table td {
            padding: 1rem;
        }

        .mo_n_br br{
            display: none;
        }
        /*//공부법찾기*/
        /*나의학습방*/
        .sc .view_table th,.sc .view_table td,.infobox {
            font-size: 2rem;
        }
        .infobox{
            padding: 3.8rem;
        }
        h3 {
            font-size: 4.5rem;
        }
        h4 {
            font-size: 4rem;
        }
        .sc .view_table th, .sc .view_table td {
            padding: 1.4rem 1rem;
        }
        .schedule_day {
            justify-content: space-between;
            gap: 1rem;
            width: 90%;
        }
        .view_table th, .view_table td {
            padding: 1.5rem 1rem;
        }

        /*ai*/

        .sub_content .cont_body.ai {
            margin: 0 auto ;
        }
        .ai .item01 .imgbox h3{
            font-size: 3.5rem;
        }
        .ai .ai-banner .ai-bg2 .red_txt1,.ai .ai-banner .ai-bg2 .red_txt3,.ai .ai-banner .ai-bg2 ul li:last-child{
            width: 10rem;
            height: 10rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l, .ai .ai-banner .ai-bg2 .arrow_r{
            width: 8rem;
            height: 10rem;
        }
        .ai .ai-banner .ai-bg2 ul li {
            font-size: 2rem;
        }
        .ai .ai-banner .ai-bg2 .red_txt2 {
            width: 18rem;
            height: 4rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l, .ai .ai-banner .ai-bg2 .arrow_r {
            font-size: 1.8rem;
        }
        /*.sub_content .cont_body.ai .cont_list.item02{
            gap: 7.5rem;
            width: 100%;
            padding-bottom: 0;
            margin-bottom: -4.1rem;
        }
        .ai .item02 .imgbox{
            width: calc(90% - 4.8rem);

        }

        .sub_content .cont_body.ai .cont_list.item02 .pg_list {
            width: 100%;
            padding: 10rem 3.5rem 3.5rem;
        }
        .ai .pg_list h1 {
            font-size: 3.5rem;
            padding: 2.5rem 1rem;
            width: 90%;
        }
        .ai .pg_list ul {
            gap: 2.5rem;
        }
        .ai .pg_list ul li {
            font-size: 2.5rem;
            padding-left: 3.5rem;
        }
        .ai .pg_list ul li:before {
            width: 2.5rem;
            height: 2.5rem;
        }
        .ai .pg_list ul li:after {
            bottom: -1rem;
        }*/

        .sub_content .cont_body.feedback .cont_list {
            gap: 3.5rem;
            padding-top: 3.5rem;
            padding-bottom: 3.5rem;
        }
        .feedback .view_table td {
            padding: 1.5rem 3rem;
            font-size: 2.5rem;
        }
        .feedback .view_table td * {
            font-size: 2.5rem;
        }
        .feedback .view_table th {
            font-size: 3rem;
        }
        .view_table , .view_table button, .view_table select,
        .board .view_table,.board .view_table.write tbody td select,.board .view_table.write tbody td textarea,
        .sub_content .cont_body.board .cont_list.btnlist.view button,.board .view_table.write tbody td input[type='text']{
            font-size: 2rem;
        }
        .mento .view_table button {
            font-size: 2.4rem;
        }


        .view_table.cst th,.view_table.cst td{
            padding: 1rem 0.5rem ;
        }
        .view_table.cst, .view_table.cst button {
            font-size: 12px;
        }

        .sc4 .view_table,.sc4 .view_table select{
            font-size: 3rem;
        }
        .sc4 .view_table thead th{font-size: 3.5rem;}
        .sf_tit select,.sf_tit .chktxt {
            font-size: 2.5rem;
        }
        .sf_tit select {
            padding: 1.5rem 5rem 1.5rem 1.5rem;
        }
        /*버튼위치 변경*/
        .sub_content .cont_body .cont_list.cngbtn{
            flex-direction: column-reverse;
        }
        .cngbtn .sub_w{
            justify-content: center;
        }
        .sub_w button{
            font-size: 3.5rem;
            padding: 1.5rem 3.8rem;
            border: 1px solid #b9b9b9;
            border-radius: 30px;
        }
        .list_table.type2 th {
            font-size: 2.5rem;
        }
        .sub_searchbox *,.list_table  {
            font-size: 2rem;
        }
        .sub_searchbox.txt_left input[type="text"] {
            width: 29rem;max-width: 40%;

        }
        .sub_searchbox.txt_left {

            background-color: #f8f8f8;
            border: 1px solid #c8c8c8;
            padding: 2.9rem;
            justify-content: center;
        }
        .sub_searchbox .datebox input[type="text"]{
            width: 17rem;
        }
        .sub_content .cont_body .cont_list.cngbtn2 {
            position: relative;
            margin-bottom: 6rem;
        }

        .cont_list.cngbtn2 button,.cont_list.cngbtn2 a.btn {
            position: absolute;
            bottom: -3rem;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            font-size: 3rem;
        }
        .set_position{
            position: relative;
            margin-bottom: 8rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }
        .get_position{
            position: absolute;
            bottom: -7rem;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            font-size: 2.5rem !important;
        }
        /*맟춤컨설팅*/
        .cont_body.cst .cont_list h4 span,.numbered,.chk_list .tab4, .view_table.set_d_t,.con_date,.time-select-wrapper   {
            font-size: 3rem;
        }
        .consult_inr.sub3 .chk_box{
            width: calc(100% - 6rem);
        }
        @supports (display:grid) {
            .consult_inr.sub3 .chk_box{
                grid-template-columns: repeat(1, 1fr);
            }
        }
        @supports not (display:grid) {
            .consult_inr.sub3 .chk_box li {
                width: 100%;
            }
        }
        .consult_inr.chk_box{
            font-size: 3.5rem;
        }
        .consult_inr.sub3 .chk_box article {
            font-size: 3.5rem;
            gap: 4.2rem;
            padding: 10rem 3.2rem 3.2rem;
        }
        .consult_inr.sub3 .chk_box article button,.consult_inr.sub3 .chk_box h4 span {
            font-size: 4rem;
            width: 80%;
        }
        .consult_inr.sub3 .chk_box .tit {
            width: 65%;
        }
        .consult_inr.sub4 .level-info > li .level,.consult_inr.sub4 .level-info > li dl {
            font-size: 2.5rem;
        }
        .consult_inr.sub4 .type_inr {
            align-items: center;
            padding-top: 4.4rem;
            flex-direction: column;
            gap: 4rem;
        }
        .manual table {
            word-break: normal;
            white-space: normal;

        }
        .manual .chk_list {
            flex-direction: column;
        }
        .manual .chk_list > div {
            width: 100%;
        }
        .manual .cont > ol > li {
            margin-left: 1rem;
        }
        .consult_inr .imgbox ul {
            width: 70%;
            gap: 2rem;
            font-size: 2.1rem;
        }
        /*동영상학습*/
        .vod .sub_searchbox {
            width: 100%;
            border-radius: 10px;
            justify-content: center;
        }
        @supports (display:grid) {
            .vod .lecture_box ul{
                grid-template-columns: repeat(1, 1fr);
            }
        }
        @supports not (display:grid) {
            .vod .lecture_box ul{
                flex-direction: column;
                align-items: center;
            }
            .vod .lecture_box ul li{
                width: 100% ;
            }
        }
        .vod .lecture_box ul{
            max-width: 320px;
            gap: 6rem;
        }
        .vod .lecture_box li .link_tit {
            font-size: 3rem;
        }


        /*고객센터*/
        .noti_img > div img {
            content: url(../images/noticeimg_m.png);
        }
        .list_table .noti_txt:before {
            width: 4rem;
            height: 4rem
        }
        /*학당소개*/
        .info .cont_list .cont {
            gap: 6rem;
            padding: 5rem 5rem 120rem;
            font-size: 2.5rem;
        }
        /*회원가입*/
        .join .login_box {
            flex-direction: column;
            border-bottom:0;
        }
        .join .login_box .login_l {
            border-right: 0;
            border-bottom: 1px solid #c7c7c7;
        }
        .join .login_box .login_l, .join .login_box .login_r {
            width: 100%;
            padding: 5.5rem 20%;
        }
        .join .login_box .login_l.no_r{
            width: 100%;
            padding: 5.5rem 10%;
        }
        .join .sub_head {
            font-size: 2.4rem;
        }
        .join .login_box .login_l .box label,.join .idpw .chk_list > li,.login .type_box,
        .join .idpw .login_box .login_l .box input[type='text'], .join .idpw .login_box .login_l .box select{
            font-size: 2rem;
        }
        .join .login_box .login_l .box.phone .phonebox .btn_l,.join.login .infobox,.join .idpw .login_box .sub_tit{
            font-size: 2.5rem;
        }
        .join .login_box * ,.join .login_r a,.join .login_box .login_l .type_box label{
            font-size: 2.8rem;
        }
        .join .join_box ul li a{
            font-size: 2.5rem;
        }
        .join .login_r a {
            height: 7rem;
        }
        .join .login_r a:before {
            height: 6rem;
        }
        .join .join_progress li {
            box-shadow: 0px 0px 0px 0.3rem  #ffffff;
            width: 21.5rem;
            /*height: 21.5rem;*/
            padding-top: 21.5rem;
        }
        .join .join_progress li span {
            width: 10rem;
            height: 10rem;
        }
        .join .join_progress li strong{
            top: 14rem;
        }
        .join .join_box table th {
            padding: 4rem 1rem 3rem;
        }
        .join .infobox {
            font-size: 3.5rem;
        }
        /*이용약관*/
        @supports (display:grid) {
            .about .labeling{
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @supports not (display:grid) {


            .about .labeling li {
                width: calc(100% / 2 - 2.4rem);
            }
        }
        .about .cont_list .sub_tit:before {
            top: 0.8rem;
            transform:unset;
        }
        .about .chk_box2 {
            padding: 4rem 5rem;
        }
        .matching .sub1_2 .process-diagram img{
            content: url("../images/matching_img2_m.png");
        }
        .matching .sub1_3 .item_box .process-diagram img{
            content: url("../images/matching_img3_m.png");
        }
        .info .titbox,.info .pgitem3 .subitem .tit {
            font-size: 2.4rem;
        }
        .info .pgitem1 .imglist .point_txt,.info .pgitem2 .platbox,.info .pgitem3 .subitem .imglist .point_txt{
            font-size: 1.8rem;
        }
        .info .pgitem1 .imglist .txt, .info .pgitem2 .platbox > li span {
            font-size: 1.7rem;
        }
        .info .pgitem2 .platbox > li span {
            padding: 0 1rem;
            margin-right: 1rem;
        }
        .info .pgitem3 .subitem .imglist > li {
            padding: 3rem 0.5rem 2rem;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            padding: 1.5rem 0 0.5rem;
        }
        .info .pgitem3 .subitem .imglist {
            padding-bottom: 8rem;
            font-size: 1.5rem;
        }
        .info .pgitem3 .subitem .imglist > li:after {
            width: 3rem;
            height: 3rem;
            right: -2.8rem;
            font-size: 2rem;
        }
        .info .pgitem1 .imglist{
            gap: 3rem;
        }
        @supports not (display:grid) {
            .info .pgitem1 .imglist > li {
                width: calc(100% / 3 - 1.5rem);
            }
        }
        .info .pgitem3 .titbox {
            padding-top: 35rem;
        }
        .info .pgitem3 .titbox:before {
            width: 40rem;
            height: 55rem;
            top: 4rem;
        }
        .info .pgitem3{
            padding: 3rem;
        }
        @supports (display:grid) {
            .sitemap_wrap .stm_lst{
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @supports not (display:grid) {
            .sitemap_wrap .stm_lst > li{
                width: calc(100% / 2 - 8.6rem);
            }

        }
        .sub_w button, .btn_w{
            font-size: 3.5rem;
            padding: 1rem 4rem;
            border-radius: 30px;
        }
        /*마이페이지*/
        .mypage .linkbox{
            flex-direction: column;
        }
        .mypage .linkbox a {
            width: 80%;
            margin: 0 auto;
            font-size: 2.5rem;
        }
        @supports (display:grid) {
            .info .graphbox.type2 {
                grid-template-columns: repeat(1, 1fr);
            }
        }
        @supports not (display:grid) {
            .info .graphbox.type2 {
                flex-direction: column;
            }
            .info .graphbox.type2 .graphbox {
                width: 100%;

            }
        }
        .info .graphbox .graph_cont .graphimg {
            margin: 0 auto 5rem;
        }
        .info .graphbox .graph_cont .view_table {
            font-size: 1.5rem;
        }
        .info .chktxt.up {
            margin-top: 0;
        }
        .vod .teacher_info {
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            gap: 5rem;
        }
        .vod .teacher_info .t_cont{
            width: 100%;
        }
        .test_inr.testbox .infobox{
            width: 100%;
        }
        .test_inr.testbox .mem_info .infotit{
            width: 12rem;
        }
        .test .com-modal .modal-hd-box h2{
            font-size: 3.5rem;
        }
        .test .modal-cont-box > strong{
            font-size: 3rem;
        }
        .test .com-modal .inner{
            padding: 3rem;
        }
        .test .modal-cont-box .list-select-box {
            height: auto;
        }
        .test .list-select-box li button{
            padding: 1rem 0.5rem;
        }
    }
    @media (max-width: 768px) {
        .sub1-1 .cont_list.sub1_3 .sub1_img3 img{
            content: url(../images/sub1-3_m.png);
            width: 100%;
        }
        .cont_body.sub1-2 .imgbox2 img {
            content: url(../images/sub-1-2-2_m.png);
        }
        .cont_list.sub1_2_2 .item01 {
            background: url(../images/self1_bg_m.png) no-repeat center / 100% 100%;
            max-width: unset;
        }
       /* .ai .ai-banner {
            padding-top: 50%;
        }
        .ai .item01 .imgbox img{
            content: url("../images/ai_cont1_m.png");
        }
        .ai .item02 .imgbox img{
            content: url("../images/ai_cont2_m.png");
        }*/
        .sf_tit .chktxt {
            margin-right: 0;
        }
        /*맟춤컨설팅*/
        .con_chktxt,.con_chktxt::before {
            font-size: 12px;
        }
        .con_chktxt{    padding-left: 15px;}
        .con_chktxt::before {
            top: 0.5rem;

        }
    }
    @media (max-width: 650px) {
        .sub_head.about .tittab.tab3 ul li {
            padding: 1.5rem 1rem;
            font-size: 2.3rem;
        }
        .sub1-1 .cont_list.sub1_7 table {
            font-size: 1.8rem;
        }
        .sub1-1 .cont_list.sub1_7 table th,.sub1-1 .cont_list.sub1_7 table td{
            padding: 1rem;
        }
        .sub1-1 .cont_list.sub1_7 table  img {
            width: 3rem;
            height: 3rem;
        }
        .sub1-1 .cont_list.sub1_2, .sub1-1 .cont_list.sub1_4, .sub1-1 .cont_list.sub1_6{
            padding-left: 2.4rem;
            padding-right:2.4rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div{
            font-size: 1.7rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child img {
            width: 30rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child img {
            width: 17rem;
        }
        .cont_list.sub1_2_2 .item01 .cont .tit{
            padding-bottom:0.5rem;
        }
        .cont_list.sub1_2_2 .item01 .cont .imgbox{
            margin-bottom: 1.5rem;
        }
        /*.ai .pg_list h1 {
            font-size: 3rem;
        }
        .ai .pg_list ul li {
            font-size: 2rem;
            padding-left: 2.5rem;
        }
        .ai .pg_list ul li:before {
            width: 2rem;
            height: 2rem;
            top: 0rem;
        }
        .ai .pg_list ul {
            padding: 8rem 2rem 3rem;
        }*/
        .ai .ai-banner .ai-bg2 .red_txt1,.ai .ai-banner .ai-bg2 .red_txt3,.ai .ai-banner .ai-bg2 ul li:last-child{
            width: 8rem;
            height: 8rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l, .ai .ai-banner .ai-bg2 .arrow_r{
            width: 6rem;
            height: 8rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l{padding-left: 0.5rem;}
        .ai .ai-banner .ai-bg2 .arrow_r{padding-right: 1rem;}
        .ai .ai-banner .ai-bg2 ul li {
            font-size: 1.6rem;
            gap: 1rem;
        }
        .ai .ai-banner .ai-bg2 .red_txt2 {
            width: 12rem;
            height: 3rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l, .ai .ai-banner .ai-bg2 .arrow_r {
            font-size: 1.4rem;
        }
        .ai .item01 .sub_tit {
            padding: 4rem 2rem;
        }
        .sub_content .cont_body.ai .cont_list.item02 {
            padding: 4rem 2rem 5.5rem;
        }
        .sub_content .cont_body.ai  .cont_list.item01 h4 {
            font-size: 3rem;
        }
        .ai .item02 .sub_tit {
            font-size: 2.7rem;
        }
        .sf_tit select, .sf_tit .chktxt {
            font-size: 2rem;
        }
        .sc4 .view_table thead th {
            font-size: 3rem;
        }
        .sc4 .view_table, .sc4 .view_table select {
            font-size: 2.5rem;
        }
        /*맞춤컨설팅*/
        .cont_body.cst .cont_list h4 span, .numbered,.chk_list .tab4, .view_table.set_d_t,.con_date,.time-select-wrapper {
            font-size: 2.5rem;
        }
        .consult_inr .imgbox ul {
            gap: 1rem;
            font-size: 1.8rem;
        }
        .consult_inr .imgbox ul .img-item {
            gap: 1.5rem;
        }
        .manual table {
            margin-left: 0;
            width: 100%;
        }
        .join .join_progress li {
            width: 18rem;
            /*height: 18rem;*/
            padding-top: 18rem;
        }
        .join .join_progress li span {
            width: 8rem;
            height: 8rem;
        }
        .join .join_progress li strong{
            top: 11rem;
        }
        .join .login_box .login_l .box.phone .phonebox .btn_l, .join.login .infobox, .join .idpw .login_box .sub_tit{
            font-size: 2.2rem;
        }
        .join .login_box .login_l .box.phone .phonebox .btn_l {
            padding: 1.4rem 1rem;
        }



        .info .titbox, .info .pgitem3 .subitem .tit {
            font-size: 2.2rem;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            font-size: 1.6rem;
        }
        .info .pgitem3 .subitem .imglist {
            font-size: 1.4rem;
            padding-bottom: 5rem;
            gap: 1rem;
        }
        .info .pgitem3 .subitem .imglist > li {
            padding: 2rem 0.5rem 1.5rem;
        }
        .info .pgitem3 .subitem .imglist > li:after {
            width: 2rem;
            height: 2rem;
            right: -1.8rem
        }
        .info .pgitem3 .titbox {
            padding-top: 25rem;
        }
        .info .pgitem3 .titbox:before {
            width: 35rem;
            height: 40rem;
            top: 3rem;
        }
        .info .pgitem3 .titbox span {
            padding: 2rem;
        }
        .info .pgitem3 {
            padding: 2rem;
        }
        .info .pgitem1 .titbox,.info .pgitem1 .imglist {
            width: 95%;
        }
        .info .pgitem2 .platbox{
            width: 85%;
        }

        /*마이페이지*/
        .mypage .info_box .sub_tit{
            font-size: 2.5rem;
        }
        .mypage .info_box .chktxt,.mypage .view_table *{
            font-size: 2rem;
        }
        .info .slogan {
            width: 95%;
            font-size: 3.2rem;
        }
        .info .infotxt, .info .point_list .sub_tit, .info .point_list .sub_tit .p_txt3 {
            font-size: 3rem;
        }
        .info .point_list .sub_tit span {
            font-size: 2rem;
        }
        .test .com-modal .modal-hd-box h2 {
            font-size: 3rem;
        }
        .test .modal-cont-box > strong {
            font-size: 2.5rem;
        }
    }
    @media (max-width: 550px) {
        h3 {
            font-size: 4rem ;
        }
        .sub_content .cont_body .cont_list h4,.consult_inr.sub3 .chk_box article button {
            font-size: 3.5rem;
        }
        /*학습성검사*/
        .sub1-1 .cont_list.sub1_7 table {
            font-size: 1.5rem;
        }
        /*//학습성검사*/
        /*자기주도학습*/
        .cont_list.sub1_2_2 .item01 .cont {font-size:1.8rem;}
        .cont_list.sub1_2_3 .item_list .cont strong {
            font-size: 3rem;
        }
        /*.cont_list.sub1_2_2 .item01 > ul > li:nth-child(1),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(4){
            border-radius: 11px 110px;
        }
        .cont_list.sub1_2_2 .item01 > ul > li:nth-child(2),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(3){
            border-radius: 110px 11px;
        }*/
         /*//자기주도학습*/
        /*공부법찾기*/
        .sub_content .cont_body .cont_list.btnlist button {
            font-size: 4rem;
            padding: 2rem;
        }
        .progress-cont-box .pro_chk_box{
            /*flex-direction: column;
            gap: 1rem;
            align-items: flex-start;
            padding-left: 20%;*/
            gap: 1rem;
            align-items: center;
            justify-content: space-between;
            padding: 10%;

        }
        .cont_list.std_s_box .progress-cont-tit, .cont_list.std_s_box .progress-cont-tit span {
            font-size: 4rem;
        }
        .progress-cont-box .pro_input_box table th,.progress-cont-box .pro_input_box table input[type="text"] {

            font-size: 2rem;
        }
        .progress-cont-box .pro_input_box table th, .progress-cont-box .pro_input_box table td {
            padding: 0.5rem;
        }
        .view_table th, .view_table td,.feedback .view_table td {
            padding: 1rem;
        }
        /*//공부법찾기*/
        /*ai*/
        .feedback .filebox > div {
            flex-wrap: wrap;
        }
        .consult_inr.sub1 br{
            display: none;
            word-break: keep-all;
        }
        .board .view_table th {
            padding: 1rem 1rem;
        }
        .info .cont_list .cont {
            padding: 3rem 2rem 100rem;
            font-size: 2rem;
            gap: 4rem;
        }
        .info .slogan {
            width: 95%;
        }
        .info .slogan {
            font-size: 3rem;
        }
        .info .slogan p strong{
            font-size: 2.8rem;
        }
        .consult_inr.sub3 .chk_box article {
            font-size: 3rem;
        }
        /*회원가입*/
        .join .login_box .login_l, .join .login_box .login_r {
            padding: 5rem 10%;
        }
        .join .join_progress li {
            width: 15rem;
            /*height: 15rem;*/
            padding-top: 15rem;
        }
        .join .join_progress li span {
            width: 6rem;
            height: 6rem;
        }
        .join .join_progress li strong{
            top: 9rem;
        }


        .sub1-1 .cont_list.sub1_7 table th, .sub1-1 .cont_list.sub1_7 table td {
            padding: 0.5rem;
        }
        .matching .sub1_2 > ul {
            gap: 4rem;
            padding: 0;
        }
        .matching .sub1_2 > ul > li:after {
            width: 3rem;
            height: 3rem;
            right: -3.5rem;
        }
        .info .pgitem2 .platbox {
            padding: 2rem;
        }
        .info .pgitem1 .imglist .point_txt, .info .pgitem2 .platbox{
            font-size: 1.9rem;
        }
        .info .pgitem1 .imglist .txt, .info .pgitem2 .platbox > li span {
            font-size: 1.8rem;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            font-size: 1.7rem;
        }
        .info .pgitem2 .platbox > li {
            margin-bottom: 1rem;
        }
        .info .pgitem1 .imglist {
            padding-top: 6rem;
        }
        .info .pgitem1 .imglist:before{
            height: 6rem;
        }
        .info .titbox, .info .pgitem3 .subitem .tit {
            font-size: 2.1rem;
        }
        .info .pgitem1 .imglist > li .item {
            padding: 2rem 0.5rem;
        }

        .test_inr.testcall .questionbox .check-flex-box{
            gap: 1.5rem;
            word-break: break-all;
        }
    }

    @media (max-width: 480px) {
        .sub_head .tittab ul {
            gap: 2rem;
        }
        .sub_head .tittab.tab3 ul li {
            font-size: 2.5rem;
            padding: 1.5rem 1rem;
        }
        .sub_head.about  .tittab.tab3 ul li {
            font-size: 1.9rem;
            padding: 1.5rem 1rem;
        }
        .sub_head.about .tittab.tab3 ul {
            gap: 0.5rem;
        }
        /*학습성검사*/
        .sub1-1 .cont_list h4 {
            font-size: 3.5rem;
        }
        .sub1-1 .cont_list.sub1_7 table {
            font-size: 1.5rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div{
            font-size: 1.5rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child img {
            width: 25rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child img {
            width: 15rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child .txt{
            padding-left: 4rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child .txt{
            padding-right: 4rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child .txt {
            width: 100%;
        }
        .sub1-1 .cont_list.sub1_7 table th > div {
            gap: 0;
        }
        .sub1-1 .cont_list.sub1_6 .btn {
            font-size: 2.5rem;
        }
        .sub_content .cont_body .cont_list.btnlist button {
            font-size: 3.5rem;
            padding: 1.5rem 2rem;
        }
        .cont_list.std_s_box .progress-cont-tit, .cont_list.std_s_box .progress-cont-tit span {
            font-size: 3rem;
        }
        .progress-cont-box .pro_input_box table th, .progress-cont-box .pro_input_box table input[type="text"] {
            font-size: 1.8rem;
        }
        .cont_list.std_s_box .progress-cont {
            padding: 5rem ;
        }
        .sub_content .cont_body .cont_list.btnlist {
            padding: 0;
        }
        .cont_list.sub1_2_2 .item01 .cont .imgbox {
            margin-bottom: 1rem;
        }
        .cont_list.sub1_2_2 .item01 .cont .imgbox {
            width: 6rem;
            height: 6rem;
        }
        .cont_list.sub1_2_2 .item01 .cont .tit {
            padding-bottom: 0;
        }
        /*//학습성검사*/

        /*ai*/
        .ai .pg_list h1 {
            font-size: 2.5rem;
            padding: 2rem 1rem;
        }
        .ai .ai-banner .ai-bg2 ul {
            gap: 0.5rem;
        }
        .sub_content .cont_body.ai .cont_list.item01 h4 {
            font-size: 2.5rem;
        }
        .ai .item01 .sub_tit select,.ai .item02 .ai_info {
            font-size: 2rem;

        }
        .ai .item01 .sub_tit select{
            padding: 1rem 3rem 1rem 1rem;
            background: url(../images/sel_ai_btn.png) no-repeat right 1rem center / 1rem;
            background-color: #FFFFFF;
        }
        .feedback .view_table th {
            font-size: 2.5rem;
        }
        .feedback .view_table td * {
            font-size: 2rem;
        }
        .ai .item02 .sub_tit {
            font-size: 2.2rem;
        }
        .ai .item02 .ai_infobox {
            font-size: 1.8rem;
            gap: 0.5rem;
            flex-direction: column;
            align-items: flex-start;
            padding: 1rem 2rem;

        }
        /*자기주도학습*/
        .cont_list.sub1_2_2 .item01 .cont {font-size:1.7rem;}
        .cont_list.sub1_2_2 .item01 .cont h4.tit {
            font-size: 2.2rem !important;
        }
        /*.cont_list.sub1_2_2 .item01 > ul > li:nth-child(1),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(4){
            border-radius: 11px 110px;
        }
        .cont_list.sub1_2_2 .item01 > ul > li:nth-child(2),.cont_list.sub1_2_2 .item01 > ul > li:nth-child(3){
            border-radius: 110px 11px;
        }*/
        /*//자기주도학습*/

        .ai .item01 .imgbox h3 {
            font-size: 3rem;
        }
        .ai h1 {
            font-size: 4rem;
        }
        .ai .pg_list ul li {
            font-size: 1.7rem;
            font-weight: 700;
        }
        .ai .pg_list ul  {
            padding: 8rem 1rem 2rem;
        }
        .ai .item01 .sub_tit span{
            font-size: 2rem;
        }
        .infobox {
            padding: 2rem;
        }
        .sub_head .tittab ul li {
            font-size: 2.8rem;
            padding: 2rem 1rem;
        }
        .sub_w button {
            font-size: 3rem;
        }
        .sub_content .cont_body {
            font-size: 2.7rem;
        }
        .sub_content .cont_body .cont_list h2 {
            font-size: 3.5rem;
        }
        .btnbox button, .btnbox a.btn {
            font-size: 3.5rem;
        }

        .sc4 .view_table thead th {
            font-size: 2.8rem;
        }
        .sc4 .view_table, .sc4 .view_table select {
            font-size: 2.4rem;
        }
        .sc4 .btnlist button{
            margin: 5rem auto;
        }

        .test_inr.testbox .sub_tit{
            width: 100%;
            padding: 2rem 2rem;
        }
        .sub_content .cont_body .cont_list .test_inr.testbox h4{
            font-size: 3rem;
        }
        .test_inr.testbox .sub_tit button, .test_inr.testbox .sub_tit a.btn{
            padding: 1rem 2rem;
        }
        .test_inr h5{
            font-size: 2.5rem;
        }
        .manual .chk_box {
            width: 100%;
        }

        /*동영상학습*/
        .vod .sub_searchbox input[type="text"] {
            max-width: calc(100% - 60px - 0.9rem);
        }
        /*맞춤컨설팅*/
        .consult_inr.sub3 .chk_box article {
            padding: 10rem 1rem 3.2rem;
            font-size: 2.8rem;
        }
        .consult_inr.sub4 .level-info > li .level {
            width: 10rem;
        }
        .consult_inr.sub4 .level-info > li .level, .consult_inr.sub4 .level-info > li dl {
            font-size: 2.2rem;
            gap: 1.5rem;
        }
        .consult_inr .imgbox{
            background: url(../images/consult_bg_m.png) no-repeat 15% center / contain;
            margin: 0;
            padding:2rem 1rem;
        }
        .consult_inr .imgbox ul .img-item {
            gap: 1rem;
        }

        .consult_inr .imgbox ul {
            font-size: 1.6rem;
            width: 73%;
        }
        .manual .tit,.manual .cont{
            padding: 3rem 2rem;
        }
        /*학당소개*/

        /*회원가입*/
        .join .login_box .login_l, .join .login_box .login_r {
            padding: 5rem 5%;
        }
        .join .join_box table td > ul > li {
            flex-direction: column;
            gap: 1rem;
            align-items: flex-start;
        }
        .join .join_box table input[type='text'],.join .join_box table input[type='password'],.join .join_box table td .phonebox {
            width: 100%;
        }
        .join .join_box table .btn {
            width: 100%;
            margin-left: 0;
            max-width: unset;
        }
        .join .join_box table td > .btn {
            margin-top: 0.5rem;
        }
        .join .btnlist .btn {
            padding: 2rem 1rem;
            margin: 0 1rem;
        }
        .join .join_progress li {
            /*width: 11rem;
            padding-top: 11rem;*/
            width: 28%;
            padding-top: 28%;
        }
        .join .join_progress li span {
            /*width: 5rem;
            height: 5rem;
            top:1rem;*/
            width: 35%;
            height:  35%;
            top:10%
        }
        .join .join_progress li strong{
            /*top: 6.5rem;*/
            top:55%
        }
        .about .chk_box {
            padding: 17rem 2.3rem 2.3rem;
        }
        .about .chk_box:before {
            left: 50%;
            top: 2.3rem;
            transform: translate(-50%, 0);
        }
        .about .chk_box2 {
            padding: 2rem;
        }
        .matching .sub1_2 > ul > li > div {
            height: 6rem;
            font-size: 1.8rem;
            padding-top: 1rem;
        }
        .matching .sub1_2 > ul > li:nth-child(3) > div {
            font-size: 3rem;
        }
        .matching .sub1_2 > ul > li{
           padding:  0 0.5rem 2rem
        }
        .matching .sub1_2 > ul > li:last-child {
            padding: 6rem 0.5rem 2.2rem;
        }

        .info .pgitem1 .imglist {
            gap: 1rem;
        }
        @supports not (display:grid) {
            .info .pgitem1 .imglist > li {
                width: calc(100% / 3 - 0.5rem);
            }
        }
        .info .pgitem2 .titbox {
            padding-top: 5rem;
        }
        .info .pgitem3 {
            padding: 1rem;
        }

        .info .pgitem3 .subitem .imglist > li {
            padding: 2rem 0 1rem;
            margin-top: 2rem;
        }
        .info .pgitem3 .subitem .imglist {
            padding-bottom: 4rem;
        }
        .info .pgitem1 .imglist .imgbox {
            width: 40%;
            padding-top: 40%;
        }
        .info .titbox,.info .pgitem3 .subitem .tit{
            font-size: 2rem;
        }
        .info .pgitem1 .titbox{
            font-size: 2rem;
            padding: 1rem 0;
        }
        .info .pgitem1 .imglist .point_txt, .info .pgitem2 .platbox {
            font-size: 1.8rem;
        }
        .info .pgitem1 .titbox, .info .pgitem1 .imglist {
            width: 100%;
        }
        .info .pgitem2 .platbox {
            width: 95%;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            font-size: 1.6rem;
        }
        .info .pgitem3 .subitem .imglist {
            font-size: 1.3rem;
        }
        .info .pgitem3 .titbox {
            padding-top: 20rem;
        }
        .info .pgitem3 .titbox:before {
            width: 30rem;
            height: 35rem;
            top: 2rem;
        }
        .sitemap_wrap .stm_lst{
            gap: 5rem;
        }

        @supports not (display:grid) {
            .sitemap_wrap .stm_lst > li{
                width: calc(100% / 2 - 5rem);
            }

        }
        .join .login_box .login_l.no_r {
            padding: 5.5rem 0;
        }
        .join.login .infobox {
            padding: 1.8rem 2.9rem;
        }
        .join .login_box .login_l .box.phone .phonebox .btn_l, .join.login .infobox, .join .idpw .login_box .sub_tit {
            font-size: 2.1rem;
        }
        .login .type_box {
            width: 100%;
        }
        .login .type_box > li {
            width: 40%;
            padding: 1.5rem;
        }
        .ai .sub_head .pgtit .tit {
            font-size: 2.3rem;
        }
        .info .infotxt, .info .point_list .sub_tit, .info .point_list .sub_tit .p_txt3,
        .info .table_wrap .view_table, .info .sub_tbl .sub_tit2{
            font-size: 2.8rem;
        }
        .info .table_wrap .view_table,.info .chktxt {
            min-width: 800px;
        }
        .info .chktxt {
            font-size: 2.3rem;
        }
        .info .graphbox .graph_cont .view_table {
            font-size: 1.3rem;
        }
        .info .graphbox .graph_cont .graphimg {
            margin: 0 auto;
        }
        .vod .teacher_info .t_cont > ul > li strong {
            width: 10rem;
        }
        .vod .teacher_info .t_cont > ul > li p {
            width: calc(100% / 2 - 10rem);
        }
        .test_inr.testcall .questionbox .check-flex-box .cc-radio-chk {
            flex: 1 1 calc(50% - 1rem);
            max-width: calc(50% - 1rem);
        }
        .test_inr.testcall .cpt-aptitude-select-list .check-flex-box.half > div {
            width: 100%;
            max-width: 100%;
        }
        .test .com-modal .modal-hd-box h2 {
            font-size: 2.5rem;
        }
        .test .modal-cont-box > strong{
            font-size: 2rem;
        }
        .test .com-modal{
            padding: 0 1rem;
        }
    }

    @media (max-width: 350px){

        .sub_head .tittab ul li {
            font-size: 2.5rem;
        }
        .sub_head .tittab.tab3 ul li {
            padding: 1.5rem 0.5rem;
            font-size: 2rem;
        }
        .sub_head.about .tittab.tab3 ul li {
            font-size: 1.8rem;
            padding: 1.5rem 0.5rem;
        }
        .sub_content .cont_body .cont_list h2 {
            font-size: 3.2rem;
        }
        /*학습성향*/
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div{
            font-size: 1.5rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:first-child img {
            width: 20rem;
        }
        .sub1-1 .cont_list.sub1_6 .sub1_img6 > div:last-child img {
            width: 12rem;
        }
        .sub1-1 .cont_list.sub1_7 table {
            font-size: 1.4rem;
        }
        .sub1-1 .cont_list.sub1_7 table td,.sub1-1 .cont_list.sub1_7 table th {
            padding: 0.2rem;
        }
        .cont_list.std_s_box .progress-cont {
            padding: 3rem;
        }
        /*//학습성향*/
        /*ai*/
        .ai .item01 .imgbox h3{
            font-size: 2.8rem;
        }
        .ai .pg_list h1 {
            font-size: 2.2rem;
            padding: 1.5rem 1rem;
        }
        /*.ai .pg_list ul li {
            font-size: 1.6rem;
        }*/
        .ai .ai-banner .ai-bg1 {
            font-size: 1.8rem;
        }
        .ai .ai-banner .ai-bg2 .red_txt1, .ai .ai-banner .ai-bg2 .red_txt3, .ai .ai-banner .ai-bg2 ul li:last-child {
            width: 7rem;
            height: 7rem;
        }
        .ai .ai-banner .ai-bg2 .arrow_l, .ai .ai-banner .ai-bg2 .arrow_r {
            width: 5.5rem;
            height: 7rem;
        }
        .ai .ai-banner .ai-bg2 .red_txt2 {
            width: 11rem;
        }
        .sub_content .cont_body.ai .cont_list.item01 h4 {
            font-size: 2.3rem;
        }
        .ai .item02 .sub_tit {
            font-size: 2rem;
        }
        .ai .item01 .sub_tit select, .ai .item02 .ai_info {
            font-size: 1.8rem;
        }
        /*자기주도검사*/
        .cont_list.sub1_2_2 .item01 .cont .imgbox {
            margin-bottom: 0.5rem;
        }
        .cont_list.sub1_2_2 .item01 .cont .imgbox {
            width: 6rem;
            height: 4.5rem;
        }
        .cont_list.sub1_2_2 .item01 .cont h4.tit {
            font-size: 1.8rem !important;
            padding-bottom: 0;
        }
        .cont_list.sub1_2_2 .item01 .cont {
            font-size: 1.5rem;
        }
        .cont_list.sub1_2_3 .item_list .cont {
            font-size: 2rem;
            line-height: 3rem;
        }
        .cont_list.sub1_2_3 .item_list .cont strong {
            font-size: 2.5rem;
        }
        /*//자기주도검사*/
        .sc4 .view_table thead th {
            font-size: 2.5rem;
        }
        .sc4 .view_table, .sc4 .view_table select {
            font-size: 2rem;
        }
        .sf_tit select, .sf_tit .chktxt {
            font-size: 1.7rem;
        }
        .test_inr h5{
            font-size: 2.3rem;
        }
        .cont_list.sub1_2_3 .item_list .cont .imgbox {
            padding: 2rem 0 1rem;
        }
        .consult_inr .imgbox ul {
            font-size: 1.4rem;
            width: 75%;
        }
        .consult_inr .imgbox ul .img-item {
            gap: 1rem;
        }
        .consult_inr.sub3 .chk_box article {
            font-size: 2.6rem;
        }
        .consult_inr.sub4 .chk_box > li {
            padding: 3rem 1rem;
        }


        /*회원가입*/

        /*.join .join_progress li {
            width: 28%;
            padding-top: 28%;
        }
        .join .join_progress li span {
            width: 4rem;
            height: 4rem;
        }
        .join .join_progress li strong{
            top: 6rem;
        }
        .join .infobox {
            font-size: 3rem;
        }*/
        .join .join_box .chkbox {
            flex-wrap: wrap;
        }
        .join .login_box .login_l .box.phone .phonebox .btn_l {
            padding: 1.4rem 0;
        }
        .join .login_box {
            padding: 1.6rem 0;
        }
        .join.login .infobox .txt {
            white-space: normal;
        }
        .matching .sub1_2 > ul {
            gap: 3rem;
        }
        .matching .sub1_2 > ul > li {
            width: calc(100% / 3 - 1.5rem);
        }
        .matching .sub1_2 > ul > li:after {
            width: 2rem;
            height: 2rem;
            right: -2.5rem;
        }
        .matching .sub1_2 > ul > li > div {
            font-size: 1.6rem;
        }
        .info .pgitem1 .titbox {
            font-size: 1.6rem;
        }
        .info .titbox, .info .pgitem3 .subitem .tit {
            font-size: 1.7rem;
        }
        .info .pgitem1 .imglist .point_txt, .info .pgitem2 .platbox {
            font-size: 1.5rem;
        }
        .info .pgitem1 .imglist .txt, .info .pgitem2 .platbox > li span {
            font-size: 1.4rem;
        }
        .info .pgitem1 .imglist > li .item:before, .info .pgitem3 .subitem .tit:before {
            width: 2rem;
            height: 2rem;
            font-size: 1.5rem;
        }
        .info .pgitem3 .subitem .imglist .point_txt {
            font-size: 1.3rem;
        }
        .info .pgitem3 .subitem .imglist {
            font-size: 1.1rem;
        }
        .result .view_table, .result .view_table th, .result .view_table td {
            padding: 1rem 0.5rem;
        }
        .result .pgtit .tit a,.sub_head .pgtit .tit{
            font-size: 3.5rem;
        }

        .info .slogan {
            font-size: 2.7rem;
            width: 100%;
        }
        .info .slogan p strong{
            font-size: 2.5rem;
        }
        .ai .sub_head .pgtit .tit {
            font-size: 2rem;
        }
        .info .infotxt, .info .point_list .sub_tit, .info .point_list .sub_tit .p_txt3,
        .info .table_wrap .view_table, .info .sub_tbl .sub_tit2{
            font-size: 2.5rem;
        }
        .info .graphbox .graph_cont .view_table {
            font-size: 1.2rem;
        }
        .feedback .view_table th {
            font-size: 2.1rem;
        }
        .feedback .view_table td,.feedback .view_table td * {
            font-size: 1.8rem;
        }
        .test_inr.testbox .mem_info input[type='radio']{
            width: 2rem;
            height: 2rem;
        }
        .test_inr.testbox .mem_info label {
            gap: 0.5rem;
            margin-right: 1rem;
        }
        .test_inr.testbox .infobox{
            padding: 3rem 1rem;
        }
        .test_inr.testbox .infobox.inputbox{
            margin: 3rem auto;
        }
        .test .com-modal .modal-hd-box h2 {
            font-size: 2rem;
        }
        .test .modal-cont-box > strong {
            font-size: 1.8rem;
        }
    }