@charset "utf-8";



@media screen and (max-width: 2600px) {

    .staff_page .greeting_sect .tit{font-size:8rem;}
    .staff_page .greeting_sect .txt_box p{font-size:var(--txt22);}

    .special_page .world_sect .cont .txt_box .tit{font-size: 8rem;}
    .special_page .world_sect .cont .txt_box .txt{font-size: var(--txt30);}

    .program_page .special_sect .cont .list_box .item .txt{font-size: var(--txt20)}


}



@media screen and (max-width: 2000px) {

    /* 센터 */
    .center_page .wedo_sect .wedo_cont .tit_box{padding-left: 9%;}
    .center_page .wedo_sect .wedo_cont .cont_box{width: 60%; padding:10rem 8rem; flex-shrink: 0}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box{margin-right: 3rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item .item_cont{padding: 4.8rem 5rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box{padding-left: 2rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .img_box{width: 28rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .list_box .step_list .line{left: -4.2rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .txt{font-size:13px;}

    .about-center .intro_sect .now_cont .marquee_box{font-size:7px;}

    /*.center_page .mission_sect .cont .sticky_box { margin-bottom: 5vh}*/
    /*.center_page .mission_sect .cont .mission_img{padding-top: 15vh;}*/

    .staff_page .staff_sect .staff_list .item .txt_box .his_list{padding-top: 2rem; margin-top: 2rem;}
    .staff_view_page .img_box{padding-top: 0; height: 75rem;}
    .staff_view_page .img_box .img{padding-top: 8rem}
    /*.staff_view_page .img_box:after{width: 14rem;}*/
    .staff_page .staff_select .nice-select{font-size:var(--txt24)}

    .board_list .list .type {width: 6em;}

    .media_list .list{gap: 6.4rem 30px;}
    .media_list .list li a .txt_box .tit { font-size:var(--txt20); }
    .media_list .list li a .txt_box .date {font-size: var(--txt16);}

    .board_view_page.basic .view_cont{font-size:var(--txt20);}

    /* Why */
    .special_page .world_sect .cont .txt_wrap .tit.fill_txt,
    .spec_program_page .num_sect .sub_tit_box .tit.fill_txt .txt{font-size: 9rem;}

    /* 프로그램 안내 */
    .program_page .intro_sect .sub_tit_box .txt{font-size:var(--txt22);}
    .program_page .program_sect .program_list .item .txt_box{font-size:var(--txt35);}

    .commu_page .all_sect .commu_list_top .sch_box .sch_inp input,
    .success_page .all_sect .review_list .list .item .txt_box .tit,
    .online_page .booking_sect .cs_cont .list .item .time_list,
    .booking_page .write_form .form_list > li > .tit,
    .booking_page .write_form .form_btn_box .btn{font-size:var(--txt20);}

    .commu_page .all_sect .commu_list_sort,
    .commu_page .all_sect .commu_list_sort .sel_box .nice-select,
    .online_page .booking_sect .info_cont{font-size:var(--txt18)}

    .program_page .why_sect .cont .item0 .cont_tit_box .tit{font-size:var(--txt35);}


}


@media screen and (max-width: 1640px) {
    .center_page .special_sect{padding:var(--pd300) var(--inPd) 0}
    .center_page .wedo_sect .wedo_cont .tit_box {padding-left: 5%;}
    .center_page .special_sect .cont_box{display: block;}
    .center_page .special_sect .cont_box .left_box{flex-direction: column;}
    .center_page .special_sect .cont_box .bg_box{width: 40%;}
    .center_page .special_sect .cont_box .bg_box{margin: -15% 0 0 auto; width: 40%;}
    .center_page .special_sect .cont_box .bg_box .character{padding-left: 0; width: 100%; max-width: 60%; margin: 0 auto;}
    .center_page .special_sect .cont_box .bg_box .logo{width: 100%; max-width: 100%; left:50%; transform: translateX(-50%);}
    .center_page .special_sect .cont_box .bg_box .logo{top: 25%;}

    /* .center_page .special_sect .cont_box .self_list{margin-top: 7rem} */
    .center_page .special_sect .cont_box .self_list .hover_img{width: 40rem; height: 25rem; top: 0;}
    .center_page .special_sect .cont_box .self_list .hover_img{flex-shrink: 0; margin-right: 5rem; left: 0; opacity: 1; order:1;position: relative; transform: unset;}
    .center_page .special_sect .cont_box .self_list .txt_box{order: 2;}
    .center_page .special_sect .cont_box .self_list li{padding: 30px; align-items: center;}
    .center_page .special_sect .cont_box .self_list li:hover {padding-left: 30px;}
    .center_page .special_sect .cont_box .self_list li:first-child{padding-top: 0;}
    .center_page .special_sect .cont_box .self_list li:hover .hover_img,
    .center_page .special_sect .cont_box .self_list li:nth-child(2n):hover .hover_img{transform: none;}
    .center_page .special_sect .cont_box .self_list li .txt_box .tit{font-size:3rem;}
    .center_page .special_sect .cont_box .self_list li .txt_box .tit strong{font-size:5.5rem;}

    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list{right: -40px;}


}

@media screen and (max-width: 1440px) {

    .special_page .world_sect .cont .txt_wrap .tit.fill_txt,
    .spec_program_page .num_sect .sub_tit_box .tit.fill_txt .txt{font-size:7rem;}
    .special_page .world_sect .cont .txt_wrap .txt_box{margin-top: 5rem;}

    .staff_view_page .in{padding-bottom: var(--pd300)}

    .center_page .wedo_sect .wedo_cont .cont_wrap{display: block;}
    .center_page .wedo_sect .wedo_cont .cont_box{width: 100%; z-index: 2;position: relative;}
    .center_page .wedo_sect .wedo_cont .tit_box{width: 100%; padding: var(--pd300) 10rem;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item .item_cont{max-width: 100%;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box{width:60rem; padding-top: 27%; max-width: 40%;}

    .booking_page .write_form{width: 90rem;}

}


@media screen and (max-width: 1240px) {
    .sub_visual .tit_wrap .tit{font-size:5.5rem;}
    .sub_tit_box .txt{font-size: var(--txt20); margin-top: 3rem;}

    .round_tab_wrap{width: calc(100% + var(--inPd)) * 2; margin: 40px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd);}
    .round_tab_wrap .round_tab_box{display: inline-flex; justify-content: flex-start; min-width: 100%;}
    .round_tab{font-size:var(--txt24);}
    .round_tab + .round_tab{margin-left: 0;}

    .line_tab_wrap{justify-content: flex-start; width: calc(100% + var(--inPd)) * 2; margin: 40px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd); flex-wrap:nowrap}
    .line_tab{padding:0.8em 4rem; font-size:var(--txt24)}

    .counsel_sect .left_box {width: 38%;}
    .counsel_sect .cont_box {width: 60%;}
    .counsel_sect .cont_box .ico_box .cont {padding: 15px 0;}

    .marquee_cont{padding:6rem 0;}
    .marquee_cont .item{font-size:6rem;}

    /* 센터 */
    .about-center .header.top .ham_btn svg,
    .special-stem-cell .header.top .ham_btn svg,
    .special-program .header.top .ham_btn svg{fill: #fff;}

    .about-center .intro_sect .since_cont .txt_box .year,
    .about-center .intro_sect .since_cont .txt_box .now{font-size:12rem;}
    .about-center .intro_sect .since_cont .txt_box .since{font-size:var(--txt24);}

    .about-center .intro_sect .now_cont .txt_box .txt{font-size:8rem;}
    .about-center .intro_sect .now_cont .marquee_box{font-size:0.6rem;}
    .about-center .intro_sect .now_cont .marquee_box .item5{left: 10%;}
    .about-center .intro_sect .now_cont .marquee_box .item .img{padding-bottom: 200vh;}

    .center_page .about_sect{height: 300vh;}
    .center_page .about_sect .txt_wrap{width:90rem; max-width: 100%;}
    .center_page .about_sect .txt_line{font-size:8rem;}

    .center_page .info_sect .cont{margin-left: 5rem;}
    .center_page .info_sect .cont .txt{font-size:var(--txt20);}

    .center_page .mission_sect .cont .sticky_box{padding-right: 5rem; margin-bottom: 0; overflow: hidden;}
    .center_page .mission_sect .cont .txt_wrap{padding-top: 10vh;}
    .center_page .mission_sect .cont .txt_wrap .txt_box .tit{font-size:var(--txt30)}
    .center_page .mission_sect .cont .mission_img{margin-top: 5rem; width:65rem;}
    .center_page .mission_sect .cont .txt_wrap .txt_box{margin-bottom: 8rem;}

    .center_page .wedo_sect .wedo_cont .tit_box .badge{font-size:var(--txt20)}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item .item_tit{width:28rem;}
    .center_page .wedo_sect .wedo_cont .cont_box{margin-top: 0;}

    .center_page .special_sect .cont_box .self_list .hover_img{width:35rem; height: 22rem;}
    .center_page .special_sect .cont_box .self_list li{padding:30px 20px; }
    .center_page .special_sect .cont_box .self_list li:hover{padding-left: 20px;}
    .center_page .special_sect .cont_box .self_list li .txt_box .txt br{display: none;}
    .center_page .special_sect .sub_tit_box .txt br{display: block;}

    /*.center_page .wedo_sect .wedo_cont .cont_box .list_box:nth-child(2) h4.tit{font-size:var(--txt60);}*/

    .staff_page .greeting_sect{padding-top: 5rem;}
    /*.staff_page .greeting_sect .in{margin-bottom: 0;}*/
    .staff_page .greeting_sect .img_box .profile{padding-right: 13rem;}
    .staff_page .greeting_sect .tit{font-size:7rem;}
    .staff_page .greeting_sect .txt_box p{font-size:var(--txt20);}
    .staff_page .staff_select{padding-top: 8rem;}
    /*.staff_view_page .cont{padding-right:100px;}*/
    .staff_view_page .cont .info_box .mark{right: var(--inPd);}

    .board_list .list .type{width:6em;}
    .board_list .list .tit{font-size:var(--txt22);}
    .board_list .list li a{padding-right: 2rem;}

    .board_view_page .view_top .title{display: block;}
    .board_view_page .view_top .badge{width: fit-content; margin-bottom: 10px;}
    .board_view_page .view_top .user_info,
    .board_view_page.research .view_top .user_info{margin-top: 15px;}
    .board_view_page .board_li_wrap{ margin-top: 50px;}
    .board_view_page .board_li_wrap .box_wrap{position: relative; padding-top: 75px;}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    .board_view_page .board_li_wrap .box_wrap .btn_wrap a {height: 3em;}

    .branch_page .branch_sect .store_cont .info_box .info + .info{margin-left: 4rem;}
    .branch_page .branch_sect .store_cont .store_slide{width: 60rem;}
    .branch_page .branch_sect .store_cont .store .img{width: 60rem;}

    /* Why */
    .special_page .world_sect .cont .txt_wrap{padding:15rem 0 20rem;}
    .special_page .world_sect .bg{height:30rem;}
    .special_page .world_sect .cont .txt_box .txt{font-size:var(--txt24)}

    .special_page .hero_sect{padding-top: var(--pd300);}
    .special_page .cell_sect{padding-top:10rem;}
    .special_page .cell_sect .cont .cell_img{width:55rem; margin-right:6rem; }

    .special_page .special_sect .item {margin-top: 5rem;}

    .qna_list .row {--qnaPd: 30px;}
    .qna_list .row .que{padding: 30px 30px;}
    .qna_list .row .answer{padding: 0 calc(30px + var(--qnaPd)) 30px;}
    .qna_list .row.active .que{padding-bottom: 15px;}

    .media_list .list{ grid-template-columns: repeat(3, minmax(0, 1fr));}
    .board_view_page.research .view_top{flex-direction: column; align-items: flex-start;}

    .spec_program_page .num_sect .in2{width: 100%;}
    /*.spec_program_page .num_sect .cont{padding-right:100px;}*/
    .spec_program_page .num_sect .cont .item .num span{font-size:9rem;}
    .spec_program_page .num_sect .cont .item .num{padding-right: 5rem; white-space: nowrap;}
    .spec_program_page .num_sect .cont .item .txt_box .txt br{display: none;}
    .spec_program_page .num_sect .marquee_cont{padding-top:var(--pd300);}

    .spec_program_page .program_sect .img_box{border-radius: 15px;}
    .spec_program_page .therapy_sect .cir_list_box{width:100%; max-width:960px;}

    .spec_program_page .check_sect .list .item .txt{margin-top: 2rem;}
    .spec_program_page .play_sect .list{gap:20px;}

    /* 커뮤니티 */
    .play_page .all_sect .play_list .list{ grid-template-columns: repeat(3, minmax(0, 1fr));}


    /* 프로그램 안내 */
    .program_page .intro_sect{height: 60vh; padding-top: 10rem; min-height:600px;}
    .program_page .intro_sect .rolling_txt .txt{font-size:var(--txt24);}

    .program_page .intro_sect{color: #fff;}
    .program_page .intro_sect .cont{justify-content: flex-end}
    .program_page .intro_sect .rolling_txt{margin-top: 6rem;}
    .program_page .intro_sect .sub_tit_box .txt{font-size:var(--txt20)}
    .program_page .intro_sect .bg:before{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5)}
    .program_page .intro_sect .sub_tit_box .info_txt{color: #fff; margin-top: 5px; font-size:12px;}
    .program_page .intro_sect .sub_tit_box .info_txt span{color:#fff;}

    .program_page .step_sect .cont{display: block;}
    .program_page .step_sect .cont > .tit_box{position: unset; margin-bottom: var(--mt100);}
    .program_page .step_sect .cont > .tit_box .txt br{display: none;}
    .program_page .step_sect .cont .step_list{width: 120rem; max-width: 100%; padding-left: 5rem}
    .program_page .step_sect .cont .step_list .item .num{font-size:var(--txt18)}
    .program_page .step_sect .cont .step_list .item .img_box{margin-right: 5rem;}

    .program_page .check_sect .cont .list .item{padding:2.4rem 3rem}
    .skin_page .check_sect .cont .list .item,
    .heopa_page .check_sect .cont .list .item{padding-left: 3rem;}

    .mark_cir{width:100px; height:100px;}
    .mark_cir .txt_box .txt{font-size:12px;}
    .program_page .why_sect .cont .item1 .graph_slide{width: 500px;}

    .heopa_page .effect_sect .img_box{margin-right:5rem;}
    .heopa_page .effect_sect .cont{display: block;}
    .heopa_page .effect_sect .img_box{position: relative; top: 0;}
    .heopa_page .effect_sect .txt_wrap{padding:30px 0 25px; width: 75rem; max-width: 100%; margin: 0 auto;}
    .heopa_page .effect_sect .txt_box{opacity: 1;}
    .heopa_page .effect_sect .txt_box + .txt_box{margin-top: 50px;}
    .heopa_page .effect_sect .img_box{margin-right: 0; margin: 0 auto;}


    /* 예약 */
    .online_page .booking_sect .cs_cont .list .item .btn_box .btn{background: #000; color: #fff;}
    .booking_page .write_form{width: 110rem;}
    .booking_page .write_form .cal_wrap .cal_box .day_wrap .day{height: 8.5rem;}

    .online_page .status_sect .status_cont .table_box table tr td{text-wrap: nowrap;}
    .online_page .status_sect .status_cont .table_box{overflow-x: auto;  width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}


    /* cir 추가 */
    .com_cir_cont .cir_wrap{padding: 0;}
    .special_page .special_sect .com_cir_cont .cir_wrap{padding: 0;}
    .com_cir_cont .cir_wrap{height: auto;}
    /*.com_cir_cont .cir_wrap .cir {transform: unset;}*/
    /*.com_cir_cont .cir_wrap .cir .txt_box{bottom: unset; top: 50%; transform: translate(-50%, -50%);}*/
    .com_cir_cont .cir_wrap .cir .txt_box .num{margin-top: 0;}
    .com_cir_cont .cir_wrap {flex-wrap: wrap;}
    .com_cir_cont .cir_wrap .cir1 {width: 130px; padding-top: 130px; }
    .com_cir_cont .cir_wrap .cir2 {width: 150px; padding-top: 150px;}
    .com_cir_cont .cir_wrap .cir3 {width: 180px;padding-top: 180px;}
    .com_cir_cont .cir_wrap .cir.cir4 {width: 480px; padding-top: 480px; margin-top: -240px; transform: translateY(50%);}
    /*.com_cir_cont .cir_wrap .cir.cir4 .txt_box{transform: translate(-50%, -125%);}*/

    .special_page .special_sect .item .box.box00 .cont_box{padding: 0}
    .special_page .special_sect .item .box.box00 .com_cir_cont .cir_wrap .cir1 {width: 127px; padding-top: 127px; }

}


@media screen and (max-width: 1000px) {
    /* 센터 */
    .center_page .info_sect .cont{width: 80rem;}
    .center_page .info_sect .cont .cir_box .item .txt br{display: none;}

    .center_page .wedo_sect .wedo_cont .tit_box{padding:var(--pd300) var(--inPd)}
    .center_page .wedo_sect .wedo_cont .cont_box{padding:10rem var(--inPd)}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list{right: -5px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box{display: block;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .num{max-width: max-content;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .txt{margin-top: 10px;}

    .staff_page .staff_select{padding-top: 10rem;}
    .staff_page .staff_select .nice-select{font-size: var(--txt22);}
    .staff_page .staff_sect .staff_list{grid-template-columns: repeat(3, minmax(0, 1fr)); gap:60px 25px;}
    .staff_page .staff_sect .staff_list .item{display: block;}
    .staff_page .staff_sect .staff_list .item .img_box{width: 100%; padding-top: 110%; margin-right: 0;}
    .staff_page .staff_sect .staff_list .item .txt_box{margin-top: 20px;}
    /*.staff_page .staff_sect .staff_list .item .txt_box .desc{width: calc(100% - 75px);}*/
    .staff_page .staff_sect .staff_list .item .txt_box .mark {position: relative;}
    .staff_page .staff_sect .staff_list .item .txt_box .mark{width: 100px;}

    .staff_view_page .img_box{width: 45rem; height: 60rem;}
    .staff_view_page .img_box:after{width: 15rem; bottom: 3rem;}
    .staff_view_page .cont .info_box .msg br{display: none;}
    .staff_view_page .img_box{margin-right: 5rem;}
    .staff_view_page .img_box .img{padding-top: 5rem;}

    .branch_page .branch_sect .store_cont{flex-direction: column;}
    .branch_page .branch_sect .store_cont .store{margin-right: 0;}
    .branch_page .branch_sect .store_cont .store .store_slide,
    .branch_page .branch_sect .store_cont .calender_wrap{width: 100%;}
    .branch_page .branch_sect .store_cont .store .img{width:100%}
    .branch_page .branch_sect .store_cont .info_wrap{margin-top: 8rem;}


    /* Why 1000 */
    .special_page .cell_sect .cont{display: block; margin-top:0;}
    /* .special_page .cell_sect .cont .cell_img{position:absolute; width:35rem; top:0; right:0;} */
    .special_page .cell_sect .cont .cell_img{position:absolute; width:25%; padding-left:1%; top:50%; left:0; margin-right:0;}
    .special_page .cell_sect .cont .txt_wrap .txt_box .tit{display: none;}
    .special_page .cell_sect .cont .txt_wrap .list_box{width: 75%; margin-left:auto;}

    .special_page .special_sect .item .box > .txt_box .txt br{display:none;}
    .special_page .special_sect .item .box .cont_box{padding:0;}
    .special_page .special_sect .item .box > .txt_box .num{width:11rem;}
    .special_page .special_sect .item .box > .txt_box{padding-left:13rem;}
    .special_page .special_sect .item .box .cont_box{overflow: visible;}
    .special_page .special_sect .item .box01 .swiper-container{overflow: visible;}
    .special_page .special_sect .item .box01 .cont_box .graph_box{margin-top: 60px; padding-right:0;}
    .special_page .special_sect .item .box01 .cont_box .graph_box .graph_mark{top:-60px; right: -15px;}
    .special_page .special_sect .item .box01 .cont_box .graph_box .graph_txt br{display:none;}

    .special_page .program_sect .cont_wrap{overflow-x:auto;  width: calc(100% + var(--inPd)) * 2; margin: 0 calc(var(--inPd) * -1) 0; padding: 0 var(--inPd); -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:var(--inPd); overscroll-behavior-x:contain; scroll-behavior:smooth}
    .special_page .program_sect .cont_wrap::-webkit-scrollbar{display:none;}
    .special_page .program_sect .cont { display: block; width:calc(220px * 5 + calc(var(--inPd)) * 4);}
    .special_page .program_sect .cont::-webkit-scrollbar{display:none;}
    .special_page .program_sect .cont .line_wrap{display:none;}
    .special_page .program_sect .cont .img_wrap .img_box:nth-child(1){order:5;}
    .special_page .program_sect .cont > *:not(.line_wrap){display:flex; gap: var(--inPd);;}
    .special_page .program_sect .cont .txt_wrap .txt_box,
    .special_page .program_sect .cont .img_wrap .img_box{width:220px; height: 20rem; flex-shrink: 0; scroll-snap-align:start; scroll-snap-stop:always; background-size: cover;}
    .special_page .program_sect .cont .txt_wrap .txt_box{font-size:var(--txt24); height:auto; margin-bottom: 10px;}


    .faq_sect{padding-bottom: var(--pd300);}
    .faq_sect .sub_tit_box .tit br{display:block}

    .spec_program_page .step_sect .cont .img_box{width:50%; margin-right:10rem;}
    .spec_program_page .step_sect .cont .step_list .line{left:-3rem;}

    .spec_program_page .check_sect .list .item {padding:25px 25px 20px;}
    .spec_program_page .check_sect .list .item .txt{font-size:var(--txt22);}
    .spec_program_page .check_sect .list .item .txt br{display:none;}

    .spec_program_page .program_sect .txt_wrap .txt_box .txt.lg br {display: none;}

    .board_view_page.basic .view_cont .txt_box img{max-width: 100%;}


    /* 커뮤니티 */
    .success_page .all_sect .review_list .list{grid-template-columns: repeat(3, minmax(0, 1fr));}
    .success_page .all_sect .review_list .list .item .txt_box .type_box .type{font-size:13px;}

    /* 예약 */
    .online_page .booking_sect .cs_cont .list{ grid-template-columns: repeat(2, minmax(0, 1fr));}
    .booking_page .booking_sect .booking_cont{flex-direction: column;}
    .booking_page .write_form{width: 100%;}
    .booking_page .write_form .cal_wrap .cal_box .day_wrap .day{height: 10.5rem;}
    .booking_page .write_form .form_list > li,
    .booking_page .write_form .form_list > li + li{margin-top: 30px;}
    .online_page .booking_sect .cs_cont .list .item .tit{font-size:var(--txt16);}

    .booking_page .write_form .form_list > li.date + .name{}

    /* 프로그램 안내 */
    .program_page .step_sect .cont .step_list{padding-left: 6rem;}
    .program_page .step_sect .cont .step_list .line{left: 10px}
    .program_page .program_sect .program_list .item .txt_box{padding:20px; font-size:var(--txt30)}

    /* 프로그램 안내 */
    .program_page .special_sect{padding-top: var(--pd300);}
    .program_page .special_sect .cont{flex-direction: column;}
    .program_page .special_sect .cont .img_box,
    .program_page .special_sect .cont .list_box{width: 100%; max-width: 500px; gap: 30px;}
    .program_page .special_sect .cont .list_box{margin-left: 0; margin-top: 40px;}
    .program_page .special_sect .cont .list_box .item .txt{width: 300px; max-width: 100%; margin: 10px auto 0;}
    .program_page .special_sect .cont .list_box .item .txt br{display: none;}


    /* 성공기 */
    .success_page .best_sect .slide{padding: 0;}
    .success_page .best_sect .slide .swiper-wrapper{padding: 0;}
    .success_page .best_sect .slide .item.changing,
    .success_page .best_sect .slide .item.changed {transform:translateX(0);}
    .success_page .best_sect .slide .item.changing.swiper-slide-duplicate-active,
    .success_page .best_sect .slide .item.changed.swiper-slide-duplicate-active,
    .success_page .best_sect .slide .item.changing.swiper-slide-active,
    .success_page .best_sect .slide .item.changed.swiper-slide-active {transform: translateX(0) scale(1);}
    .success_page .best_sect .slide .item.swiper-slide-active ~ .changing,
    .success_page .best_sect .slide .item.swiper-slide-active ~ .changed {transform:translateX(0);}



    /* cir 추가 */
    .com_cir_cont{margin-top: 40px}
    .com_cir_cont .cir_wrap .cir {transform: unset;}
    .com_cir_cont .cir_wrap .cir .txt_box{bottom: unset; top: 50%; transform: translate(-50%, -50%);}

    .com_cir_cont .cir_wrap .cir.cir4 {width: 480px; padding-top: 480px; margin-top: -220px; transform: translateY(50%);}
    .com_cir_cont .cir_wrap .cir.cir4 .txt_box{transform: translate(-50%, -125%);}


}



@media screen and (max-width: 768px) {
    .in2{width: 100%;}

    .sub_visual{padding-top: 6rem;}
    .sub_visual .tit_wrap{padding-top: 2rem;}
    .sub_visual .tit_wrap .tit{font-size:32px;}
    .sub_visual .tit_wrap .txt{margin-top: 0.5em;}

    .sub_visual .tit_wrap .tit .emblem{font-size:var(--txt16); margin-left: 0.5em; padding: 0.25em 0.8em 0.2em 0.3em;}
    .sub_visual .tit_wrap .tit .emblem .img{width: 2em; margin-top: -0.6em;}
    .sub_visual .tit_wrap .tit .emblem .img img{width: 100%}


    .sub_tit_box .subtit{font-size: var(--txt22);}
    .sub_tit_box .txt{margin-top: 15px;}

    .marquee_cont{padding:25px 0;}
    .marquee_cont .item{font-size:5rem;}

    .com_tag_box .tag{padding: 0.5em 1em;}

    /* 공통하단_예약 */
    .counsel_sect .sect_bg{border-radius: 20px;}
    .counsel_sect .in {display: block;}
    .counsel_sect .sect_bg {padding-top: 60px;}
    .counsel_sect .sect_tit_box .tit {font-size: var(--txt70);}
    .counsel_sect .left_box {width: 100%; position: static;}
    .counsel_sect .cont_box {width: 100%; padding-bottom: 240px; margin-top: 30px;}
    .counsel_sect .left_box .character {width: 320px; left: 50%; transform:translate(-50%,60%); }
    .counsel_sect.active .left_box .character{ transform:translate(-50%,32%)}

    .counsel_sect .cont_box .form_box .tit_box .info_txt {font-size: 11px; margin-top: 5px;}

    /* 센터 */
    .about-center .intro_sect .since_cont{height: 400vh;}
    .about-center .intro_sect .now_cont{height: 200vh;}
    .about-center .intro_sect .now_cont .marquee_box.active .item{animation: marquee 50s linear infinite;}
    .about-center .intro_sect .now_cont .marquee_box .item1{top: 123%;}

    .center_page .info_sect{text-align: center; padding-top: var(--pd200);}
    .center_page .info_sect .sub_tit_box .tit br{display: none}
    .center_page .info_sect .in{display: block;}
    .center_page .info_sect .cont{ margin: 10px auto 0;}
    .center_page .info_sect .cont .txt_box{margin-top: 6rem;}

    .center_page .about_sect{height: 400vh;}

    .center_page .mission_sect .cont{display: block;}
    .center_page .mission_sect .cont .sticky_box{position: relative; top: 0; padding-right: 0;}
    .center_page .mission_sect .cont .mission_img{margin-top: var(--mt100); width: 100%;}
    .center_page .mission_sect.active .cont .txt_wrap{padding-top: 40px;}
    .center_page .mission_sect .cont .txt_wrap .txt_box{opacity: 1}
    .center_page .mission_sect .cont .txt_wrap .txt_box{margin-bottom: 50px}

    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item{width: 90px; height: 90px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .txt{font-size:11px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .txt strong{font-size:14px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .desc{font-size:11px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list .item .txt_box .desc .logo{margin-right: 2px;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box{width: 48rem;;}

    .center_page .special_sect .cont_box .bg_box{margin-top: -20%;}
    .center_page .special_sect .cont_box .self_list li .txt_box .tit strong{font-size:5rem;}

    .staff_page .greeting_sect .tit{font-size:36px;}
    .staff_page .greeting_sect .img_box .profile{padding-right: 5rem;}
    .staff_page .greeting_sect .img_box{margin-top: -12rem;}
    .staff_page .staff_sect .staff_list .item .img_box:after{width: 60px; height: 20px; bottom: 15px; right: 15px;}
    .staff_page .greeting_sect .in{margin-bottom: 30px;}


    .staff_view_page .in{display: block;}
    .staff_view_page .left_area{width: 100%; position: relative; top: 0}
    .staff_view_page .list_btn{position: relative; top: 0;}
    .staff_view_page .img_box{width: 100%; margin-right: 0; height: 75rem;}

    .staff_view_page .cont{width: 100%; margin-top: 30px;}
    .staff_view_page .cont .his_cont.play .swiper-container {width: calc(100% + var(--inPd)) * 2; margin: 15px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd)}

    .staff_view_page .list_btn.phone_only{display: flex !important; justify-content: center; margin-top: 60px;}
    .staff_view_page .list_btn.phone_only a{display: inline-flex; align-items: center; height:3em; padding: 0 2.2em; font-size:var(--txt18); border-radius: 2em; font-weight: 600; transition: background 0.25s, fill 0.25s, color 0.25s; color:#000; border:1px solid #000;}

    .branch_page .branch_sect .store_cont .store .store_slide,
    .branch_page .branch_sect .store_cont .store .img,
    .branch_page .branch_sect .store_cont .calender_wrap{width: 100%;}

    .branch_page .branch_sect .map_cont .map_btn_box{gap:10px;}
    .branch_page .branch_sect .map_cont #map{padding-top: 60%;}
    .branch_page .branch_sect .store_cont .store_slide{width: 100%;}


    .board_list .list li a{height: auto; padding: 20px 0; flex-wrap: wrap}
    /*.board_list .list .type{display: inline-block; width: 2.5em; text-align: left;}*/
    /*.board_list .list .tit{display: inline-block; width: calc(100% - 2.5em); flex: none;}*/
    .board_list .list .type{width: 100%; text-align: left; font-size: var(--txt16);}
    .board_list .list .tit{width: 100%; flex:none; margin-top: 3px;}
    .board_list .list .txt.view{min-width: 0;}
    .board_list .list .txt{margin-right: 2.5rem; margin-top: 5px;}
    .pagination{margin-top:7rem;}

    .board_view_page.basic .view_cont .txt_box{padding: 5rem 0;}

    /* Why */
    .special_page .world_sect .cont .txt_wrap .tit.fill_txt,
    .spec_program_page .num_sect .sub_tit_box .tit.fill_txt .txt{font-size:35px;}
    .special_page .world_sect .cont .txt_wrap .txt_box{margin-top:25px;}
    .special_page .world_sect .cont .txt_wrap .txt_box .txt + .txt{margin-top:15px;}

    .special_page .cell_sect .cont .txt_wrap .list_box .list{gap:15px;}
    .special_page .cell_sect .cont .cell_img{max-width: 200px;}
    .special_page .special_sect .item .box > .txt_box{padding-left: 0;}
    .special_page .special_sect .item .box > .txt_box .num{position:relative; padding: 0.5em 1em; font-size:13px; width:fit-content; margin-bottom: 5px;}
    .special_page .special_sect .item .box > .txt_box .tit{font-size:var(--txt35);}
    .special_page .special_sect .item .box > .txt_box .txt{margin-top: 5px;}

    .special_page .special_sect .item .box03 .compare_wrap .compare_box .compare_item{padding-top: 18rem;}

    .media_list .list{gap:40px 15px;}
    .qna_list .row .que .tit{font-size:var(--txt20);}

    .spec_program_page .num_sect .cont{padding-right:0; width: 80%; margin-left: auto; padding-left:0;}
    .spec_program_page .num_sect .cont .item .txt_box .txt{margin-top: 10px;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .txt{margin-top: 8px;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .txt br{display:none;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .tit{font-size:18px;}

    .spec_program_page .play_sect .list{gap:15px;}
    .spec_program_page .play_sect .list .item{flex:1; max-width:100%;}



    /* 커뮤니티 */
    .success_page .best_sect .slide .swiper-wrapper{padding-bottom: 30px;}
    .success_page .best_sect .slide .item.down { transform: translateY(30px); }
    .success_page .best_sect .slide .item .view_box{line-height: 1.4;}
    .success_page .all_sect .review_list .list .item .txt_box .type_box .type{font-size:12px;}
    .success_page .all_sect .review_list .list{gap: 45px 15px;}
    .play_page .all_sect .play_list .list{gap:45px 15px;}

    /* 예약 */
    .booking_page .write_form{width: 100%;}
    .booking_page .write_form .form_list > li,
    .booking_page .write_form .form_list > li + li{margin-top: 25px;}
    .booking_page .write_form{margin-right: 0; min-width: 300px;}
    .booking_page .write_form .form_list > li > .tit{font-size:15px;}
    .online_page .status_sect .write_form{padding-top: 0;}

    .online_page .status_sect2 .status_cont .table_box{overflow-x: auto;}
    .online_page .status_sect2 .status_cont .table_box::-webkit-scrollbar{display: none;}
    .online_page .status_sect2 .status_cont .table_box table tr td{white-space: nowrap;}

    .booking_page .write_form .form_list > li{display: block;}
    .booking_page .write_form .form_list li.phone .info_txt{width:100%; left:0;}

    /* 프로그램 안내 */
    .program_page .intro_sect{height:80rem; color:#fff; min-height:300px;}
    .program_page .intro_sect .cont{justify-content: flex-end}
    .program_page .intro_sect .rolling_txt{margin-top: 6rem;}
    .program_page .intro_sect .sub_tit_box .txt{font-size:var(--txt20)}
    .program_page .intro_sect .bg:before{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5)}
    .program_page .intro_sect .sub_tit_box .info_txt{color: #fff; margin-top: 5px; font-size:12px;}
    .program_page .intro_sect .sub_tit_box .info_txt span{color:#fff;}

    .program_page .step_sect .cont .step_list{width: 100%; padding-right: 0; padding-left: 20px; }
    .program_page .step_sect .cont .step_list .item .img_box{width: 240px; padding-top: 24%; margin-right:25px;}
    .program_page .step_sect .cont .step_list .line{left: 0}
    .program_page .step_sect .cont .step_list .line .dot{width: 7px; height: 7px;}
    .program_page .step_sect .cont .step_list .item .top_box {display: block}
    .program_page .step_sect .cont .step_list .item .num{font-size:13px; width: fit-content; margin-bottom: 10px}

    .program_page .why_sect .cont .item > .top_txt .num{padding:0.4em 1em; font-size:12px;}
    .program_page .why_sect .cont .item > .top_txt .tit{font-size:var(--txt35);}
    .program_page .why_sect .cont .item > .top_txt .txt br{display: none;}
    .program_page .why_sect .cont .item > .top_txt .txt{margin-top: 5px;}

    .program_page .check_sect{padding-bottom: 0;}
    .program_page .review_sect{padding-top: var(--pd300);}
    .program_page .review_sect .tit_box{display: block;}
    .program_page .review_sect .tit_box .round_btn{margin-top: 20px}

    .program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_mark{width: 100px; height: 100px}
    .program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_mark{right: -50px;}

    .program_page .program_sect .program_list{ display:flex; gap:var(--inPd); flex-wrap: nowrap; overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);
        -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:var(--inPd); overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .program_page .program_sect .program_list::-webkit-scrollbar{display: none;}
    .program_page .program_sect .program_list.active .item{transform: unset}
    .program_page .program_sect .program_list .item{width: 300px; flex-shrink: 0;  scroll-snap-align:start; scroll-snap-stop:always; filter: none; transform: unset}

    .program_page .check_sect .cont .list .item{padding-left:20px;}

    .program_page .prin_sect .btm_cont .img{width: 50%;}
    .heopa_page .effect_sect .txt_box + .txt_box{margin-top: 40px}

    .skin_page .prin_sect .top_cont{margin-left: 0; margin-right: 0;}

    .hair_page .prin_sect .top_cont .img_box:last-child{width: 100%;}
    .hair_page .prin_sect .top_cont .img_box:first-child{width: 90%;}

    .success_page .best_sect .marquee_cont{padding:4rem 0;}

}



@media screen and (max-width: 600px) {
    .sub_visual .lnb,
    .sub_visual .lnb .nice-select{font-size:13px;}
    .sub_visual .lnb .dot{margin: 0 0.6em;}
    .sub_visual .tit_wrap .tit{font-size:26px;}
    .sub_visual {padding-top: 3rem;}

    .round_btn .btn.sm{font-size:13px;}
    .round_btn .btn.sm{padding:1em 1.4em;}

    .sub_tit_box .tit br,
    .sub_tit_box .txt br{display: none;}
    .sub_tit_box .subtit{margin-bottom:10px}

    .round_tab{padding: 0.7em 1em;}

    .counsel_sect .sect_bg{padding-top: 40px;}
    .counsel_sect .cont_box .form_box .tit_box {display: block;}
    .counsel_sect .cont_box .form_box .inp_box {gap: 10px;}
    .counsel_sect .cont_box .form_box .inp_box .box:nth-child(2) {grid-column: 1 / 4;}
    .counsel_sect .cont_box .form_box .inp_box .box:nth-child(3) {grid-column: 4 / 7;}
    .counsel_sect .cont_box .form_box .inp_box textarea {height: calc(var(--inpH) * 2); line-height: 1.5;}
    .counsel_sect .cont_box .ico_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
    .counsel_sect .cont_box .ico_box .cont {flex-direction: row; justify-content: flex-start; padding: 12px 15px; border-radius: 8px;}
    .counsel_sect .cont_box .ico_box .cont .txt {margin-top: 0; margin-left: 10px;}
    .counsel_sect .cont_box .ico_box .cont .ico {width: 4.5rem;}
    .counsel_sect .cont_box .form_box .inp_box .box:nth-child(1) {grid-column: 1 / 7;}
    .counsel_sect .left_box .character {width: 280px;left: 50%; transform: translate(-50%,30%);}
    .counsel_sect.active .left_box .character {transform: translate(-50%,30%);}

    .marquee_cont{padding:15px 0;}
    .marquee_cont .item{font-size: 4.5rem}


    /* 센터 */
    .about-center .intro_sect .since_cont .txt_box .year,
    .about-center .intro_sect .since_cont .txt_box .now{font-size:10rem;}
    .about-center .intro_sect .now_cont .txt_box .txt{font-size:5rem}
    .about-center .intro_sect .now_cont .marquee_box{font-size:0.35rem;}
    .about-center .intro_sect .now_cont .marquee_box .item1{top: 121%;}
    .about-center .intro_sect .now_cont .marquee_box .item4{top:180%}
    .about-center .intro_sect .now_cont .marquee_box .item5{left:3%; top: 200%;}
    .about-center .intro_sect .now_cont .marquee_box .item6{right:3%; top: 250%;}
    .about-center .intro_sect .now_cont .marquee_box .item .img{padding-bottom:150vh}
    .about-center .intro_sect .now_cont .marquee_box.active .item {animation: marquee 40s linear infinite;}

    .center_page .about_sect .txt_wrap{padding:0 var(--inPd); width:80%;}

    .center_page .about_sect .txt_line{font-size:26px;}
    .center_page .about_sect .txt_line:nth-child(2) .line{height:2px;}
    .center_page .about_sect .txt_line .img{width: 40px; height: 40px;}
    .center_page .about_sect .txt_line:nth-child(4) .img {left: calc(100% - 27rem);}
    .center_page .about_sect .txt_line:nth-child(4) .img > video{min-width:25rem;}
    .center_page .about_sect .txt_wrap.active .txt_line .img{height:40px;}
    .center_page .about_sect .txt_wrap.active .txt_line:nth-child(4) .img{width: 25rem;}

    .center_page .mission_sect.active .cont .txt_wrap{padding-top:30px}
    .center_page .mission_sect .cont .txt_wrap .txt_box .num_box{display: block;}
    .center_page .mission_sect .cont .txt_wrap .txt_box .num{max-width:max-content; margin-bottom: 10px;}

    .center_page .info_sect .cont .txt br{display:none}
    .center_page .info_sect .cont .cir_box .item .txt{font-size:11px;}

    .center_page .wedo_sect .wedo_cont .cont_box .list{display: flex; overflow-x: auto; width: calc(100% + var(--inPd) * 2);  margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .center_page .wedo_sect .wedo_cont .cont_box .list::-webkit-scrollbar{display: none;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item{display: block;  scroll-snap-align:start; scroll-snap-stop:always}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item + .item{margin-top: 0; margin-left: var(--inPd)}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .img_box{padding-top: 56%; margin-bottom: 20px; margin-right: 0; max-width:100%;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .num{margin-right :0.5em;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .txt{max-width: 90%;}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item .txt br{display: none; }
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .txt_box{padding:0;}

    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont{flex-direction: column}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .arr{transform: rotate(90deg)}
    .center_page .wedo_sect .wedo_cont .cont_box .list .item a{display: block;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list{flex-direction: column; align-items: center}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .item{width: 100%; margin-bottom: 20px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .img_box{ width: 100%;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .txt{text-align: center}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .step_list .txt_box .num{margin: 0 auto;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .mark_list{right: -5px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt{font-size: 16px;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.our .result_txt span{display: inline-block;}
    .center_page .wedo_sect .wedo_cont .cont_box .compare_list .item.other .item_cont .arr{margin-right: 0;}

    .center_page .special_sect .cont_box .bg_box{margin:30px auto; width: 80%;}
    .center_page .special_sect .cont_box .self_list li{flex-direction: column;}
    .center_page .special_sect .cont_box .self_list .hover_img{width: 100%; margin-right: 0; overflow:hidden; border-radius:15px;}
    .center_page .special_sect .cont_box .self_list ul{display: flex; overflow-x:auto; overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:16px; overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .center_page .special_sect .cont_box .self_list ul::-webkit-scrollbar{display: none;}
    .center_page .special_sect .cont_box .self_list li{align-items: flex-start; border-bottom:none; width: 300px; flex-shrink: 0;  scroll-snap-align:center; scroll-snap-stop:always;}
    .center_page .special_sect .cont_box .self_list li + li{margin-left: var(--inPd)}
    .center_page .special_sect .cont_box .self_list li{padding: 0;}
    .center_page .special_sect .cont_box .self_list li:hover{padding-left: 0;}
    .center_page .special_sect .cont_box .self_list li .txt_box{margin-top: 20px; font-size:16px;}
    .center_page .special_sect .cont_box .self_list li .txt_box .tit{line-height: 1.4}
    .center_page .special_sect .cont_box .self_list li .txt_box .tit strong{font-size:4.2rem;}

    .staff_page .greeting_sect .tit{font-size:30px;}
    .staff_page .greeting_sect .txt_box .txt br{display: none;}
    .staff_page .greeting_sect .img_box .profile{padding-right: 0; width: 300px; max-width: 100%; height: auto;}
    .staff_page .greeting_sect .img_box .profile img{width: 100%;}
    .staff_page .greeting_sect .img_box{margin-top: -5%;}
    .staff_page .greeting_sect .img_box:before{height:45%;}
    .staff_page .greeting_sect .img_box .logo{padding:20px 0 20px 20px;}
    .staff_page .greeting_sect .img_box .logo img{width: 32rem;}
    .staff_page .staff_sect .sub_tit_box br{display: block;}
    .staff_page .staff_select{padding-top: 9rem;}
    .staff_page .staff_select .nice-select{font-size:15px;}
    .staff_page .staff_select .nice-select{height: 8rem;}
    .staff_page .staff_sect .list_cont{padding-top: 6rem;}
    .staff_page .staff_sect .staff_list{grid-template-columns: repeat(2, minmax(0, 1fr)); gap:50px 10px;}
    .staff_page .staff_sect .staff_list .item .img_box .img{padding-top: 10px;}
    .staff_page .staff_sect .staff_list .item .txt_box .his_list{padding-top: 10px;margin-top: 10px;}
    .staff_page .staff_sect .staff_list .item .txt_box .mark{width: 80px;}


    .staff_view_page .img_box{height: 70rem; margin-top: 10px}
    .staff_view_page .list_btn .btn .ico{margin-right: 5px;}

    .staff_view_page .cont .info_box .mark{width: 85px;}

    .branch_page .branch_sect .store_cont .info_box{display: block;}
    .branch_page .branch_sect .store_cont .info_box .info + .info{margin-left: 0; margin-top: 20px;}
    .branch_page .branch_sect .store_cont .info_box .info .list{margin-top: 0.5em;}
    .branch_page .branch_sect .store_cont .calender_wrap .tit_wrap .guide .item + .item{margin-left: 2rem; font-size: 13px;}
    .branch_page .branch_sect .map_cont #map{padding-top: 80%;}
    .branch_page .branch_sect .store_cont .store_slide{width: 100%;}
    .branch_page .branch_sect .map_cont .map_btn_box .btn{justify-content: center;}
    .branch_page .branch_sect .map_cont .map_btn_box{display: grid;justify-content: center;grid-template-columns: repeat(2, minmax(0, 1fr));}
    .branch_page .branch_sect .map_cont .map_btn_box .btn:last-child{grid-column: span 2;}

    .board_view_page .reaction_cont .cont_box .list{gap:10px;}
    .board_view_page .reaction_cont .cont_box .list .item .img_box{width: 45px; height: 45px;}


    /* Why */
    .special_page .world_sect .cont{padding:0 var(--inPd);}
    .special_page .world_sect .cont .earth{position: absolute; opacity:0.4; width:90%; margin-left:40%; margin-top: -30px;}
    .special_page .world_sect .cont .txt_wrap{padding:60px 0 120px; margin-left: 0;}
    .special_page .world_sect .cont .txt_wrap .tit.fill_txt,
    .spec_program_page .num_sect .sub_tit_box .tit.fill_txt .txt{font-size:30px;}
    .special_page .world_sect .cont .txt_box .txt{font-size:15px;}
    .special_page .world_sect .bg{bottom:-6%;}
    .special_page .world_sect .marquee_cont .item .txt{opacity: 0.7;}

    .special_page .particle_wrap .bg{width: 100%; left:0; height: 60%; top: 0; opacity: 0.8}

    .special_page .hero_sect:before,
    .special_page .hero_sect:after{width: 40rem; height:30rem; left:0;}

    .special_page .cell_sect .cont .txt_wrap .list_box{width:100%;}
    .special_page .cell_sect .cont .txt_wrap .list_box .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .special_page .cell_sect .cont .cell_img{width:50%; top:unset; bottom: 2%; right: 0; left:unset; padding-right: 10px;}
    .special_page .cell_sect .cont .txt_wrap .txt_box .txt br{display:none;}
    .special_page .cell_sect .cont .txt_wrap .list_box .list .item .dot_list{margin-left: 1rem;}

    .special_page .special_sect{padding-top:var(--pd300)}
    .special_page .special_sect .item{margin-top: 20px;}
    .special_page .special_sect .item .box .cont_box{margin-top: 20px;}
    .special_page .special_sect .item .box > .txt_box .num{font-size:12px;}
    .special_page .special_sect .item .box01 .cont_box .swiper-container{overflow: hidden; width:100%; max-width:260px;}
    .special_page .special_sect .item .box01 .cont_box .swiper-wrapper{display: flex; gap:0; width: 100%;}
    .special_page .special_sect .item .box01 .cont_box .paging{margin: 2.4rem auto 0; display: flex; align-items: center; justify-content: center; }
    .special_page .special_sect .item .box01 .cont_box .paging span{margin:0 0.2em; flex-shrink: 0; transition:width 0.5s ease-in-out; border-radius: 50px; transform-origin: left;}
    .special_page .special_sect .item .box01 .cont_box .paging .swiper-pagination-bullet{background-color: #fff;}
    .special_page .special_sect .item .box01 .cont_box .paging .swiper-pagination-bullet-active{background-color: #fff; width: 3.8rem; }
    .special_page .special_sect .item .box01 .cont_box .graph_box{margin-top: 45px; padding:0 20px;}
    .special_page .special_sect .item .box01 .cont_box .graph_box .graph_mark{right:0; top:-45px;}

    .special_page .special_sect .item .box03 .img_box .mark_img img{width: 90%; left:5%;}

    .compare_wrap .compare_box{gap:5px;}
    .special_page .special_sect .item .box03 .compare_wrap .compare_box .compare_item{padding-top:50px;}
    .special_page .special_sect .item .box03 .img_box .mark_img{top: -50px;}

    .special_page .special_sect .item .box04 .img_wrap{display: block;}
    .special_page .special_sect .item .box04 .img_wrap .img_box + .img_box{margin-top: 20px;}
    .special_page .special_sect .item .box04 .info_txt{padding-left: 0; font-size:10px; margin-top: 15px;}

    .qna_list .row + .row{margin-top: 15px;}
    .qna_list .row {--qnaPd: 25px;}
    .qna_list .row .que{padding: 20px 16px;}
    .qna_list .row .answer{padding: 0 calc(16px + var(--qnaPd)) 25px;}
    .qna_list .row.active .que{padding-bottom: 15px;}

    .media_list .list{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap:30px 10px;}
    .media_list .list li a .img_box{border-radius: 10px;}
    .media_list .list li a .txt_box .date{margin-top: 1rem;}

    .spec_program_page .num_sect .cont{margin-top:0;}
    .spec_program_page .num_sect .cont .item{display:flex; flex-direction: column;}
    .spec_program_page .num_sect .cont .item .num{text-align: left; font-size:var(--txt20);}
    .spec_program_page .num_sect .cont .item .num span{font-size:50px;}
    .spec_program_page .num_sect .cont .item .num,
    .spec_program_page .num_sect .cont .item:not(:first-child) .num{padding-top:60px}
    .spec_program_page .num_sect .cont .item .txt_box,
    .spec_program_page .num_sect .cont .item:not(:first-child) .txt_box{margin-top:10px; padding-top: 0;}
    .spec_program_page .num_sect .cont .item .txt_box .txt{margin-top: 5px;}
    .spec_program_page .num_sect .cont .item .txt_box .info_txt{color:rgba(255, 255, 255, 0.30)}
    .spec_program_page .num_sect .cont .item .txt_box .txt{font-weight: 400; opacity:0.7}

    .spec_program_page .program_sect .txt_wrap .tit{margin-right: 3rem;}

    .spec_program_page .step_sect .cont{display: block;}
    .spec_program_page .program_sect .txt_wrap{flex-direction: column;}
    .spec_program_page .program_sect .txt_wrap .txt_box {margin-top: 12px;}
    .spec_program_page .program_sect .txt_wrap .txt_box .txt.lg{margin-bottom: 10px;}
    .spec_program_page .program_sect .txt_wrap .txt_box .txt:not(.lg) {opacity: 0.7;}
    .spec_program_page .program_sect .txt_wrap .txt_box .txt br{display:none;}

    .spec_program_page .therapy_sect .cir_list_box{flex-wrap: wrap; gap:8px}
    .spec_program_page .therapy_sect .cir_list_box .item{width: 100%; border-radius: 10px; padding-top:0; padding:15px 10px;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box{position: relative;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .num{font-size:10px;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .txt{font-size:13px; margin-top:3px; padding: 0 10%;}
    .spec_program_page .therapy_sect .cir_list_box .item .cir_txt_box .tit{font-size:18px;}

    .spec_program_page .step_sect .cont .img_box{border-radius: 15px;}

    .spec_program_page .step_sect .cont .img_box{position: relative; top:0; width:100%;}
    .spec_program_page .step_sect .cont .step_list{margin-top:20px; padding-left: 35px;}
    .spec_program_page .step_sect .cont .step_list .line{left:10px}
    .spec_program_page .step_sect .cont .step_list .item + .item{margin-top: 15px;}
    .spec_program_page .step_sect .cont .step_list .item .txt_box .txt{font-size:16px;}
    .spec_program_page .step_sect .cont .step_list .item{padding:3rem 1rem;}
    .spec_program_page .step_sect .cont .step_list .line .dot{width: 7px; height:7px;}

    .spec_program_page .check_sect .list {display:block;}
    .spec_program_page .check_sect .list .item{padding: 20px 15px;}
    .spec_program_page .check_sect .list .item + .item{margin-top: 15px;}
    .spec_program_page .check_sect .list .item .txt{margin-top:3px;}
    .spec_program_page .check_sect .list .item .num{font-size:12px;}
    .spec_program_page .check_sect .list .item .txt{font-size:15px;}

    .spec_program_page .play_sect .list{display:flex; overflow-x: auto; width: calc(100% + var(--inPd)) * 2; margin: var(--mt100) calc(var(--inPd) * -1) 0; padding: 0 var(--inPd); -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:var(--inPd); overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .spec_program_page .play_sect .list::-webkit-scrollbar{display:none;}
    .spec_program_page .play_sect .list .item{width:160px; flex-shrink: 0; scroll-snap-align:start; scroll-snap-stop:always;}


    /* 프로그램 안내 */
    .program_page .intro_sect{background-color: #000; color: #fff; height: 100rem;}
    .program_page .intro_sect .sub_tit_box .subtit{font-size:15px;}
    .program_page .intro_sect .sub_tit_box .tit{font-size:22px;}
    .program_page .intro_sect .sub_tit_box .tit br{display: block;}
    .program_page .intro_sect .sub_tit_box .txt{font-size:14px; max-width: 92%; margin-top: 20px}
    .program_page .intro_sect .sub_tit_box .txt br{display: none}
    .program_page .intro_sect .rolling_txt{margin-top: 40px;}
    .program_page .intro_sect .rolling_txt .txt{font-size:15px; padding:1.2em 1.5em;}
    .program_page .intro_sect .bg:before{display: none;}
    .stem_page .intro_sect .bg:before{display: block;}
    .program_page .intro_sect .bg img{object-position: top}

    .program_page .special_sect .cont .list_box{margin-top: 30px 20px;}
    .program_page .special_sect .cont .list_box .item .txt{margin-top: 5px;}
    .program_page .special_sect .cont .ba_box .tit{font-size:16px;}
    .program_page .special_sect .cont .ba_box .txt_box .desc{padding:0.5em;}

    .program_page .step_sect .cont .step_list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:40px 15px;}
    .program_page .step_sect .cont .step_list .item + .item{margin-top: 0;}
    .program_page .step_sect .cont .step_list .item{display: block}
    .program_page .step_sect .cont .step_list .item .txt_box{margin-top: 10px;}
    .program_page .step_sect .cont .step_list .item .txt br{display: none;}
    .program_page .step_sect .cont .step_list .item .img_box{margin:0; width: 100%; padding-top: 60%; border-radius: 10px;}
    .program_page .step_sect .cont .step_list .item .num{font-size:11px; padding: 0.5em 0.8em;}
    .program_page .step_sect .cont .step_list .item .tit{font-size: 16px;}
    .program_page .step_sect .cont .step_list .item .txt{margin-top: 0.5em; font-size:13px;}

    .program_page .why_sect .cont .item > .top_txt .txt_box{display: block}
    .program_page .why_sect .cont .item > .top_txt .num{margin-bottom: 10px;}
    .program_page .why_sect .cont .item1 .graph_box .graph_img_wrap{width: calc(100% - 55px); margin: 50px 0 0;}
    .program_page .why_sect .cont .item1 .graph_box .graph_txt{padding:0 10%;}
    .program_page .why_sect .cont .item1 .graph_box .graph_img_wrap .graph_mark{top: -40px;}
    .program_page .why_sect .cont .item3 .compare_box + .info_txt_box .info_txt:first-child{font-size: var(--txt16);}
    .program_page .why_sect .cont .item3 .compare_box + .info_txt_box{display: block;}

    .program_page .check_sect .cont .list .item{display: block; padding: 15px 22px;}
    .program_page .check_sect .cont .list .item .num{font-size:12px;}
    .program_page .check_sect .cont .list .item .txt{margin-top: 2px;}

    /*.program_page .review_sect .cont .slide.slide1 {animation: loopRight 15s linear infinite;}*/
    /*.program_page .review_sect .cont .slide.slide2{ animation: loopLeft 15s linear infinite;}*/
    .program_page .review_sect .cont .slide .img_box img{width: 120px; height: 120px;}
    .program_page .review_sect .cont .slide .img_box{padding-left: 10px;}


    /* 프로그램 안내_스킨부스터 */
    .program_page .special_sect .cont .img_box{padding-top: 95%;}
    .skin_page .special_sect .cont .img_box .txt{font-size:13px; margin: 10px;}
    .skin_page .prin_sect{overflow-x: hidden}
    .skin_page .prin_sect .top_cont_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
    .skin_page .prin_sect .top_cont_wrap::-webkit-scrollbar{display: none;}
    .skin_page .prin_sect .top_cont{width: 180%; margin:40px 0 0; padding: 0 var(--inPd); }
    .skin_page .prin_sect .btm_cont .bg{height: 300px;}
    .skin_page .prin_sect .btm_cont .img{width: 300px; max-width: 100%;}
    .skin_page .prin_sect .btm_cont .bg img{object-fit: cover; height: 100%;}

    /* 프로그램 안내_바이오샷 */
    .bio_page .prin_sect .cont{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); }
    .bio_page .prin_sect .cont::-webkit-scrollbar{display: none;}
    .bio_page .prin_sect .cont .img_box{width: 200%;}
    .bio_page .prin_sect .cont .txt_box{width: 165%; left: 11%;}
    .bio_page .review_video_sect .video_cont{gap:10px;}

    /* 프로그램 안내_헤어샷 */
    .hair_page .prin_sect .top_cont_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .hair_page .prin_sect .top_cont_wrap::-webkit-scrollbar{display: none;}
    .hair_page .prin_sect .top_cont{width: 150%; margin:60px 0 0; padding: 0 var(--inPd);}
    .hair_page .prin_sect .btm_cont .img{left: 65%;}

    .hair_page .prin_sect .top_cont .img_box:first-child,
    .hair_page .prin_sect .top_cont .img_box:last-child{width: 100%;}
    /*.hair_page .prin_sect .btm_cont .img{left: 66%;}*/
    .heopa_page .effect_sect .txt_box .tit{font-size:20px;}



    /* 커뮤니티 */
    .success_page .best_sect .slide .item .view_box{padding: 20px 10px;}
    .commu_page .all_sect .commu_list_sort{display: block;}
    .commu_page .all_sect .commu_list_sort .chk_wrap{margin-top:20px;}
    .commu_page .all_sect .keword_box{display: block; text-align: center;}
    .commu_page .all_sect .keword_box .keword_btn_box{gap:6px; margin-top: 10px; justify-content: center;}
    .success_page .all_sect .review_list .list {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .play_page .play_sect .play_cont .swiper-container { width: calc(100% + var(--inPd)) * 2; margin: 0 calc(var(--inPd) * -1) 0; padding: 0 var(--inPd);}
    .play_page .all_sect .play_list .list{ grid-template-columns: repeat(2, minmax(0, 1fr));}
    .play_page .all_sect .round_tab_wrap .round_tab{width: 20rem;}



    /* 예약 */
    .booking_page .write_form .cal_wrap .cal_box .day_wrap .day{padding: 0.5em;}
    .booking_page .write_form .form_list .inp input{width: 100%;}
    .booking_page .write_form .cal_wrap .cal_box .day_wrap .day .btn{font-size:12px; margin-top: 0; padding:0.3em 0.2em;}

    .online_page .info_cont{padding:20px 15px;}
    .online_page .booking_sect .cs_cont .list{gap:10px;}
    .online_page .booking_sect .cs_cont .list .item,
    .online_page .booking_sect .cs_cont .list .link_item > a{padding:20px 5px;}
    .online_page .booking_sect .cs_cont .list .link_item{padding:0;}
    .online_page .booking_sect .cs_cont .list .item .time_list .day{width: 3.3em;}
    .online_page .booking_sect .cs_cont .list .item .tit{margin-bottom: 1rem;}



    .board_view_page.basic .view_cont .info_table{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:5px;}
    .board_view_page.basic .view_cont .info_table .tr{margin-right: 0;}
    .board_view_page .success_cont{text-align: center;}
    .board_view_page .success_cont .cont_box .tit{justify-content: center;}
    .board_view_page .success_cont .btn_wrap button{padding:0 1em !important; gap:5px !important;}


    /* cir 추가 */
    .com_cir_cont .cir_wrap .cir4 .txt_box .num {font-size: 26px;}

    .com_cir_cont .cir_wrap {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
    .com_cir_cont .cir_wrap .cir1 ,
    .special_page .special_sect .item .box.box00 .com_cir_cont .cir_wrap .cir1 {width: 28%; padding-top: 28%;}
    .com_cir_cont .cir_wrap .cir2 {width: 33%; padding-top:33%;}
    .com_cir_cont .cir_wrap .cir3 {width: 38%; padding-top: 38%;}
    .com_cir_cont .cir_wrap .cir1 .txt_box .tit {font-size: var(--txt16);}
    .com_cir_cont .cir_wrap .cir2 .txt_box .tit {font-size: var(--txt18);}

    .com_cir_cont .cir_wrap .cir4 svg .circle {stroke-dashoffset: 915.1592653589793px;stroke-dasharray: 915.1592653589793px;}

    .com_cir_cont .cir_wrap .cir.cir4{transform: translateY(40%);}
    .com_cir_cont .cir_wrap .cir.cir4 {width: 300px; padding-top: 300px; flex-shrink: 0; margin-top: -100px;}
    .com_cir_cont .cir_wrap .cir.cir4 .txt_box{transform:translate(-50%, -90%);}
    .com_cir_cont .cir_wrap .cir4 .shadow {width: 320px; padding-top: 320px}
    .com_cir_cont .cir_wrap .cir .txt_box .txt {margin-top: 10px; font-size: var(--txt20);}
    .com_cir_cont .cir_wrap .cir .txt_box .txt p + p{margin-top: 0}

    .com_cir_cont .cir_wrap .cir1,
    .com_cir_cont .cir_wrap .cir2{margin-right: -3%;}
    .com_cir_cont .info_txt{font-size: var(--txt16);}


}


@media screen and (max-width: 380px){
    .program_page .intro_sect .sub_tit_box .tit{font-size:20px;}

    .center_page .about_sect .txt_line:nth-child(4) .img {left: calc(100% - 25rem);}
    .center_page .about_sect .txt_line:nth-child(4) .img > video{min-width:23rem;}
    .center_page .about_sect .txt_wrap.active .txt_line:nth-child(4) .img{width: 23rem;}

}