@media only screen and (min-width: 1024px) and (max-width:1560px) {
    /*html { font-size: 16px }*/
    /*.stellarnav { padding: 0 2rem !important }
    .stellarnav > ul > li > a { padding: 20px !important }
    .stellarnav.light a{font-size:.9rem !important}
    /*
    .pd80{margin:4rem 0}
    .pb80{margin-bottom:4rem}
    .pd200{margin:0 0 10rem 0}
    .pd250{margin:10rem 0}
    .pd50{margin:2.5rem 0}
    .pd100{margin:0 0 5rem 0}
    .pd150{margin:7.5rem 0}*/
    .brand_half { display: flex }
    .brand_half2 { display: flex; flex-direction: row-reverse; }
    .trainer_img { width: 35% }
    .main_v dl { padding: 13.25rem 6.25rem 0 6.25rem }
    .main_solution dl { padding: 13.25rem 6.25rem 0 6.25rem }
    .main_magic p { margin: 0 }
    .main_magic dl { width: 43% }
    .main_mom { margin: 0 0 5rem 0 }
    /*.pb170 { padding: 0 0 170px 0 }
    .pt170 { padding: 170px 0 0 0 }
    .pd170 { padding: 170px 0 }
    .font115 { font-size: 80.5px }
    .font40 { font-size: 28px; letter-spacing: -2px }
    .font30 { font-size: 21px }
    .font400 { font-size: 280px }*/

    .inner, .inner2 { margin: 0 6.25rem }
    /* 브랜드 스토리 */
    .brand_half dl { padding: 0; flex: 1 }
    .brand_half p { flex: 1 }
    .brand_half2 { }
    .brand_half2 p { margin: -100px 0 0 0 }
    .brand_half2 dl { padding: 120px 0 0 50px; flex: 1 }
    .brand_half2 p { flex: 1 }
    #sub01_01 .half_left p span { display: inline }
    #sub01_01 .brand_half { display: block; }
    .cir_01 { width: 450px; height: 450px }
    .cir_02 { bottom: 50px; left: 200px }
    .border_botto_navy { margin: -165px 0 300px 0 }
    .mom_graph ul::before { bottom: 5.5rem }
    /* 15분 놀잇법 */
    .cur_list { width: 100% }
    .cur_list li { width: 44% }
    .play_slide_warp .inner2 { padding: 0; margin: 0 6.25rem }
    /* 두뇌트레이닝 */
    #sub01_02 .flex_con dd br { display: none }
    .arrow_warp { height: 87rem }
    .trainer_con { padding: 150px 0 !important }
    /*.free_slider dl{margin-top:5rem}*/
    }
     @media only screen and (min-width: 1024px) and (max-width:1280px) {
    .test_faq dl { padding: 3rem 2rem }
    }
     @media all and (max-width:1280px) {
    .free_slider2 .free_bg01 .inner,  .free_slider2 .free_bg02 .inner { margin: 0 }
    .free_slider2 .inner2 { margin: 0 }
    .process li dl dd { font-size: 1rem }
    }





    /*mobile*/
    @media all and (max-width:1024px) {
    body, div, td, p, input, button, textarea, select, a { font-size: 17px }
    .pc { display: none }
    /*header*/
    #header { width: 100%; clear: both }
    .hsec1 { border-bottom: 1px solid #ddd; background: #fff }
    .hsec1 h1 { text-align: right; overflow: hidden; }
    .hsec1 h1 img { display: inline-block; margin: 0 auto }
    .hsec1 h1 .over { display: none }
    .lnb { position: fixed; width: 80%; left: -80%; top: 0; z-index: 90; height: 100%; background: #fff; border-right: 1px solid #aaa; transition: .3s; overflow: auto }
    .lnb.on { left: 0; transition: .3s }
    .lnb h2 { float: left; padding: 1rem }
    .mo_lang { clear: both }
    .mo_lang a { display: block; color: #fff; padding: 1rem 0; background: #0073b9 url(../images/common/lang.png) no-repeat 20px 20px; text-align: left; text-indent: 50px }
    .lnb .close { color: #fff; width: 40px; height: 40px; background: url('../images/common/lnb_close.png') no-repeat; position: absolute; top: 0; right: 0 }
    .lnb ul { clear: both }
    .lnb li { position: relative; border-bottom: 1px solid #ddd; height: auto }
    .lnb li.be { background: url('../images/lnb_arrow.png') no-repeat 95% 20px }
    .lnb li.be.on { background: url('../images/lnb_arrow_on.png') no-repeat 95% 20px }
    .lnb li > a { display: block; height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; text-align: left; text-indent: 30px }
    .lnb li.on > a { color: #fff; background: #3a4395 }
    .lnb .sub { display: none; background: #333; padding: 0; height: auto }
    .lnb dl { }
    .lnb dd > a { display: block; line-height: 40px; font-size: 16x; text-align: left; text-indent: 40px; color: #fff }
    .lnb dd > a:hover { color: #b41340; text-decoration: underline }
    .body_bg.on { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; z-index: 80 }
    .hsec1 .lnb_open { position: absolute; left: 10px; top: 35px }
    .hsec1 .lnb_open img { vertical-align: top }
    /*swiper*/
    .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; line-height: 1 }
    .swiper-pagination-bullet { width: 10px; height: 10px; }
    .swiper-button-next { width: 60px; height: 60px; background: url('../images/swiper_next.png') no-repeat center }
    .swiper-button-prev { width: 60px; height: 60px; background: url('../images/swiper_prev.png') no-repeat center }
    .pc_img { display: none !important }
    /* 메인 */
    .foot_training { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9 }
    .foot_training a { display: block; background: linear-gradient(0deg, rgba(48,146,236,1) 0%, rgba(95,205,227,1) 50%, rgba(0,212,255,1) 100%); font-weight: bold; color: #fff; text-align: center; padding: 1rem 0; position: relative }
    .foot_training a::before { content: ''; position: absolute; top: 40%; right: 10%; background: url(../images/common/foot_training.png) no-repeat; width: 20px; height: 20px }
    .sns { display: flex; overflow: hidden; padding: 2rem 0 }
    .sns li { flex: 1; border: none }
    footer { padding: 1rem 0 }
    footer ul { text-align: center }
    footer dl { text-align: center }
    footer dl dt, footer dl dd { float: none; width: auto }
    .flex_banner { display: block }
    .flex_banner li { width: auto; margin: 0 0 1rem 0 }
    #ptsection-three { background: #fce4cc url(../images/main/imost_bg.jpg) no-repeat top right; background-size: 200%; }
    #ptsection-four h2 span { font-size: 1.5rem }
    .flex_circle { flex-direction: column; }
    .main_program h2 span { font-size: 2rem }
    .main_program dl dt { float: none; margin: 0; display: flex; justify-content: center }
    .main_program dl dd { float: none; width: auto }
    .main_program dl dd p { float: none; width: auto }
    .main_program dl dd p span { font-size: 1.5rem }
    .main_program dl dd em { float: none; width: auto; font-size: 1.1rem }
    #ptsection-three::after { display: none }
    #ptsection-three::before { top: 5%; left: 10% }
    #ptsection-three .inner { height: auto; padding: 400px 0 2rem 0 }
    #ptsection-three dl dt { padding: 3rem }
    #ptsection-three dl dd { font-size: 1.5rem }
    .flex_circle li { margin: 0 0 3rem 0 }
    .main_license { padding: 1rem 0 }
    .main_license .inner { display: block }
    .main_license p { float: none; width: auto; margin: 0 0 2rem 0 }
    .main_license dl { float: none; width: auto; text-align: center }
    .main_license dl dt { font-size: 2rem }
    .main_worry { background-size: 200%; padding: 0; min-height: auto; padding: 5rem 0 }
    .main_worry dl dt { font-size: 2rem; margin: 3rem auto 0 auto }
    .main_worry dl dd { font-size: 1.2rem }
    .main_worry dl dd span { font-size: 1.3rem }
    .main_play h2 span { font-size: 1.5rem }
    .play_con { width: auto }
    .main_play h2 i { font-size: 1.2rem }
    .main_course h2 { font-size: 1rem }
    .main_course h2 span { font-size: 2rem }
    .course_con { background: none }
    .course_con em { float: none; margin: 0 auto }
    .course_con dl { float: none; width: auto; text-align: center }
    .course_con dl dt { font-size: 1.5rem }
    .course_con dl dd { font-size: 1.1rem }
    .course_con p { float: none; width: auto; margin: 2rem 0 0 0 }
    .course_con p img { width: 100% }
    .main_video { padding: 2rem 0 }
    .main_video video { width: 100% !important }
    .main_video::before, .main_video::after { display: none }
    .inquiry_left { float: none; width: auto }
    .inquiry_left p { text-align: center }
    .inquiry_left .online_btn { margin: 0 auto }
    .inquiry_right { float: none; width: auto }
    .inquiry_right ul li { padding:.5rem
    }
    .btn_go { margin: 0 0.5rem }
    .btn_go a { font-size: 1rem }
    .main_program dl { width: 90%; margin: 0 auto 5rem auto }
    /* 서브*/

    .quick {/* position: relative; display: flex; top: auto; right: auto; */ top: auto; right: 1rem; bottom: 4rem; }
    .sub_title dl { margin: 0 auto }
    .sub_title dl dd { font-size: 1.5rem }
    h4 { font-size: 1.8rem }
    h5 { font-size: 1.8rem }
    .big { font-size: 1.2rem }
    .circle_list { flex-direction: column }
    .circle_list li { margin: 0 0 2rem 0 }
    .circle_list li dl dt { padding: 0 0 2rem 0; border-bottom: 1px solid #ccc; margin: 0 0 1rem 0 }
    .circle_list li p { width: 200px; height: 200px }
    .btn_go { width: auto }
    .test_tit p, .test_tit dl { float: none; width: auto }
    .test_tit dl dt span { font-size: 1.8rem }
    .test_info dl dt { font-size: 1.2rem }
    .test_warp h2 { font-size: 0.9rem; padding: 1rem }
    .test_warp ul { flex-direction: column }
    .result_img, .result_con { float: none; width: auto }
    .test_info dl { overflow: hidden; margin: 0 0 1rem 0 }
    .result_img ul { flex-direction: column }
    .result_img ul li { margin: 0 0 1rem 0 }
    .result_img ul li a { padding: 1rem; font-size: 1rem }
    .pc { display: none !important }
    .mo { display: block !important }
    /* 새로운 메인 */
    .stellarnav { padding: 0 30px !important; width: auto !important }
    /*.btn_app { width: 200px }*/
    .btn_app { position: relative }
    /*.stellarnav > ul > li > a { padding: 20px !important; }
    .stellarnav.light a { font-size: 17px !important }*/
    #sub01_01 .font400 { font-size: 27vw !important }
    .cir_01 { width: 400px; height: 400px }
    .cir_02 { left: 100px; bottom: 50px }
    .flex_half { flex-direction: column }
    .half_left, .half_right { width: auto }
    .half_right p { float: none }
    .synapse_con dt { padding: 0 }
    .flex_colm dt { padding: 0 }
    .mob_br br { display: none }
    .inquiry_box { padding: 1rem }
    /* 브랜드 스토리 */
    .brand_half dl { float: none; width: auto; text-align: center; padding: 0 }
    .brand_half2 dl { float: none; width: auto; text-align: center; padding: 100px 0 0 0 }
    .brand_half { flex-direction: column }
    .brand_half p { float: none; width: auto; text-align: center }
    .brand_half2 { flex-direction: column }
    .brand_half2 p { float: none; width: auto; margin: 0; text-align: center }
    .course_slide { height: 620px }
    .course_slide .swiper-pagination-bullet { width: 180px }
    .main_v dl { text-align: center !important }
    .arrow_warp { height: 1500px }
    .synapse_con { display: block }
    .synapse_con dt { text-align: center; width: auto; margin: 0 0 50px 0 }
    .synapse_con dd { text-align: center; width: auto }
    #sub01_02 .flex_con { display: block }
    #sub01_02 .flex_con dl { text-align: center }
    #sub01_02 .left { text-align: center !important }
    #sub01_02 .flex_colm { flex-direction: column; justify-content: center; align-items: center; }
    #sub01_02 .flex_colm dt { width: auto }
    #sub01_02 .flex_colm dd { width: auto }
    /* 트레이너 */
    .trainer_warp { width: auto !important }
    .left { text-align: center !important }
    .trainer_img { position: relative; text-align: center; margin: 0 auto }
    .trainer_img img { width: 80% }
    .trainer_slide p { float: none; position: relative }
    /* 15분 놀이법 */
    .cur_list { width: 100% }
    .half { width: auto; float: none; text-align: center }
    /* 에니어그램 테스트 */
    .test_warp ul { width: auto }
    /* 메뉴 */
    .stellarnav.mobile ul ul ul { left: 50% !important; background: #fafafa !important }


    /* 트레이닝 */
    .teb_course li{margin:1rem}
    .teb_course li a{width:15rem}
    }
     @media all and (max-width:768px) {
    .header { height: 100px }
    .stellarnav { height: 100px !important; display: flex !important; flex-flow: row-reverse; }
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { z-index: 9 }
    h1 { float: left; padding: 0 1rem }
    .left { text-align: center !important }
    .btn_app { display: none }
    .font115 {font-size: 47px !important;}
    .font95 { font-size: 45px }
    .font40 { font-size: 17px; letter-spacing: -1px }
    .font30 { font-size: 15px }
    .font300 { font-size: 150px }
    .font400 { font-size: 200px }
    .pd100 { padding: 2.5rem 0 }
    .pd150 { padding: 1.5rem 0 }
    .pd50 { padding: 25px 0 }
    .pb200 { padding: 0 0 100px 0 }
    .pd250 { padding: 125px 0 }
    .pd80 { padding: 30px 0 }
    .pd170 { padding: 50px 0 }
    .inner2 { margin: 0 1rem }
    .mob_inner { padding: 0 1rem }
    .pb80 { padding: 0 0 50px 0 }
    .mob_margin { margin: 0 0 30px 0 }
    .mob_padding { padding: 2.5rem 1rem }
    .main_v { height: 600px; background-size: 800px; background-position: bottom right; }
    .main_v dl { text-align: center !important; padding: 50px 0 300px 0 }
    .main_solution { height: 600px; background-size: 600px; background-position: bottom right; }
    .main_solution dl { text-align: center !important; padding: 100px 0 300px 0 }
    .main_magic { padding: 50px 0 }
    .main_magic p { float: none; width: auto; margin: 0 auto }
    .main_magic dl { float: none; width: auto; text-align: center !important; padding: 50px 0 }
    .flex_half { flex-direction: column; padding: 2.5rem 1rem }
    .flex_half .half { text-align: center !important }
    .half { float: none; width: auto; margin: 0 auto; text-align: center }
    .center_contant { text-align: center }
    .bg_con { padding: 50px 0 }
    .red_circle { flex-direction: column; padding: 20px 0 0 0 }
    .red_circle li { width: 70%; margin: 0 auto 2rem auto }
    .red_circle li a { font-size: 1rem }
    .brand_half { flex-direction: column; text-align: center }
    .brand_half2 { flex-direction: column; }
    .brand_half2 dl { float: none; padding: 2.5rem 0 1rem 0; text-align: center }
    .brand_half2 p { float: none; margin: 0 auto }
    .main_mom { padding: 0 !important }
    .mom_graph ul { width: auto; margin: 0 auto; height: 500px; position: relative; display: block }
    .mom_graph ul::before { bottom: 3.2rem }
    .mom_graph ul li { position: absolute; bottom: 0; left: 0 }
    .mom_graph ul li:last-child { right: 0; left: auto }
    .mom_graph ul li p { width: 100px; height: 100px; }
    .mom_graph ul li:last-child p { height: 400px }
    .mom_graph_arrow { top: 30% }
    .arrow_warp { padding: 2.5rem 0 }
    .main_tit { font-size: 1.5rem }
    .main_tit img { width: 10%; margin:0 0 0 .5rem
    }
    .main_magic dl { padding: 0 }
    footer dl dd span { font-size: 2rem }
    .mob_span .block { display: inline }
    /*.inner2 { width: 100% }*/
    .sub_contants { padding: 50px 0 0 0 }
    /* 브랜드스토리 */
    .brand_half dl { float: none; padding: 0 }
    .brand_arrow { margin: 0; position: relative; top: auto; right: 0 }
    .arrow_warp { height: auto; padding: 0; margin: 2.5rem 0 }
    .cir_01 { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; border: 10px solid #19315B; font-size: 2.5rem }
    .cir_02 { top: 40%; left: 10%; transform: translateY(-50%); margin: 150px 0 0 0; width: 120px; height: 120px; border: 10px solid #19315B; font-size: 1.3rem }
    .flex_con { flex-direction: column; }
    #sub01_01 .mb90 { margin: 0 0 30px 0 }
    #sub01_01 .btn_navy { float: none; text-align: left }
    #sub01_01 .btn_navy a { font-size: .9rem
    }
    .mb70 { margin: 0 0 1.5rem 0 }
    #sub01_01 .font400 { font-size: 27vw !important; padding: 2.5rem 1rem }
    #sub01_01 .pb200 { padding: 0 }
    #sub01_01 .mt200 { margin: 2.5rem 0 0 0 }
    #sub01_01 .pt200 { padding: 2.5rem 0 0 0 }
    .under_text::before { height: 1px }
    .border_botto_navy { margin: -3rem 0 3rem 0 }
    .half_left { width: auto; text-align: center }
    .half_right { width: auto; text-align: center }
    .half_right p { float: none }
    .mob_br br { display: none }
    .pt200 { padding: 100px 0 0 0 }
    .brand_half p, .brand_half2 p { width: auto; float: none }
    .brand_half2 .block { display: inline }
    .mom_graph { padding: 30px 0 0 0 }
    /* 두뇌발달 */
    #sub01_02 .inner { padding: 0 1rem }
    #sub01_02 .pd200 { padding: 2.5rem 0 }
    #sub01_02 .pt130 { padding: 2.5rem 0 0 0 }
    #sub01_02 .pd100 { padding: 0 0 1.5rem 0 }
    .synapse_con { display: block }
    .synapse_con dt { width: auto; padding: 2.5rem 0 0 0; text-align: center; margin: 0 0 2.5rem 0 }
    .synapse_con dd { width: auto }
    #sub01_02 .flex_con { display: block }
    #sub01_02 .flex_con p { margin: 0 auto 2.5rem auto }
    #sub01_02 .flex_colm { display: block }
    .flex_colm dt { width: auto; padding: 2.5rem 0 1.5rem 0; text-align: center }
    .flex_colm dd { width: auto }
    .brand_bg { height: auto; padding: 5rem 0 }
    .brand_bg .font300 { font-size: 30vw }
    .mob_kal { width: 80%; margin: 0 auto }
    .mob_pd { padding: 2.5rem 0 }
    #sub01_02 .flex_colm dt br { display: none }
    .brand_bg dl { margin: 0 0 2.5rem 0 }
    /* 트레이너 */
    .trainer_slide dl { padding: 1rem }
    .trainer_slide dl dt { font-size: 36px }
    .trainer_slide dl dt span { font-size: 20px }
    .trainer_img { width: auto; position: relative; right: auto; left: 50%; transform: translateX(-50%) }
    .trainer_slide .swiper-pagination { padding: 30px 0 }
    .trainer_slide .swiper-button-prev, .trainer_slide .swiper-button-next { width: 30px; height: 30px; background-size: 30px }
    .trainer_slide dl dd { font-size: 18px }
    .trainer_slide .swiper-slide { min-height: 600px }
    .trainer_slide p { width: 50% }
    .trainer_con { margin: 0 0 50px 0 }
    .mob_nomar { margin: 0 }
    .mob_block { display: inline-block }
    .trainer_slide .swiper-pagination-bullet { margin: 0 0.5rem }
    /* 새소식 */
    .r-sub-con { padding: 0 1rem }
    .tabmenu ul { display: flex; margin: 0 0 2.5rem 0 }
    .tabmenu ul li { flex: 1; width: auto; margin: 0 1px }
    .tabmenu li a { padding: 0; font-size: .8rem;
    height: 2rem; line-height: 2rem }
    /* FAQ */
    .faq_con { margin: 0 0 2.5rem 0 }
    .beefup__head { padding: 1rem }
    .beefup__head > button { display: flex; align-items: center }
    .beefup__body span { display: none }
    .beefup__head em { padding: 0 1rem 0 0 }
    .beefup__head, .beefup__body { padding: 1rem }
    /* 연혁 */
    .page-section { margin: 0 0 2.5rem 0 }
    #sub01_06_03 .pt170 { padding: 2.5rem 0 0 0 !important }
    #sub01_06_03 .bg_sky { margin: 0 !important }
    .process_list { height: auto; display: block; padding: 1rem; width: auto }
    .process_list dt { float: none; width: auto }
    .process_list dd { float: none; width: auto; text-align: center; font-size: 18px }
    /* 15분 놀이법 */
    #sub01_03 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block !important; margin: 5px; line-height: 1 }
    .course_slide .swiper-pagination { }
    #sub01_03 .swiper-container-horizontal > .swiper-pagination-bullets { top: 20px }
    #sub01_03 .mt300 { margin: 0 }
    #sub01_03 .font60 { font-size: 2rem }
    #sub01_03 .pd5 { padding: 2rem 1rem 3rem 1rem }
    .course_slide .swiper-pagination-bullet { width: auto; height: auto; font-size: 15px; display: inline-block !important; margin: 5px }
    .play_bg { height: auto; background-size: 1000px; padding: 50px 0; background-position: 50% }
    .play_bg dl { padding: 30px 0 0 0 }
    .font180 { font-size: 4.5rem }
    .under_text_white::before { height: 10px }
    .bg_star { padding: 2.5rem 0 !important }
    .pd10 { padding: 2.5rem 0 }
    .cur_list { width: auto; display: block; padding: 0; margin: 50px 0 0 0 }
    .cur_list li { width: auto; height: auto; margin: 1rem 1rem 3rem 1rem; }
    .cur_list li p { font-size: 20px; width: 80% }
    .cur_list li dl dt { padding: 3rem 0 0 0 }
    .cur_list li dl dd span { font-size: 20px }
    .cur_list li dl dd { font-size: 17px; padding: 0 10px 30px 10px }
    .cur_list li dl dd br { display: none }
    .cur_list li:last-child { margin: 1rem }
    .under_text_white { display: inline-block }
    .course_slide { background-size: 130%; min-height: 600px }
    .course_slide .swiper-slide {/* background: url(../images/sub01/play_slide_bg_mob.png) no-repeat top center; background-size: 120% 60%; height: 850px; */ background: none }
    .course_slide .swiper-slide dl { padding: 30px; margin: 50px 0 0 0 }
    /* 15분 놀잇감 */
    .play_slide .swiper-button-prev, .play_slide .swiper-button-prev2 { width: 30px; height: 30px; background-size: 30px }
    .play_slide .swiper-button-next, .play_slide .swiper-button-next2 { width: 30px; height: 30px; background-size: 30px }
    #sub01_04 .pl80 { padding: 0 }
    .holderCircle { width: 320px; height: 320px }
    .round { width: 250px; height: 250px }
    .dotCircle .itemDot { width: 80px; height: 80px; font-size: 18px }
    /*.contentCircle .CirItem h2 { font-size: 30px !important; padding: 6rem 0 !important }*/
    .effect { width: auto; padding: 0 1rem }
    .effect dl { width: auto; height: auto; }
    .effect dl dt { font-size: 30px }
    .effect dl dd span { font-size: 1.5rem }
    .play_slide p { font-size: 18px }
    .play_slide .swiper-pagination, .play_slide2 .swiper-pagination2 { padding: 0 }
    .play_slide .swiper-pagination-bullet, .play_slide2 .swiper-pagination-bullet { margin: 0 0.5rem }
    #sub01_04 .pb200 { padding: 0 }
    #sub01_04 .font20 { font-size: 16px }
    #sub01_04 .pt170 { padding: 50px 0 0 0 }
    #sub01_04 .pb170 { padding: 0 0 50px 0 }
    #sub01_04 .pd250 { padding: 50px 0 }
    .play_slide .swiper_control, .play_slide2 .swiper_control { padding: 30px 0 }
    .swiper_control2 { padding: 30px 0 }
    .mob_block2 { display: block; padding: 20px 0 }
    .mob_block { display: block }
    .contentCircle { width: 250px; height: 250px; text-align: center; display: flex; align-items: center; justify-content: center; }
    .play_slide dl dt { font-size: 20px }
    .play_slide dl dd { font-size: 17px }
    .play_slide .swiper-slide { min-height: 550px }
    /* 무료체험신청 */
    .free_slider { height: auto }
    .free_slider .font115 { font-size: 2rem }
    .process { flex-wrap: wrap; padding: 2.5rem 0; margin: 0 }
    .process li { flex: none; width: 50% }
    .process li::before { display: none }
    .process li dl { padding: 1rem; min-height: 150px; width: 90% }
    .process li dl dt { padding: 0.5rem; top: 30% }
    .inquiry_box { width: auto }
    .inquiry_box dl { flex-direction: column; }
    .inquiry_box dl dt { width: auto }
    .inquiry_box dl dd { width: auto }
    .inquiry_box .checkmark { left: 15% }
    .btn_go input { font-size: 1.2rem }
    .free_slider .swiper-button-next, .free_slider .swiper-button-prev { width: 30px; height: 30px; background-size: 30px }
    .free_slider .pd200 { padding: 2.5rem 0 }
    .inquiry_box { padding: 1rem }
    .inquiry_result { width: auto; border: none }
    .under_text_blue2::before { height: 3px }
    .mob_slide_pd { padding: 30px 1rem }
    .free_slider2 { height: 43rem !important; min-height: auto !important }
    .free_slider2 .free_bg01 .inner { padding: 5rem 2rem; flex-direction: column; }
    .free_slider2 .free_bg02 .inner { padding: 5rem 2rem }
    .free_slider2 .free_bg02::before { height: 22rem }
    .free_slider2 .free_bg01 .inner dl { text-align: center; padding: 1rem 0 }
    .free_slider2 .free_bg02 p a { font-size: 1.4rem }
    .free_slider2 .free_bg02 em { text-align: center }
    .free_slider2 .swiper-pagination { top: 19rem }
    /* 에니어그램 */
    #sub05_01 .pd5 { padding: 2.5rem 0 }
    #sub05_01 .bg_navy { padding: 2.5rem 0 }
    .test_sample { display: block; width: auto; height: auto; overflow: hidden; margin: 30px auto }
    .test_sample ul { padding: 10px }
    .test_warp ul { width: auto; padding: 0 0 80px 0; margin: 30px 0 }
    .test_warp ul li { padding: 0 }
    .test_radio p { font-size: 15px; width: 100px;line-height: 1.4; word-break: keep-all;}
    .myBtn { font-size: 20px !important }
    .test_sample ul li { height: 100px }
    .test_sample ul li p { bottom: 10px; font-size: 12px; height: 60px }
    .test_sample ul li i { top: 20%; width: 50px; height: 50px }
    .test_sample ul li:nth-child(2) i, .test_sample ul li:nth-child(4) i { width: 35px; height: 35px }
    .test_sample ul li:nth-child(3) i { width: 20px; height: 20px }
    .test_warp ul li:nth-child(1) .option-input, .test_warp ul li:nth-child(5) .option-input { width: 50px; height: 50px }
    .test_warp ul li:nth-child(1) .option-input:checked::before, .test_warp ul li:nth-child(5) .option-input:checked::before { width: 50px; height: 50px }
    .test_warp ul li:nth-child(2) .option-input, .test_warp ul li:nth-child(4) .option-input { width: 35px; height: 35px }
    .test_warp ul li:nth-child(2) .option-input:checked::before, .test_warp ul li:nth-child(4) .option-input:checked::before { width: 35px; height: 35px }
    .test_warp ul li:nth-child(3) .option-input { width: 20px; height: 20px }
    .test_warp ul li:nth-child(3) .option-input:checked::before { width: 20px; height: 20px }
    .test_warp ul li { margin: 0 0.5rem }
    .gree_input .checkmark { left: 10% !important }
    .test_tit dl dt { font-size: 18px }
    .test_tit p { padding: 30px 0 0 0 }
    .test_warp { padding: 0 }
    .result_con ul { width: auto; display: flex }
    .bg_con_wave { padding: 0 0 10rem 0 }
    .bg_con_wave_top { padding: 10rem 0 5rem 0 !important }
    .bg_con_wave .s_txt { font-size: 1rem }
    .test_result { padding: 0 20px }
    .test_result_slide .swiper-button-next, .test_result_slide .swiper-button-prev { width: 30px; height: 30px; background-size: 30px }
    .test_warp h2 { font-size: 1rem; padding: 1rem }
    .btn_list { display: block }
    /* 에니어그램 이란? */
    .test_faq dl { padding: 30px 20px }
    .test_faq dl dt { margin: 0 0 30px 0 }
    .test_faq dl dd { font-size: 17px }
    #sub05_02 .pd250 { padding: 50px 0 }
    .mob_nopadding { padding: 0 }
    .mob_img50 img { width: 50%; text-align: center }
    /* 퀵메뉴 */
    .quick { width: 50px }
    .quick li { margin:0 0 .5rem 0
    }
    .quick img { }
    #back-top { bottom: 15px }
    #back-top a { width: 40px }
    #back-top span { width: 40px; height: 40px; background-size: 30px }
    #back-top ul li { display: block }
    #back-top ul li a { display: block }
    /* 메뉴 */
    .stellarnav.mobile ul ul ul { background: #fafafa !important; left: 50% !important }
    .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { z-index: 9 }
    .stellarnav { padding: 0 !important }
    header h1 { width: 50% }
    h5 { margin: 0 }
    .stellarnav.light a { font-size: 0.9rem !important }
    .bg_trainer{padding:2rem 1rem}
    .teb_course li a{width:5rem; height:2rem; line-height:2rem; font-size:1rem;}
    .course_light{}
    .course_light .beefup{}
    .course_accordion .beefup__body{min-height:550px}
    .course_accordion .swiper-pagination-bullet{display:inline-block !important}

    }
     @media all and (max-width:480px) {
    .course_slide { /*background-size: 130%; height: auto; min-height: 560px; height: 790px */ }
    .course_slide .swiper-slide { background-size: 120% 80% }
    }