@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@media all and (max-width: 1024px) and (min-width: 681px) {
    #contents.new_eduworkshop .contents_inner.new_eduworkshop > .edu_menu_list_wrap {
        margin-top: 0;
        border-top: none;
    }

    #edu_inner {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .edu_qna_division ul {
        overflow-x: auto;
        white-space: nowrap;
    }
    .edu_workshop_mo_cat {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }
    .edu_sub_cat {
        display: flex;
        justify-content: normal;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .purchase__division .division__right.wrokshop_right .division__right__header .tab--box {
        border-top: 0;
    }
    .wrokshop_right #mobileLnb {
        border-bottom: 1px solid #ddd;
    }

}

@media all and (max-width: 680px) {

    /* 자주하는 질문 */
    .contents_inner.new_eduworkshop #searchForm {
        padding: 0;
    }


    #contents.new_eduworkshop .title_wrap {
        /*display: none;*/
        border-bottom: 1px solid #ddd;
        padding:0;
    }
    
    #contents.new_eduworkshop h1.sub_main_title{
        font-size: 18px;
        padding:17px 20px;
        text-align: left;
        line-height:27px;
    }
    #contents.new_eduworkshop .title_wrap > a.more_detail_btn{
        top:12px;
        right:20px;
    }

    #contents.new_eduworkshop .contents_inner.new_eduworkshop > .edu_menu_list_wrap {
        margin: 0;
        overflow: hidden;
        gap: 20px;
        border-top: none;
    }

    .ul_select_wrap {
        height: 36px;
        line-height: 36px;
    }

    #edu_inner {
        width: 100%;
    }

    .edu_search_wrap {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 24px 0;
    }

    .edu_search_wrap > .edu_search {
        width: calc(100% - 133px);
    }

    .edu_search_wrap > .edu_search > .icon_searchbox_01 {
        width: 100%;
        font-size: 14px;
        height: 36px;
        padding-left: 40px;
        background-position: 13px center;
    }

    .edu_menu_list_wrap > .new_edu_menu {
        overflow-x: auto;
        white-space: nowrap;
        font-size: 14px;
        padding: 0 20px;
        box-sizing: border-box;
        gap: 20px;
        width:100%;
    }

    .edu_qna_division {
        overflow: hidden;
    }

    .edu_qna_division ul {
        overflow-x: auto;
        white-space: nowrap;
        gap: 18px;
        padding: 0 20px;
        border-bottom: 1px solid #ddd;
    }

    .edu_qna_division ul > li {
        background-color: #fff !important;
        background-image: none;
        padding: 0;

    }

    .edu_qna_division ul > li.on {
        color: #2B398F;
        background-image: url('../images/renewal/icon_check.png');
        background-repeat: no-repeat;
        background-position: left center;
        font-weight: 600;
        padding-left: 20px;
    }

    .edu_qna_list_wrap {
        padding: 0 20px;
        margin-top: 0;
    }

    .edu_qna_list_wrap > .edu_qna_list_tb .qna_division,
    .edu_qna_list_wrap > .edu_qna_list_tb .qna_question {
        width: 100%;
        display: block;
        border-top: none;
        padding: 0;
        font-size: 14px;
    }

    .edu_qna_list_wrap > .edu_qna_list_tb .qna_division {
        border-bottom: none;
        padding-top: 16px;
        padding-bottom: 6px;
    }

    .edu_qna_list_wrap > .edu_qna_list_tb .qna_question {
        padding-bottom: 16px;
    }

    #edu_inner .new_paging.pg2 {
        margin: 24px 0 40px;
    }

    /* 자주하는 질문 상세 */
    .edu_qna_detail_wrap,
    .edu_qna_btn_wrap {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .edu_qna_detail_wrap {
        margin-top: 24px;
    }

    .edu_qna_btn_wrap {
        margin-bottom: 60px;
    }

    .edu_qna_contents {
        padding: 24px 0;
        font-size: 14px;
    }

    .edu_qna_btn_wrap > a {
        width: 100%;
        text-align: center;
    }

    .edu_qna_title_wrap > .edu_qna_title {
        font-size: 18px;
    }

    .edu_qna_title_wrap > .edu_qna_date {
        font-size: 14px;
    }

    /* 공지시항 */
    .edu_noitce_list_wrap {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .edu_noitce_list_tb > thead {
        display: none;
    }

    .edu_noitce_list_tb > tbody > tr > td {
        width: 100%;
        display: block;
        text-align: left;
    }

    .edu_noitce_list_tb > tbody > tr:first-of-type > td:first-of-type {
        border-top: 1px solid #ddd;
    }

    .edu_noitce_list_tb > tbody > tr > td:first-of-type {
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 16px;
    }

    .edu_noitce_list_tb > tbody > tr > td:nth-of-type(2) {
        display: none;
    }

    .edu_noitce_list_tb > tbody > tr > td:nth-of-type(3) {
        padding-top: 8px;
        padding-bottom: 16px;
    }

    /*공지사항 상세*/
    .edu_notice_detail_wrap {
        padding: 0 20px;
        margin-top: 24px;
    }

    .edu_notice_title_wrap > .edu_notice_title {
        font-size: 18px;
    }

    .edu_notice_title_wrap > .edu_notice_date {
        font-size: 14px;
    }

    .edu_notice_detail_wrap > .edu_notice_addfile {
        flex-direction: column;
        gap: 8px;
    }

    .edu_notice_addfile > div {
        width: 100%;
    }

    .edu_notice_addfile > .edu_notice_addfile_count {
        position: relative;
        font-size: 14px;
        cursor: pointer;
    }

    .edu_notice_addfile > .edu_notice_addfile_count::after {
        border-bottom: 1px solid #777;
        border-right: 1px solid #777;
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        margin-top: 0;
        pointer-events: none;
        position: absolute;
        right: 10px;
        top: 6px;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .edu_notice_addfile > .edu_notice_addfile_count.on::after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .edu_notice_addfile_list {
        display: none;
    }

    .edu_notice_addfile > .edu_notice_addfile_list > ul > li {
        font-size: 14px;
    }

    .edu_notice_addfile > .edu_notice_addfile_list > ul > li + li {
        margin-top: 4px;
    }


    /*온라인 교육 신청*/
    .edu_online_basicinfo_wrap {
        flex-direction: column;
        gap: 20px;
    }


    .edu_online_basicinfo_wrap > .edu_online_thum {
        width: 100%;
    }

    .edu_online_basicinfo_wrap > .edu_online_thum > img {
        border-radius: 0;
    }

    .edu_online_basicinfo {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .edu_online_basicinfo > .edu_online_title {
        font-size: 18px;
        padding-bottom: 76px;
    }

    .dwn_officialdocument {
        left: 0;
        top: -80px;
        right: inherit;
    }

    .edu_online_detailinfo_tab_cont {
        width: 100%;
    }

    .edu_online_basicinfo .edu_online_basicinfo_list_wrap {
        margin-top: 20px;
    }

    .edu_online_basicinfo_list_cont .info_title {
        min-width: 80px;
        font-size: 14px;
    }

    .edu_online_basicinfo_list_cont .info_cont {
        width: calc(100% - 80px);
        font-size: 14px;
    }

    .instructor_list > li > .instructor.on + ul {
        width: calc(100% + 80px);
        left: inherit;
        right: 0;
    }

    .edu_online_detailinfo_wrap {
        margin-top: 60px;
    }

    .edu_online_detailinfo_tab > ul {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        justify-content: normal;
        gap: 20px;
    }

    .edu_online_detailinfo_tab > ul > li {
        font-size: 14px;
    }

    .edu_online_detailinfo_content {
        flex-direction: column;
        padding: 20px;
        box-sizing: border-box;
    }

    .edu_online_detailinfo_tab_cont > div {
        width: 100%;
    }

    .edu_online_detailinfo_tab_cont .edu_online_inner_title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .edu_notice > ul {
        font-size: 14px;
    }

    .edu_online_apply_wrap {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        top: inherit;
        border-radius: 0;
        border: none;
        padding: 8px 20px;
        border-top: 1px solid #ddd;
    }

    .edu_online_apply_wrap > div {
        display: none;
    }

    .edu_online_apply_wrap > div.edu_online_apply_btn_wrap {
        display: block;
        width: 100%;
    }

    .edu_online_apply_btn_wrap > a {
        display: block;
    }

    .edu_notice {
        margin-bottom: 40px;
    }

    .edu_total_goal {
        font-size: 14px;
        margin-bottom: 40px;
    }

    .edu_curriculum {
        padding: 18px 16px;
    }

    .edu_curriculum > ul > li {
        padding: 19px 0;
    }

    .edu_curriculum > ul > li > .list_title > .list_tab {
        font-size: 16px;
    }

    .edu_curriculum > ul > li > .list_title > .list_title_text {
        font-size: 16px;
    }

    .edu_curriculum_content {
        padding-left: 0;
        margin-top: 16px;
    }

    .edu_curriculum_content > .edu_curriculum_content_title {
        font-size: 14px;
    }

    .edu_curriculum_content_sub_list {
        font-size: 14px;
    }

    .progress_card {
        width: 100%;
        padding: 24px;
        box-sizing: border-box;
    }

    .progress_section {
        gap: inherit;
        width: 100%;
        justify-content: space-between;
    }

    .progress_section > div {
        width: 48%;
        position: relative;
        display: flex;
        justify-content: flex-end;
        min-height: 130px;
        gap: 0;
        flex-direction: column;
    }

    .semicircle_container {
        width: 132px;
        height: 66px;
    }

    .progress_semicircle {
        width: 132px;
        height: 132px;
        border-width: 35px;
    }

    .days_bar_container {
        width: 48px;
        height: 80px;
    }

    .semicircle_container_info {
        position: absolute;
        left: 0;
        top: 0
    }

    .days_remaining {
        align-items: flex-end;
    }

    .days_remaining_info {
        width: auto;
        min-width: 80px;
        position: absolute;
        left: 0;
        top: 0;
        min-height: 130px;
        z-index: 10;
    }

    .edu_status_curriculum {
        width: 100%;
    }

    .graph_title {
        font-size: 14px;
    }

    .progress_value,
    .days_value {
        font-size: 18px;
    }

    .end_date {
        font-size: 12px;
    }

    .progress_detail {
        font-size: 12px;
    }

    .progress_detail > span:nth-of-type(1) {
        font-size: 16px;
    }

    .edu_online_detailinfo_tab_cont .edu_online_inner_title.curriculum {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .edu_online_detailinfo_tab_cont .edu_online_inner_title.curriculum > span:nth-of-type(1) {
        font-size: 18px;
    }

    .edu_online_detailinfo_tab_cont .edu_online_inner_title.curriculum > span:nth-of-type(2) {
        font-size: 14px;
    }

    .edu_status_curriculum_list > li {
        align-items: normal;
    }

    .edu_status_curriculum_list > li > .list_title_wrap {
        flex-direction: column;
        align-items: normal;
    }

    .edu_status_curriculum_list > li .list_tab,
    .edu_status_curriculum_list > li .list_title_text {
        display: inline;
        font-size: 16px;
    }

    .edu_status_curriculum_list > li .list_tab {
        min-width: 35px;
    }

    .edu_status_curriculum_list > li .list_title {
        display: flex;
    }

    .edu_status_curriculum_list > li > .list_title_wrap > a {
        margin-left: 0;
    }

    .list_progress {
        width: 65px;
    }

    .list_progress img {
        width: 24px;
        margin-left: 5px;
    }

    .edu_notice_sub_title {
        margin: 20px 0 12px 0;
        font-size: 16px;
    }

    /*온라인 교육 신청 > 교육신청(결제진행)*/
    .contents_inner.new_edupayment{
        padding:0 20px;
        box-sizing: border-box;
    }
    .contents_inner.new_edupayment > div {
        width: 100%;
    }

    .edupayment_step_list {
        padding-top: 36px;
        padding-bottom: 30px;
        font-size: 14px;
        gap: 6px;
    }

    .edupayment_step_list > li > .circle_num {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin-right: 6px;
    }
    .contents_inner.new_edupayment > div.edupayment_title{
        font-size: 18px;
        margin-bottom:12px;
    }
    .contents_inner.new_edupayment > .edupayment_box + .edupayment_title {
        margin-top: 40px;
    }
    .contents_inner.new_edupayment > div.edupayment_box{
        padding:18px 16px;
    }
    .edu_onlineclass_info_wrap{
        flex-direction: column;
        align-items:normal;
    }
    .edu_onlineclass_info > .edu_onlineclass_etc{
        flex-direction: column;
        align-items:normal;
    }
    .edu_onlineclass_info > .edu_onlineclass_etc > .edu_date_wrap{
        margin-left:0;
        border:none;
        padding:0;
        margin-bottom: 8px;
    }
    .edu_onlineclass_info > .edu_onlineclass_type{
        font-size:14px;
    }
    .edu_onlineclass_info > .edu_onlineclass_name{
        font-size:16px;
        margin:8px 0;
    }
    .edu_onlineclass_info > .edu_onlineclass_etc > .professor_name{
        margin-bottom: 8px;
    }
    .edu_onlineclass_info_wrap > .edu_onlineclass_price{
        font-size:16px;
    }
    .student_info_wrap .student_info_title{
        width:30%;
        font-size:14px;
        margin-bottom:5px;
    }
    .student_info_wrap .student_info_cont{
        width:70%;
        font-size:14px;
        margin-bottom:5px;
    }
    .student_info_wrap .student_name{
        font-size:16px;
        margin-bottom:12px;
    }
    .student_info_wrap .student_info_title.last,
    .student_info_wrap .student_info_cont.last{
        margin-bottom:5px;
    }
     .student_info_wrap .student_info_title.last.m_last,
    .student_info_wrap .student_info_cont.last.m_last{
        margin-bottom:0px;
    }
    .edupayment_info_wrap{
        flex-direction: column;
        gap:inherit;
    }
    .edupayment_info_wrap > .edupayment_info_cont{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width:100%;
    }
    .edupayment_info_wrap > .edupayment_sign{
        display: none;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_info_title{
        width:50%;
        text-align: left;
        font-size:14px;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_info_title.mo{
        display: block;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_price,
    .edupayment_info_wrap > .edupayment_info_cont > span.total_person{
        width:50%;
        text-align: right;
        font-size:16px;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_price{
        margin:0;
    }
    .edupayment_info_wrap > div:last-of-type{
        border-top:1px solid #ddd;
        margin-top:16px;
        padding-top:16px;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_info_title.total{
        color:#111;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_price.total{
        font-size: 18px;
    }
    .edupayment_info_wrap > .edupayment_info_cont > span.edu_savepoint_info{
        width:100%;
        justify-content:flex-end;
        margin-top:8px;
    }
    .contents_inner.new_edupayment > div.edupayment_btn_wrap{
        margin-top:24px;
        padding-bottom:60px;
    }
    /* 실시간 교육 신청_월간교육일정(캘린더) */
    .contents_inner.edu_calenda{
        width:100%;
    }
    .edu_calendar_wrap{
        padding:40px 20px 60px 20px;

    }
    .ul_select_wrap.edu_calenda .calendar_yearmonth{
        font-size:16px;
    }
    .edu_top_section .ul_select_wrap .ul_select_option li a{
        font-size:14px;
        padding-left:10px;
    }
    .edu_calendar_table{
        border-radius: 8px;
    }
    .edu_calendar_tb > thead > tr > th{
        height:32px;
    }
    .edu_calendar_tb > thead > tr > th:first-of-type{
        border-radius: 8px 0 0 0;
    }
    .edu_calendar_tb > thead > tr > th:last-of-type{
        border-radius: 0 8px 0 0;
    }
    .edu_calendar_tb > tbody > tr:last-of-type > td:first-of-type{
        border-radius: 0 0 0 8px;
    }
    .edu_calendar_tb > tbody > tr:last-of-type > td:last-of-type{
        border-radius: 0 0 8px 0;
    }
    .edu_calendar_tb > tbody > tr > td{
        height:60px;
        padding:8px;

    }
    .edu_calendar_tb > tbody > tr > td > a{
		display: block;
    }
    .edu_calendar_tb > tbody > tr > td > span.edu_day_num{
        top:8px;
        left:8px;
        font-size:14px;
    }
    .edu_calendar_tb > tbody > tr > td > span.edu_schedule{
        left:8px;
        bottom:8px;
        font-size:14px;
    }
    .edu_calendar_desc{
        font-size:14px;
    }
    .edu_calendar_wrap .edu_top_section .ul_select_wrap.edu_calenda{
        padding-left:10px;
    }
    /* 월간 교육 일정 상세 일정 안내 모달 */
    .basic_modal.edu_calendar_schedule .basic_modal_header{
        padding:28px 20px 0 20px;
    }
    .basic_modal.edu_calendar_schedule .basic_modal_header > .basic_modal_title,
    .basic_modal.edu_calendar_schedule .basic_modal_header > .basic_modal_title >span{
        font-size:18px;
    }
    .basic_modal.edu_calendar_schedule .basic_modal_body{
        width:100%;
        padding:0 20px;
    }
    .popover_wrap > .popover_text{
        left:-430%;
    }
    .popover_wrap > .popover_text:after{
        left:43%;
    }
    .modal_header_close_btn{
        display: none;
    }
    .edu_schedule_cont_wrap > .edu_schedule_detail{
        width:100%;
    }
    .edu_schedule_cont_wrap > .edu_schedule_btn{
        display: none;
    }
    .basic_modal.edu_calendar_schedule .basic_modal_body{
        max-height:calc(100% - 139px);
    }
    .edu_calendar_schedule .basic_modal_footer{
        height:84px;
        padding:0 20px;
    }
    .edu_calendar_schedule .basic_modal_footer > a{
        width:100%;
    }
    /* 실시간 교육신청 */
    #contents.new_eduworkshop .edu_menu_list_wrap {
        margin-top: 0;
        margin-bottom: 16px;
        position: sticky;
        top: 64px;
        border-top: none;
        background-color: #fff;
        z-index: 100;
    }

    #contents.new_eduworkshop .edu_menu_list_wrap > .new_edu_menu > li > a {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    #wrokshop_search_filter {
        display: none;
    }

    .mo_edu_search_btn {
        display: block;
    }

    .edu_workshop_search_wrap {
        margin-bottom: 16px;
        /*justify-content: normal;*/
        padding: 0 20px;
    }

    .edu_workshop_search_wrap .edu_month_schedule {
        font-size: 15px;
        color: #333;
        width: 138px;
        height: 36px;
    }

    .edu_menu_list_wrap > .new_edu_menu::-webkit-scrollbar {
        display: none;
    }

    .edu_workshop_mo_cat {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

    .edu_workshop_mo_cat::-webkit-scrollbar {
        display: none;
    }

    .edu_workshop_list_header {
        display: none;
    }

    .mo_edu_search_btn {
        background-color: #F6F6F6;
        border-radius: 22px;
        color: #333;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        width: 76px;
        height: 36px;
        justify-content: center;
    }

    .mo_edu_search_btn > img {
        width: 18px;
        height: 18px;
    }

    #wrokshop_search_filter {
        flex: none;
        overflow: hidden;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 9999;
        padding: 0;
        height: 0;
        border-radius: 20px 20px 0 0;
        border-top: none;
        transform: translateY(-16px);
        transition: all .1s ease-in;
        background-color: #fff;
        box-shadow: 0 2px 15px rgba(0, 0, 0, .16);
    }

    #wrokshop_search_filter.open {
        display: flex;
        width: 100%;
        padding: 36px 20px;
        height: fit-content;
        transform: translateY(0);
        flex-wrap: wrap;
    }

    #wrokshop_search_filter.open .btn--laypop--close {
        position: absolute;
        top: 28px;
        right: 20px;
    }

    #wrokshop_search_filter.open::after {
        content: "";
        position: absolute;
        left: calc(50% - 20px);
        top: 12px;
        width: 40px;
        height: 4px;
        border-radius: 2px;
        background-color: #ddd;
    }

    .only_mo {
        display: block;
    }

    .only_mo.edu_mo_searchclose_btn {
        width: 100%;
    }

    .only_mo.edu_mo_searchclose_btn > a {
        display: block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        color: #2B398F;
        border: 1px solid #ddd;
        border-radius: 27px;
        margin-top: 52px;
    }

    .wrokshop_search_wrap > .ul_select_wrap {
        width: 116px;
        font-size: 14px;
    }

    .edu_workshop_search_wrap .wrokshop_search_wrap > #workshop_search {
        width: calc(100% - 133px);/*수정 2025.01.06*/
        font-size: 14px;
    }

    .mo_search_title {
        width: 100%;
        font-size: 18px;
        color: #111;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .wrokshop_right #mobileLnb {
        border-bottom: 1px solid #ddd;
    }

    .wrokshop_right .mobile--fliter button.btn--gray {
        /*background-color: #fff;
        border: 1px solid #ddd;*/
        color: #333;
        padding:0 15px;
    }

    .division__right.wrokshop_right .mobile--fliter {
        width: 100%;
        padding: 16px 20px;
        box-sizing: border-box;
        display: flex;
        gap:8px !important;
    }
	
	.division__right.wrokshop_right .mobile--fliter .filter_label{
        display: flex;
        align-items: center;
        color:#777;
    }
    .division__right.wrokshop_right .mobile--fliter .filter_label img{
        width:24px;
    }
    
    .edu_workshop_list_top {
        margin-top: 0;
        margin-bottom: 16px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .edu_workshop_list > li {
        flex-direction: column;
        gap: inherit;
        padding: 20px 0;
    }

    #edu_workshop_filter1,
    #edu_workshop_filter2 {
        font-weight: 500;
    }

    .purchase__division .division__right.wrokshop_right .division__right__header .tab--box {
        border-top: 0;
    }

    .edu_sub_cat {
        display: flex;
        justify-content: normal;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }

    .edu_sub_cat::-webkit-scrollbar {
        display: none;
    }

    .edu_workshop_mo_subcat {
        overflow: hidden;
    }

    .guide_desc::before {
        content: "▲";
        position: absolute;
        font-size: 20px;
        color: rgba(0, 0, 0, 0.8);
        top: -7px;
        left: calc(50% - 10px);
        transform: translateY(-50%);
    }

    .edu_workshop_list_top > .edu_workshop_list_total_wrap {
        gap: 16px;
    }

    .edu_workshop_list_top .edu_workshop_totalcount {
        font-size: 14px;
    }

    .edu_workshop_guide {
        font-size: 14px;
    }

    .edu_workshop_list {
        padding: 0 20px;
    }

    .edu_workshop_list > li > div {
        width: 100% !important;
    }

    .only_mo.workshop_state_text {
        display: inline-block;
        font-size: 14px;
        color: #111;
    }

    .workshop_list_cont > .workshop_etc {
        flex-direction: column;
    }

    .edu_workshop_list > li > div:last-of-type {
        display: none;
    }

    .workshop_list_cont > .workshop_state {
        font-size: 14px;
    }

    .workshop_list_cont > .workshop_title {
        margin: 6px 0;
    }

    .workshop_list_cont > .workshop_etc {
        font-size: 14px;
    }

    .workshop_list_cont > .workshop_etc > div {
        width: 100%;
    }

    .workshop_date_wrap {
        margin-left: 0px;
    }

    .workshop_date {
        border: none;
        padding: 0;
    }

    .workshop_date.add_time.active + .workshop_other_date {
        display: block;
        position: static;
        border: none;
        box-shadow: none;
        padding: 0;
        border-radius: 0px;
        margin-top: 2px;
    }

    .workshop_other_date > li {
        height: auto;
        line-height: normal;
    }

    .workshop_other_date > li + li {
        margin-top: 6px;
    }

    .edu_workshop_list > li > div:not(:first-of-type) {
        flex-direction: row;
        justify-content: normal;
    }

    .workshop_list_cont .workshop_price {
        font-size: 14px;
    }

    /*실시간 교육 신청_교육상세*/
    .workshop_detail_top_wrap {
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;
    }

    .workshop_detail_top {
        width: 100%;
        overflow: hidden;
    }

    .workshop_detail_top > .workshop_detail_state > span {
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 8px;
    }

    .workshop_detail_top > .workshop_detail_title {
        font-size: 18px;
        padding-bottom: 76px;

    }

    .workshop_detail_top > .workshop_detail_info {
        position: relative;
    }

    .workshop_detail_top > .workshop_detail_info > .info_detail_cont > div {
        gap: 8px;
    }

    .workshop_detail_top > .workshop_detail_info > .info_btn_group {
        position: absolute;
        top: -76px;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        gap: 8px;
        justify-content: normal;
    }

    .workshop_detail_top > .workshop_detail_info > .info_btn_group::-webkit-scrollbar {
        display: none;
    }

    .workshop_detail_top > .workshop_detail_info > .info_btn_group > a {
        flex: 0 0 auto;
    }

    .workshop_detail_top > .workshop_detail_info {
        margin-top: 20px;
        width: 100%;
    }

    .workshop_detail_top > .workshop_detail_info > .info_detail_cont {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .detail_cont_group {
        flex-direction: column;
        gap: 6px;
    }

    .workshop_detail_body_inner {
        margin-top: 20px;
        margin-bottom: 60px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .workshop_detail_body_inner > .workshop_detail_payment {
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        border-top: 1px solid #ddd;
        padding: 8px 20px;
        z-index: 30;
        top: inherit;
        box-sizing: border-box;
    }

    .workshop_detail_body_inner > .workshop_detail_payment > div {
        display: none;
    }

    .workshop_detail_body_inner > .workshop_detail_payment > div.workshop_detail_payment_btn {
        display: flex;
        gap: 8px;
        justify-content: center;
        flex-direction: row-reverse;
    }

    .workshop_detail_payment > .workshop_detail_payment_btn > a {
        width: 50%;
        height: 52px;
        line-height: 52px;
        padding: 0;
    }

    .workshop_detail_payment > .workshop_detail_payment_btn > a + a {
        margin-top: 0;
    }

    .workshop_detail_body {
        width: 100%;
    }

    .wrokshop_detail_tab {
        padding-top: 16px;
        justify-content: normal;
        width: 100%;
        gap: 20px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .wrokshop_detail_tab > a {
        font-size: 14px;
        padding-top: 16px;
    }

    .wrokshop_detail_tab > a.on {
        border-width: 3px;
    }

    .workshop_detail_contents_title {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .workshop_detail_contents > div > ul {
        font-size: 14px;
    }

    .workshop_summary_title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .workshop_detail_contents > div > ul > li + li {
        margin-top: 6px;
    }

    .workshop_inquiry_text {
        padding: 16px 20px;
        box-sizing: border-box;
        border-radius: 16px;
    }

    /*교육 워크숍 모달 커스텀*/
    .edu_modal.workshop .basic_modal_content {
        border-radius: 24px 24px 0 0;
    }

    .edu_modal.workshop .basic_modal_header {
        padding: 28px 20px;
        position: relative;
    }

    .edu_modal.workshop .basic_modal_header::after {
        content: "";
        position: absolute;
        left: calc(50% - 20px);
        top: 12px;
        width: 40px;
        height: 4px;
        border-radius: 2px;
        background-color: #ddd;
    }

    .edu_modal.workshop .basic_modal_header > .basic_modal_title {
        font-size: 18px;
    }

    .edu_modal.workshop .basic_modal_header > a.modal_header_close_btn {
        position: absolute;
        right: 40px;
    }

    .edu_modal.workshop .workshop_guide_modal_list {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .edu_modal.workshop .basic_modal_body > ul {
        padding-left: 20px;
        font-size: 14px;
        color: #333;
    }

    .edu_modal.workshop .basic_modal_body > ul > li + li {
        margin-top: 10px;
    }

    .edu_modal.workshop .workshop_guide_modal_list.caution {
        padding-top: 20px;
        padding-bottom: 24px;
        border-top: 1px solid #ddd;
    }

    .edu_modal.workshop .basic_modal_footer {
        padding: 24px 20px;
        justify-content: center;
        box-sizing: border-box;
    }

    .edu_modal.workshop .basic_modal_footer > a {
        width: 100%;
    }

    .add_certificate > .add_certificate_list {
        width:100%;
        font-size: 14px;
        margin-bottom: 16px;
    }

    .add_certificate > .add_certificate_list > li {
        margin-top: 8px;
    }
    .discount_target {
        width: 100%;
        margin-top: 20px;
        padding: 20px 16px;
    }

    .discount_target ul > li + li {
        margin-top: 4px;
    }

    .discount_target ul.discount_target_list {
        font-size: 14px;
    }

    .discount_target ul.discount_target_list > li + li {
        margin-top: 10px;
    }

    .edu_modal.workshop .basic_modal_body{
        padding:0 20px;
    }
    .add_certificate > .addfile_wrap > .file_add_box .btn_file{
        margin-bottom: 16px;
    }
    /* 실시간 교육신청_교육신청(결제진행) */
    .contents_inner.new_edupayment > div.edupayment_box.workshop {
        padding: 18px 16px;
    }

    .edupayment_box > .edu_workshop_info_wrap {
        flex-direction: column;
        align-items: normal;
        gap: 8px;
    }

    .edupayment_box .edu_workshop_type > span {
        font-size: 14px;
    }

    .edupayment_box .edu_workshop_name {
        margin: 8px 0;
        font-size: 16px;
        display: -webkit-box;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .edupayment_box .edu_workshop_etc {
        flex-direction: column;
        align-items: normal;
        gap: 6px;
    }

    .edupayment_box .workshop_other_date > li {
        height: inherit;
        line-height: inherit;
    }

    .edupayment_box > .edu_workshop_info_wrap > .edu_workshop_price {
        font-size: 16px;
        text-align: left;
    }

    .edupayment_personnel_wrap {
        flex-direction: column;
    }

    .edupayment_personnel_wrap > .edupayment_personnel_guidelist {
        font-size: 14px;
    }

    .edupayment_personal_info_wrap {
        flex-direction: column;
        gap: 12px;
    }

    .edupayment_personal_info_wrap .personal_info > .personal_name > span {
        font-size: 16px;
    }

    .edupayment_personal_info_wrap > .personal_info {
        width: 100%;
    }

    .personal_info_detail {
        flex-direction: column;
    }

    .personal_info_detail > div {
        width: 100%;
    }

    .personal_info_detail_group .personal_info_detail_title,
    .personal_info_detail_group .personal_info_detail_text {
        font-size: 14px;
    }

    .personal_info_input_wrap > .personal_info {
        flex-direction: column;
        width: 100%;
    }

    .personal_info_input_wrap {
        width: 100%;
    }

    .personal_info_input_wrap > .personal_info > input {
        width: 100%;
        max-width: inherit;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
    }

    .personal_info_input_wrap > .personal_info:first-of-type {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .personal_info_input_wrap > .personal_info:first-of-type > input {
        width: 65%;
    }

    .personal_info > .id_search_btn {
        height: 36px;
        line-height: 36px;
        font-size: 15px;
    }

    .edupayment_price > .only_mo {
        display: inline;
    }

    .edu_savepoint_notice > .edu_savepoint_txt {
        left: inherit;
        right: -20px;
    }

    .edu_savepoint_notice > .edu_savepoint_txt:after {
        left: inherit;
        right: 24px;
    }

    /*실시간 교육 신청_결제완료*/
    .edupayment_completed > .edupayment_done_text {
        font-size: 16px;
    }

    .edupayment_completed > .edupayment_done_num_wrap {
        margin-top: 10px;
    }

    .edu_workshop_price > span:first-of-type {
        font-size: 16px;
    }

    .edu_workshop_price > span:last-of-type {
        font-size: 14px;
    }

    .edupayment_info_wrap > .edupayment_info_cont > span.edupayment_empty {
        display: none;
    }

    .payment_type_info_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .payment_type_info_wrap {
        flex-direction: column;
    }

    .payment_type_info_wrap > .payment_type_info_cont {
        width: 100%;
    }

    .payment_type_info_text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .payment_type_info_title > .inner_title {
        font-size: 14px;
    }

    .payment_type_info_title > .inner_text {
        font-size: 18px;
    }

    .payment_type_info_wrap > .payment_type_info_cont > .payment_type_info_text > .inner_title {
        font-size: 14px;
        margin-right: 0;
        width: inherit;
    }

    .contents_inner.new_edupayment > div.edupayment_refund,
    .contents_inner.new_edupayment > div.edupayment_attention {
        padding: 18px 16px;
    }

    .edupayment_refund > .edupayment_refund_title,
    .edupayment_attention > .edupayment_attention_title {
        font-size: 16px;
    }

    .edupayment_refund > .edupayment_refund_list,
    .edupayment_attention > .edupayment_attention_list {
        font-size: 14px;
    }

    .contents_inner.new_edupayment > div.edupayment_btn_wrap {
        margin-top: 24px;
    }

    .contents_inner.new_edupayment > div.edupayment_btn_wrap {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    .edupayment_btn_wrap > a {
        width: 50%;
    }

    .edupayment_completed{
        margin-bottom: 40px;
    }
    /* 실시간 교육 신청_결제 */
    .contents_inner.new_edupayment > .edupayment_step_wrap.payment {
        width: 100%;
        border-bottom: none;
    }

    .contents_inner.new_edupayment > div.edupayment_content_wrap {
        width: 100%;
        flex-direction: column;
        margin-top: 0;
    }

    .edupayment_content_wrap > .edupayment_left {
        width: 100%;
    }

    .edupayment_content_wrap > .edupayment_right {
        width: 100%;
        background-color:transparent;
        position: static;
        box-sizing: border-box;
        padding:0;
    }

    .edupayment_left > .edupayment_title {
        font-size: 18px;
    }
    .edu_pnum {
	    font-size: 18px;
	}

    .edupayment_left > .edupayment_box {
        padding: 18px 16px;
    }

    .edupayment_left > .edupayment_box + .edupayment_title {
        margin-top: 40px;
    }

    .edupayment_box > .use_point_wrap {
        flex-direction: column;
        align-items: normal;
    }
    .edupayment_box > .use_point_wrap > .use_point{
        margin-top:10px;
    }
    .edupayment_box > .use_point_wrap > .use_point_title {
        font-size: 16px;
    }

    .use_point_wrap > .use_point > {
        display: flex;
        justify-content: space-between;
    }

    .use_point_wrap > .use_point > .new_input_type {
        width: 50%;
        height: 36px;
        font-size: 14px;
    }

    .use_point_wrap > .use_point > .point_info {
        font-size: 14px;
        margin-left: 12px;
    }
    .edupayment_box > .use_point_desc{
        margin-left:0;
        margin-bottom:20px;
    }
    .edupayment_box > .use_point_guide{
        padding:16px 12px;
        box-sizing: border-box;
    }
    .edupayment_box > .use_point_guide > .use_point_guide_list{
        font-size:14px;
    }
    .edupayment_box > .use_point_guide > .use_point_guide_title{
        font-size:16px;
        margin:12px 0;
    }
    .edupayment_type_wrap > .edupayment_type:first-of-type{
        display: none;
    }
    .edupayment_type_wrap > .edupayment_type:last-of-type > .edupayment_type_title{
        display: none;
    }
    .edupayment_type_wrap > .edupayment_type > .edupayment_type_title{
        display: none;
    }
    .edupayment_type_wrap > .edupayment_type + .edupayment_type{
        margin-top:0;
    }
    .edupayment_type_input > #edupayment_type2,
    .edupayment_type_input > #edupayment_type2 + label,
    .edupayment_type_input > #edupayment_type3,
    .edupayment_type_input > #edupayment_type3 + label{
        display: none;
    }
    .edupayment_type_input > label + input#edupayment_type4 + label{
        margin-left:0;
    }
    .edupayment_type_wrap > .edupayment_type_detail{
        padding:16px 12px;
    }
    .edupayment_type_wrap > .edupayment_type_detail .edupayment_type_title{
        font-size:16px;
        margin-bottom:0;
    }
    #receipt2 + label,
    #taxbill_type2 + label{
        margin-left:0;
        margin-top:18px;
    }
    .receipt_tab{
        margin-top:20px;
    }

    .receipt_content_wrap > .taxbill > ul > li{
        flex-direction: column;
        align-items: normal;
    }
    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_title{
        width:100%;
        font-size:12px;
    }
    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input{
        width:100%;
        margin-left:0;
        margin-top:5px;
    }
    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input.taxbill{
        margin-top:16px;
    }
    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input > input.new_input_type{
        width:100%;
        height:36px;
        font-size:14px;
    }
    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input > label{
        width:100%;
    }

    .receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_desc{
        padding-left:0;
        font-size: 12px;
        margin-top:5px;
    }
    .taxbill_inner_input > .datepicker_wrap > .hasDatepicker.new_input_type{
        width:100%;
        height:36px;
    }
    .taxbill_inner_input > .addfile_wrap > .file_add_box > .file_text_wrap{
        width:100%;
    }
    .taxbill_inner_input > .addfile_wrap > .file_add_box > .file_text_wrap > .new_input_type{
        font-size:12px;
        height:36px;
        padding-right:40px;
    }
    .taxbill_inner_input > .addfile_wrap > .file_add_box .FileTxt_del{
        top:7px;
    }
    .contents_inner.new_edupayment div.edupayment_attention{
        padding:18px 16px;
        margin-bottom:40px;
    }
    .edupayment_price_wrap > .edupayment_price_title{
        font-size:18px;
        margin-bottom: 12px;
    }
    .edupayment_price_content_wrap{
        background-color:#fff;
        border-radius: 16px;
        padding:16px;
        box-sizing: border-box;
    }
    .edupayment_price_content > .price_content_title{
        font-size:14px;
    }
    .edupayment_price_content > .price_content_text{
        font-size:16px;
    }
    .edupayment_price_content_wrap > .edupayment_price_content + .edupayment_price_content.total{
        border-top:1px solid #ddd;
        margin-top:16px;
        padding-top:16px;
    }
    .edupayment_price_content.total > .price_content_text{
        font-size:18px;
    }
    .edupayment_price_content_wrap > .edupayment_price_content + .edupayment_price_content.total > .edu_savepoint_info{
        font-size:14px;
    }
    .edupayment_right > .edupayment_price_wrap > .edupayment_agree{
        margin-top:16px;
        border-top:none;
        padding-top:0;
    }
    .edupayment_right > .edupayment_price_wrap > .edupayment_agree > .edupayment_agree_txt{
        font-size:14px;
    }
    .edupayment_right > .edupayment_price_wrap > .edupayment_agree > .edupayment_agree_input > label{
        font-size:14px;
    }
    .edupayment_agree_input> input[type='checkbox'].new_chk:before{
        border-color:#F6F6F6;
    }
    .edupayment_right > .edupayment_price_wrap > .edupayment_agree{
        margin-bottom: 60px;
    }
    .edupayment_right > .edupayment_price_wrap > .edupayment_btn_wrap{
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        padding:8px 20px;
        box-sizing: border-box;
        background-color:#fff;
        border-top:1px solid #ddd;
        z-index: 30;
    }
    .filter__item > ul > li > .input_wrap > .edu_input_group{
        width:100%;
    }
    .filter__item > ul > li > .datepicker_wrap > .new_input_type{
        width:100%;
    }
    
    /* 실시간 교육신청하기 인원 및 수강자 정보 너비 수정 */
    form.edu_pnum>div{
    	width:100%;
    }
    /* 결제 페이지 무통장 입급 세금계산서 안내의 청구용, 영수용 정렬오류 수정 */
    #billGbn_after + label {
        margin-left: 0;
        margin-top: 10px;
 	}
}

@media all and (max-width: 400px) {}