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

/* 자주하는 질문 */
#contents.new_eduworkshop * {
    font-family: 'pretendard', sans-serif !important;
}

#contents.new_eduworkshop .contents_inner.new_eduworkshop {
    width: 100%;
    padding-bottom: 0;
}

#contents.new_eduworkshop .title_wrap { /*교육워크샵 상단 수정*/
    width:100%;
    max-width:1440px;
    margin:0 auto;
    position: relative;
}

#contents.new_eduworkshop .title_wrap > a.more_detail_btn{
    position: absolute;
    top:68px;
    right:0;
    margin:0;
}

#contents.new_eduworkshop h1.sub_main_title {
    font-size: 40px;
    color: #111;
    text-align: center;
    padding-top: 56px;/* 40px >> 56px 교육워크샵 상단 수정*/
    font-weight: 600;
    line-height:60px;
    letter-spacing:-0.4px;
}

#contents.new_eduworkshop .contents_inner.new_eduworkshop > .edu_menu_list_wrap {
    margin: 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
}

.edu_menu_list_wrap > .new_edu_menu {
    display: flex;
    gap: 48px;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    letter-spacing:-0.4px;
}

.edu_menu_list_wrap > .new_edu_menu > li.on {
    border-bottom: 4px solid #111;
    color: #111;
}

.edu_menu_list_wrap > .new_edu_menu > li > a {
    display: block;
    padding: 20px 0;
}

#edu_inner {
    width: 954px;
    margin: 0 auto;
}

.edu_search_wrap {
    display: flex;
    margin-bottom: 40px;
}

/* ul 셀렉트 박스*/
.ul_select_wrap {
    cursor: pointer;
    position: relative;
    z-index: 3;
    width:250px;
    min-width: 125px;
    height: 44px;
    line-height: 44px;
    padding-left: 16px;
    border-radius: 22px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    box-sizing: border-box;
}

.ul_select_wrap::after {
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -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;
}

.ul_select_wrap .ul_select_option {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    border: 1px solid #ddd;
    border-radius: 22px;
    background-color: #fff;
    color: #333;
}

.ul_select_wrap .ul_select_option li {
    height: 44px;
    line-height: 44px;
}

.ul_select_wrap .ul_select_option li a {
    color: #695d52;
    display: block;
    text-decoration: none;
    padding-left: 11px;
}

.ul_select_wrap span {
    color: #111;
}

.ul_select_wrap .ul_select_option li.selected a,
.ul_select_wrap .ul_select_option li:hover a {
    background-color: #F6F6F6;
    border-radius: 22px;
}

.ul_select_wrap.active::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ul_select_wrap.active .ul_select_option {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.edu_search_wrap > .edu_search > .icon_searchbox_01 {
    background-image: url('../images/renewal/icon_edu_search.png');
    background-repeat: no-repeat;
    background-position: 16px center;
    padding-left: 50px;
    background-color: #F6F6F6;
    border-radius: 22px;
    width: 210px;
    height: 44px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    margin-left: 8px;
}

.edu_search_wrap > .edu_search > .icon_searchbox_01::placeholder {
    color: #999;
}

.edu_qna_division ul {
    display: flex;
    gap: 8px;
}

.edu_qna_division ul > li {
    background-color: #F6F6F6;
    border-radius: 22px;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    padding: 0 16px;
}

.edu_qna_division ul > li.on {
    background-color: #111;
    color: #fff;
}

.edu_qna_division ul > li > a {
    display: block;
}

#edu_inner .new_paging.pg2 {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 120px;
}

#edu_inner .new_paging.pg2 strong {
    color: #000;
    display: inline-block;
    width: 24px;
    text-decoration: underline;
    font-weight: 600;
}

#edu_inner .new_paging.pg2 a {
    text-decoration: none;
    color: #999;
    padding: 0;
    display: inline-block;
    width: 24px;
    font-weight: 500;
}

#edu_inner .new_paging.pg2 a.btn.disabled {
    opacity: 0.4;
}

#edu_inner .new_paging.pg2 a:hover {
    color: #111;
}

#edu_inner .new_paging.pg2 a.btn-prev {
    margin-right: 12px;
}
#edu_inner .new_paging.pg2 a.btn-next {
    margin-left: 12px;
}
#edu_inner .new_paging.pg2 > a.btn-first {
    display: none;
}
#edu_inner .new_paging.pg2 > a.btn-last {
    display: none;
}
#edu_inner .new_paging.pg2 > a.btn.btn-next > span{
	display: inline-block;
    width: 24px;
    height: 24px;
	background: url('../images/renewal/pg2_next.png') no-repeat 0 0;
}
#edu_inner .new_paging.pg2 > a.btn.btn-prev > span{
	display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/renewal/pg2_prev.png') no-repeat 0 0;
}


.edu_qna_list_wrap {
    margin-top: 24px;
}

.edu_qna_list_wrap > .edu_qna_list_tb {
    width: 100%;
}

.edu_qna_list_wrap > .edu_qna_list_tb th,
.edu_qna_list_wrap > .edu_qna_list_tb td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 24px 0;
}

.edu_qna_list_wrap > .edu_qna_list_tb .qna_division {
    width: 15%;
    color: #2B398F;
    font-size: 16px;
    font-weight: 500;
}

.edu_qna_list_wrap > .edu_qna_list_tb .qna_question {
    width: 85%;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}


/*자주하는 질문 상세*/
#contents.new_eduworkshop .edu_qna_detail h1.sub_main_title,
#contents.new_eduworkshop .contents_inner.edu_qna_detail > .edu_menu_list_wrap {
    display: none;
}

.edu_qna_detail_wrap {
    width: 100%;
    margin-top: 40px;
}

.edu_qna_title_wrap > .edu_qna_title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
}

.edu_qna_title_wrap > .edu_qna_date {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_qna_contents {
    margin: 24px 0 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_qna_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.edu_qna_btn_wrap > a {
    border-radius: 27px;
    padding: 15px 24px;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
}

/*공지사항*/
.edu_noitce_list_wrap > .edu_noitce_list_tb {
    width: 100%;
}

.edu_noitce_list_tb > thead > tr > th {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.edu_noitce_list_tb > thead > tr > th:first-of-type {
    text-align: left;
    width: 75%;
}

.edu_noitce_list_tb > thead > tr > th:nth-of-type(2) {
    width: 10%;
}

.edu_noitce_list_tb > thead > tr > th:nth-of-type(3) {
    width: 15%;
}

.edu_noitce_list_tb > tbody > tr > td {
    text-align: center;
    padding: 24px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edu_noitce_list_tb > tbody > tr > td:first-of-type {
    text-align: left;
    color: #333;
}

/*공지사항 상세*/

#contents.new_eduworkshop .edu_notice_detail h1.sub_main_title,
#contents.new_eduworkshop .contents_inner.edu_notice_detail > .edu_menu_list_wrap {
    display: none;
}

.edu_notice_detail_wrap {
    margin: 40px 0;
}

.edu_notice_title_wrap {
    padding-bottom: 24px;
}

.edu_notice_title_wrap > .edu_notice_title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.edu_notice_title_wrap > .edu_notice_date {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_notice_detail_wrap > .edu_notice_contents {
    padding: 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.edu_notice_detail_wrap > .edu_notice_addfile {
    padding: 16px 0;
    display: flex;
    gap: 36px;
    border-bottom: 1px solid #ddd;
}

.edu_notice_addfile > .edu_notice_addfile_count {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_notice_addfile > .edu_notice_addfile_count > .addfile_count_num {
    color: #2B398F;
}

.edu_notice_addfile > .edu_notice_addfile_list > ul > li {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

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


/*온라인 교육 신청*/
.edu_online_basicinfo_wrap {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.edu_online_basicinfo_wrap > .edu_online_thum {
    width: 400px;
    border-radius: 20px;
    position: relative;
}

.edu_online_basicinfo_wrap > .edu_online_thum > img {
    width: 100%;
    border-radius: 20px;
}

.edu_online_basicinfo_wrap > .edu_online_thum > .edu_online_type {
    padding: 4px 10px;
    position: absolute;
    left: 28px;
    top: 28px;
    background-color: #111;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 14px;
}

.edu_online_basicinfo {
    width: 980px;
}

.edu_online_state {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #111;
    border-radius: 22px;
    padding: 8px 16px;
}

.edu_online_basicinfo > .edu_online_title {
    font-size: 30px;
    font-weight: 600;
    color: #111;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
}

.edu_online_basicinfo .edu_online_basicinfo_list_wrap {
    width: 100%;
    margin-top: 24px;
}

.edu_online_basicinfo_list_wrap {
    position: relative;
}

.edu_online_basicinfo_list_cont {
    display: flex;
}

.edu_online_basicinfo_list_wrap > div + div {
    margin-top: 12px;
}

.edu_online_basicinfo_list_cont .info_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    min-width: 100px;
}

.edu_online_basicinfo_list_cont .info_cont {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: calc(100% - 100px);
}

.instructor_list > li {
    position: relative;
}

.instructor_list > li + li {
    margin-top: 8px;
}

.instructor_list > li > .instructor {
    display: inline-block;
    cursor: pointer;

}

.instructor_list > li > .instructor .toggle-arrow {
    font-size: 12px;
    vertical-align: text-top;
    margin-left: 3px;
    display: inline-block;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.instructor_list > li > .instructor.on .toggle-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.instructor_list > li > .instructor.on + ul {
    display: block;
    position: absolute;
    left: 0;
    top: 28px;
}

.instructor_profile {
    display: none;
    text-align: top;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    z-index: 10;
    padding: 16px 20px 16px 32px;
    width: 320px;
    box-sizing: border-box;
    list-style: disc;
    font-size: 14px;
    font-weight: 500;
}

.dwn_officialdocument {
    color: #2B398F;
    font-size: 15px;
    font-weight: 500;
    padding: 6px 18px;
    border: 1px solid #2B398F;
    border-radius: 23px;
    position: absolute;
    right: 0;
    top: 0;
}

.dwn_officialdocument:hover {
    color: #2B398F;
}

.dwn_officialdocument > img {
    margin-left: 5px;
}


.edu_online_detailinfo_wrap {
    margin-top: 80px;
    position: relative;
}

.edu_online_detailinfo_tab {
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 64px;
    background-color: #fff;
    z-index: 10;
}

.edu_online_detailinfo_tab > ul {
    display: flex;
    justify-content: center;
    gap: 48px;
}

.edu_online_detailinfo_tab > ul > li {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
}

.edu_online_detailinfo_tab > ul > li> a {
	padding-bottom: 16px;
    padding-top: 20px;
}

.edu_online_detailinfo_tab > ul > li.on {
    border-bottom: 4px solid #111;
    color: #111;
    font-weight: 600;
}

.edu_online_detailinfo_content {
    padding: 40px 0;
    display: flex;
    gap: 87px;
    justify-content: center;
    align-items: flex-start;
}

.edu_online_detailinfo_tab_cont > div {
    display: none;
    width: 953px;
}

.edu_online_detailinfo_tab_cont > div.active {
    display: block;
}

/*교육신청하기*/
.edu_online_apply_wrap {
    width: 400px;
    padding: 24px 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 20px;
    position: sticky;
    top: 171px;
    background-color: #fff;
    z-index: 90;
}

.edu_online_apply_info {
    margin-top: 30px;
    margin-bottom: 24px;
}

.edu_online_apply_wrap > .edu_online_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

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

.edu_online_apply_info_cont > .info_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_online_apply_info_cont > .info_cont {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_online_apply_info > div + div {
    margin-top: 8px;
}

.edu_online_apply_info > div + div.edu_expenses {
    margin-top: 40px;
}

.edu_online_apply_info > div.edu_expenses .info_cont {
    font-size: 24px;
    font-weight: 600;
    color: #111;
}

.edu_online_apply_btn_wrap > a {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    border-radius: 27px;
    background-color: #111;
    color: #fff;
    padding: 15px 0;
}

.edu_online_apply_btn_wrap > a.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/*교육소개*/
.edu_online_detailinfo_tab_cont .edu_online_inner_title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 24px;
}

.edu_notice {
    margin-bottom: 60px;
}

.edu_notice > ul {
    padding-left: 20px;
    list-style: disc;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_notice_sub_title {
    margin: 30px 0 16px 0;
    font-size: 18px;
    color: #EC3838;
    font-weight: 600;
}

.edu_notice > ul > li + li {
    margin-top: 12px;
}

/*강의 목차*/
.edu_total_goal {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 60px;
}

.edu_curriculum {
    padding: 30px;
    background-color: #F8F8FB;
    border-radius: 20px;
}

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

.edu_curriculum > ul > li:first-of-type {
    padding-top: 0;
}

.edu_curriculum > ul > li:last-of-type {
    padding-bottom: 0;
}

.edu_curriculum > ul > li + li {
    border-top: 1px solid #ddd;
}

.edu_curriculum > ul > li > .list_title {
    display: flex;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    width: 100%;
    cursor: pointer;
}

.edu_curriculum > ul > li > .list_title > .list_tab {
    font-size: 18px;
    font-weight: 600;
    color: #2B398F;
    min-width: 70px;
}

.edu_curriculum > ul > li > .list_title > .list_title_text {
    width: calc(100% - 70px);
    padding-right: 35px;
    box-sizing: border-box;
}

.edu_curriculum > ul > li > .list_title::after {
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -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_curriculum > ul > li > .list_title.on::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.edu_curriculum_content {
    margin-top: 24px;
    display: none;
    padding-left: 55px;
}

.edu_curriculum_content > .edu_curriculum_content_title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_curriculum_content_sub_list {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    list-style: disc;
    padding-left: 35px;
}

.edu_curriculum_content_sub_list > li + li {
    margin-top: 8px;
}

.edu_curriculum_content_sub_list + .edu_curriculum_content_title {
    margin-top: 16px;
}

.edu_introduction_content img {
    display: block;
    margin: 0 auto;
}



/*수강현황*/
.progress_card {
    background: #fff;
    border-radius: 20px;
    padding: 30px 0;
    width: 954px;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}


.progress_section {
    display: flex;
    gap: 110px;
    align-items: center;
}

.progress_section > div {
    display: flex;
    gap: 16px;
}

.graph_title {
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

/* 반원 프로그레스 스타일 */
.semicircle_container {
    position: relative;
    width: 268px;
    height: 134px;
    overflow: hidden;
}

.progress_semicircle {
    position: absolute;
    width: 268px;
    height: 268px;
    border-radius: 50%;
    border: 70px solid #F1F7FF;
    border-bottom: 70px solid #6273DE;
    border-right: 70px solid #6273DE;
    box-sizing: border-box;
    transform: rotate(45deg);
    transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress_value {
    font-size: 24px;
    font-weight: 600;
    color: #2B398F;
    margin-top: 8px;
}

.progress_detail {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.progress_detail > span:nth-of-type(1) {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

/* 수강 잔여일 스타일 */
.days_remaining_info {
    width: 138px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.days_remaining {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.days_title {
    font-size: 14px;
    color: #333;
}

.days_value {
    font-size: 24px;
    font-weight: 600;
    color: #2B398F;
    margin-top: 8px;
}

.days_bar_container {
    width: 180px;
    height: 134px;
    background-color: #F1F7FF;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.days_bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #6273DE;
    border-radius: 0 0 8px 8px;
    height: 0;
    transition: height 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.end_date {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*커리큘럼*/
.edu_online_detailinfo_tab_cont .edu_online_inner_title.curriculum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

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

.edu_status_curriculum {
    width: 954px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
}

.edu_status_curriculum_list > li {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

.edu_status_curriculum_list > li + li {
    border-top: 1px solid #ddd;
}

.edu_status_curriculum_list > li:first-of-type {
    padding-top: 0;
}

.edu_status_curriculum_list > li:last-of-type {
    padding-bottom: 0;
}

.edu_status_curriculum_list > li > .list_title_wrap {
    display: flex;
    align-items: center;
}

.edu_status_curriculum_list > li .list_tab {
    min-width: 60px;
    color: #2B398F;
}

.edu_status_curriculum_list > li > .list_title {
    display: flex;
    width: calc(100% - 110px);
}


.edu_status_curriculum_list > li > .list_title_wrap > a {
    font-size: 12px;
    font-weight: 600;
    width: 80px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    text-align: center;
    border-radius: 16px;
    margin-left: 10px;
    display: inline-block;
}

.list_progress {
    display: flex;
    align-items: center;
    width: 100px;
    justify-content: flex-end;
}

.list_progress img {
    margin-left: 16px;
    display: block;
}

.edu_status_curriculum_list > li.disabled > .list_title a,
.edu_status_curriculum_list > li.disabled > .list_progress > a {
    opacity: 0.4;
    pointer-events: none;
}


/* 온라인 교육 신청 모달 */
.basic_modal.pass_modal.edu_modal .basic_modal_content {
    width: 320px;
    border-radius: 16px;
}

.edu_modal .basic_modal_header {
    height: auto;
    justify-content: normal;
    padding: 40px 20px 16px 20px;
}

.edu_modal .basic_modal_header > .basic_modal_title {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.edu_modal.pass_modal .basic_modal_body {
    margin-bottom: 40px;
    padding: 0 40px;
}

.edu_modal.pass_modal .basic_modal_body > .edu_modal_notice {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edu_modal.pass_modal .basic_modal_footer {
    height: auto;
    padding: 20px 24px;
    justify-content: flex-end;
}

.basic_modal.edu_modal .basic_modal_footer a {
    padding: 11px 22px;
    height: auto;
    line-height: inherit;
    border-radius: 24px;
}

/*온라인 교육 신청 > 교육신청(결제진행)*/
#container.new_edupayment {
    background-color: #F6F6F6;
}

.contents_inner.new_edupayment > div {
    width: 954px;
    margin: 0 auto;
}

.edupayment_step_list {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    padding-top: 80px;
    padding-bottom: 40px;
    gap: 16px;
}

.circle_num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #111;
    opacity: 0.4;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 8px;
}

.edupayment_step_list > li.on {
    color: #111;
}

.edupayment_step_list > li.on > .circle_num {
    opacity: 1;
}

.contents_inner.new_edupayment > div.edupayment_title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 16px;
}

.contents_inner.new_edupayment > .edupayment_box + .edupayment_title {
    margin-top: 60px;
}

.contents_inner.new_edupayment > div.edupayment_box {
    padding: 28px 24px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
}

.student_info_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.student_info_wrap .student_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-bottom: 16px;
    width: 100%;
}

.student_info_wrap .student_info_cont_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.student_info_wrap .student_info_title {
    width: 10%;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin-bottom: 8px;
}

.student_info_wrap .student_info_cont {
    width: 40%;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.student_info_wrap .student_info_title.last,
.student_info_wrap .student_info_cont.last {
    margin-bottom: 0;
}



.contents_inner.new_edupayment > div.edupayment_btn_wrap {
    margin-top: 40px;
    padding-bottom: 120px;
}

.contents_inner.new_edupayment > div.edupayment_btn_wrap > a.edu_apply_btn {
    background-color: #111;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0;
    display: block;
    width: 100%;
    border-radius: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edupayment_btn_wrap > a.edu_apply_btn > .icon--goArrow {
    filter: invert(100%);
    margin-left: 8px;
}

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

.edu_onlineclass_info > .edu_onlineclass_type {
    font-size: 15px;
    font-weight: 500;
    color: #777;
}

.edu_onlineclass_info > .edu_onlineclass_name {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 16px 0;
}

.edu_onlineclass_info > .edu_onlineclass_etc {
    display: flex;
    align-items: center;
}

.edu_onlineclass_info > .edu_onlineclass_etc > .professor_name {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.edu_onlineclass_info > .edu_onlineclass_etc > .edu_date_wrap {
    border-radius: 22px;
    border: 1px solid #ddd;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #777;
    padding: 6px 16px;
    box-sizing: border-box;
    margin-left: 12px;
}

.edu_date_wrap > span + span::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #ddd;
    margin: 0 10px;
    vertical-align: -1px;
}

.edu_onlineclass_info > .edu_onlineclass_etc > .edu_date_wrap > span.edu_enddate {
    color: #333;
}

.edu_onlineclass_info_wrap > .edu_onlineclass_price {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.edu_savepoint_notice {
    position: relative;
}

.edu_savepoint_notice > .edu_savepoint_txt {
    display: none;
    position: absolute;
    width: 300px;
    left: -150px;
    top: 35px;
    color: #fff;
    background-color: rgba(20, 20, 20, 0.8);
    padding: 20px;
    z-index: 10;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
}

.edu_savepoint_notice > .edu_savepoint_txt.on {
    display: block;
}

.edu_savepoint_notice > .edu_savepoint_txt:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 51%; /* 수정 2025.01.03 */
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid rgba(20, 20, 20, 0.8);
}

.edupayment_info_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.edupayment_info_wrap > .edupayment_info_cont > span {
    display: block;
    text-align: center;
}

.edupayment_info_wrap > .edupayment_info_cont > span.edupayment_info_title {
    font-size: 16px;
    font-weight: 600;
    color: #555;
}

.edupayment_info_wrap > .edupayment_info_cont > span.edupayment_info_title.mo {
    display: none;
}

.edupayment_info_wrap > .edupayment_info_cont > span.edupayment_price {
    margin: 12px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

.edupayment_info_wrap > .edupayment_info_cont > span.edupayment_price.total {
    color: #2B398F;
}

.edupayment_info_wrap > .edupayment_info_cont > span.total_person {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.edupayment_info_wrap > .edupayment_info_cont > span.edu_savepoint_info {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    display: flex;
    align-items: center;
}

/* 실시간 교육 신청_월간교육일정(캘린더) */
#container.edu_calenda {
    background-color: #F6F6F6;
}

.edu_calendar_wrap {
    padding-top: 80px;
    padding-bottom: 120px;
}

.contents_inner.edu_calenda {
    width: 954px;
    padding-bottom: 0;
}

.edu_calendar_wrap .edu_top_section .ul_select_wrap.edu_calenda {
    border: none;
    display: inline-block;
    padding-right:35px;
    width:auto;
}

.edu_top_section .ul_select_wrap .ul_select_option li a{
    color:#111;
    padding-left:16px;
}

.ul_select_wrap.edu_calenda .calendar_yearmonth {
    font-size: 24px;
    font-weight: 600;
    color: #111;
}

.ul_select_option.calendar_yearmonth_list {
    max-height: 132px;
    overflow: auto;
    padding: 4px 0;
    border-radius: 8px;
    border:1px solid #ddd;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}

.ul_select_option.calendar_yearmonth_list li.selected a,
.ul_select_option.calendar_yearmonth_list li:hover a {
    background-color: #F6F6F6;
    border-radius: 0px;
}


.calendar_yearmonth_list::-webkit-scrollbar {
    display: block;
    width: 3px;
    border-radius: 3px;
}

.calendar_yearmonth_list::-webkit-scrollbar-track {
    background: transparent;
}

.calendar_yearmonth_list::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 3px;
}

.calendar_yearmonth_list::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 5px;
}

.calendar_yearmonth_list::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 5px;
}
.edu_calendar_table{
    width:100%;
    border:1px solid #ddd;
    border-radius: 16px;
}
.edu_calendar_tb{
    width:100%;
}
.edu_calendar_tb > thead > tr > th{
    width:14.285%;
    text-align: center;
    background-color: #111;
    color:#fff;
    font-size:16px;
    font-weight:500;
}
.edu_calendar_tb > thead > tr > th:first-of-type{
    border-radius: 16px 0 0 0;
}
.edu_calendar_tb > thead > tr > th:last-of-type{
    border-radius: 0 16px 0 0;
}

.edu_calendar_tb > tbody > tr:last-of-type > td:first-of-type{
    border-radius: 0 0 0 16px;
}
.edu_calendar_tb > tbody > tr:last-of-type > td:last-of-type{
    border-radius: 0 0 16px 0;
}

.edu_calendar_tb > thead > tr > th + th{
    border-left:1px solid #ddd;
    height:46px;
    line-height: 46px;
}
.edu_calendar_tb > tbody > tr > td{
    height:100px;
    position: relative;
    border-bottom:1px solid #ddd;
    padding:14px;
    box-sizing: border-box;
    background-color:#fff;
}
.edu_calendar_tb > tbody > tr > td.on{
    cursor: pointer;
}
.edu_calendar_tb > tbody > tr:last-of-type> td{
    border-bottom:none;
}

.edu_calendar_tb > tbody > tr > td + td{
    border-left:1px solid #ddd;
}
.edu_calendar_tb > tbody > tr > td > span.edu_day_num{
    position: absolute;
    left:14px;
    top:14px;
    vertical-align: text-top;
    font-size: 14px;
    font-weight:500;
    color:#333;
}

.edu_calendar_tb > tbody > tr > td > span.edu_schedule{
    position: absolute;
    left:14px;
    vertical-align: text-bottom;
    bottom:14px;
    color: #2B398F;
}
.edu_calendar_desc{
    margin-top:20px;
    font-size:16px;
    font-weight: 500;
    color:#555;
}

.edu_calendar_desc > .edu_schedule{
    color:#2B398F;
}
.edu_btn_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:40px;
}
.edu_btn_wrap > a{
   border-radius: 27px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight:600;
    color:#fff;
}
.edu_btn_wrap > a > .return_edu_list{
    margin-right:8px;
    filter: invert(100%);
}



/* 월간 교육 일정 상세 일정 안내 모달 */
.basic_modal.edu_calendar_schedule .basic_modal_header{
    justify-content: space-between;
    padding:38px 40px 23px 40px;
}
.basic_modal.edu_calendar_schedule .basic_modal_header > .basic_modal_title{
    font-size:24px;
    color:#111;
}

.modal_header_close_btn {
    cursor: pointer;
    position: relative;
    height: 20px;
    width: 20px;
}

.modal_header_close_btn:after, .modal_header_close_btn:before {
    content: "";
    height: 20px;
    width: 20px;
    border-top: 1px solid #000;
    position: absolute;
    top: 7px;
    right: -8px;
    transform: rotate(-45deg);
}

.modal_header_close_btn:before {
    right: 6px;
    transform: rotate(45deg);
}

.modal_header_close_btn:hover {
    opacity: 0.3;
}

.basic_modal.edu_calendar_schedule .basic_modal_body{
    width:659px;
    box-sizing: border-box;
    padding:0 40px;
}
.edu_schedule_notice{
    border-radius: 16px;
    background-color:#F6F6F6;
    font-size:16px;
    font-weight: 600;
    color:#333;
    padding:16px 24px;
    box-sizing: border-box;
    margin-top:16px;
}

.popover_wrap {
    cursor: pointer;
    position: relative;
}
.popover_wrap > .popover_text {
    display: none;
    position: absolute;
    min-width: 250px;
    left: -30px;
    top: 35px;
    color: #fff;
    background-color: rgba(20, 20, 20, 0.9);
    padding: 20px 16px;
    z-index: 10;
    border-radius: 12px;
    font-size:14px;
    font-weight: 500;
    box-sizing: border-box;
}
.popover_wrap:hover > .popover_text {
    display: block;
}
.popover_wrap:hover > .popover_text > a{
    display: flex;
    font-size: 15px;
    align-items: center;
}
.popover_wrap > .popover_text:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 34px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(20, 20, 20, 0.8);
}

.edu_calendar_schedule .basic_modal_footer{
    justify-content: flex-end;
    padding:24px 40px 32px 40px;
    box-sizing: border-box;
    height: auto;
}
.edu_calendar_schedule .basic_modal_footer > a{
    padding:15px 24px;
    box-sizing: border-box;
}
.svg_white{
    filter: invert(100%);
    margin-left:3px;
}

.edu_schedule_list > li{
    padding: 20px 0;
}
.edu_schedule_list > li + li {
    border-top:1px solid #ddd;
}
.edu_schedule_cont_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.edu_schedule_state > .edu_state{
    padding:4px 8px;
    border-radius: 14px;
    margin-right:8px;
    font-weight: 600;
    font-size: 12px;
}

.edu_schedule_state > .edu_type{
    padding:4px 8px;
    border-radius: 14px;
    background-color: #F6F6F6;
    color:#333;
    font-weight: 600;
    font-size: 12px;
}
.edu_schedule_cont_wrap > .edu_schedule_detail{
    width:calc(100% - 150px);
}
.edu_schedule_detail > .edu_schedule_name{
    margin:10px 0;
    font-size: 16px;
    font-weight:500;
    color:#111;
}

.edu_schedule_detail > .edu_schedule_cat{
    font-size:14px;
    font-weight: 500;
    color:#555;
}
.edu_schedule_cont_wrap > .edu_schedule_btn{
    width:110px;
    height:36px;
    line-height: 36px;
    text-align: center;
    color:#2B398F;
    display: block;
    border: 1px solid #2B398F;
    border-radius: 23px;
    font-size:15px;
    font-weight:500;
}
/* 실시간 교육 신청 */

#contents.new_eduworkshop .edu_menu_list_wrap {
    margin: 40px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
}


.new_eduworkshop .layout__division {
    padding-top: 0;
}

.wrokshop_left .lnb {
    width: 100%;
}

.wrokshop_left .edu_workshop_cat_wrap .edu_sub_cat {
    display: none;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.wrokshop_left .edu_workshop_cat_wrap > li > a {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
}

.wrokshop_left .edu_workshop_cat_wrap > li:not(:first-of-type) > a::after {
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -18px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -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;
}

.wrokshop_left .edu_workshop_cat_wrap > li > a.current::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.wrokshop_left .edu_workshop_cat_wrap .edu_sub_cat > li {
    margin-bottom: 18px;
}

.wrokshop_left .edu_workshop_cat_wrap .edu_sub_cat > li > a {
    height: inherit;
}

.wrokshop_left .edu_workshop_cat_wrap .edu_sub_cat > li > a:hover,
.wrokshop_left .edu_workshop_cat_wrap .edu_sub_cat > li > a.on {
    color: #111;
    font-weight: 600;
}

.filter__item > ul > li > .datepicker_wrap > .date_label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

.filter__item > ul > li > .datepicker_wrap > .new_input_type {
    background-image: url(../images/renewal/calendar_btn.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    width: 140px;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 36px;
    box-sizing: border-box;
    padding-right: 40px;
    padding-left:10px;
}

.mo_edu_search_btn {
    display: none;
}

.filter__item > ul > li > .datepicker_wrap > input + .date_label {
    margin-top: 14px;
}

.filter__item > ul > li > .input_wrap > .edu_input_group {
    position: relative;
    width: 140px;
}

.filter__item > ul > li > .input_wrap > .edu_input_group > input {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 36px;
    padding-left: 10px;
    padding-right: 40px;
    text-align: right;
}

.filter__item > ul > li > .input_wrap > .edu_input_group > span {
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 14px;
    color: #999;
    font-weight: 500;
}

.filter__item > ul > li > .input_wrap > span {
    font-size: 12px;
    font-weight: 500;
    color: #555;
    display: block;
    margin-bottom: 5px;
}

.filter__item > ul > li > .input_wrap > .edu_input_group + span {
    margin-top: 14px;
}

.edu_workshop_search_wrap {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-bottom: 24px;
}

.edu_workshop_search_wrap .wrokshop_search_wrap {
    display: flex;
    gap: 8px;
}

.wrokshop_search_wrap > .ul_select_wrap {
    width: 124px;
}

.edu_workshop_search_wrap .wrokshop_search_wrap > #workshop_search {
    border-radius: 22px;
    border: none;
    padding-left: 50px;
    padding-right: 10px;
    max-width: 210px;
    background: #F6F6F6 url("https://dev.inpsyt.co.kr/front/resources/imgs/icon_search.svg") no-repeat 18px 50%
}

.edu_workshop_search_wrap .edu_month_schedule {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 44px;
    border: 1px solid #ddd;
    border-radius: 22px;
    text-align: center;
    gap: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.purchase__division .division__right.wrokshop_right {
    gap: unset;
}

.edu_workshop_list_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 24px;
}

.edu_workshop_list_top > .edu_workshop_list_total_wrap {
    display: flex;
    align-items: center;
    gap: 30px;
}

.edu_workshop_list_top .edu_workshop_totalcount {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_workshop_guide {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_workshop_guide > span {
    display: flex;
    align-items: center;
}

.edu_workshop_guide > .guide_desc {
    display: none;
}

.ul_select_wrap.edu_list_filter {
    border: none;
    font-size: 14px;
    color: #777;
    width: 90px;
    height: 24px;
    line-height: 24px;
}

.ul_select_wrap.edu_list_filter .toggle-arrow {
    font-size: 12px;
    margin-left: 3px;
    display: inline-block;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ul_select_wrap.edu_list_filter span {
    color: #777;
}

.ul_select_wrap.edu_list_filter .ul_select_option {
    padding: 0;
    border-radius: 8px;
}

.ul_select_wrap.edu_list_filter .ul_select_option li.selected a,
.ul_select_wrap.edu_list_filter .ul_select_option li:hover a {
    border-radius: 8px;
}


/* 기본 상태: ▼ 모양 */
.ul_select_wrap.edu_list_filter::after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #333;
    border-bottom: none;
    transform-origin: center;
    transform: rotate(0deg);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* active 상태: ▲ 모양 (180도 회전) */
.ul_select_wrap.edu_list_filter.active::after {
    transform: rotate(180deg);
}

.guide_desc {
    display: none;
    width: 265px;
    font-size: 14px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: absolute;
    padding: 16px 20px;
    border-radius: 12px;
    z-index: 1000;
    border: none;
}

.guide_desc > a {
    display: inline-block;
    margin-top: 10px;
}

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

.edu_workshop_list_wrap {
    width: 100%;
}

.only_mo {
    display: none;
}

.edu_workshop_list_header {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 24px;
}

.edu_workshop_list_header > div {
    text-align: center;
}

.edu_workshop_list > li > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.edu_workshop_list > li > div:not(:first-of-type) {
    align-items: center;
}

.edu_workshop_list_header > div:nth-of-type(1),
.edu_workshop_list > li > div:nth-of-type(1) {
    width: 70%;
}

.edu_workshop_list_header > div:nth-of-type(2),
.edu_workshop_list_header > div:nth-of-type(3),
.edu_workshop_list > li > div:nth-of-type(2),
.edu_workshop_list > li > div:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

.workshop_other_date {
    display: none;
    background-color: #fff;
}

.workshop_other_date > li {
    height: 36px;
    line-height: 36px;
}

.workshop_date.add_time.active + .workshop_other_date {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    padding: 0 16px;
    border-radius: 22px;
}



.edu_workshop_list > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 28px 24px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.workshop_list_cont > .workshop_state {
    font-size: 15px;
    font-weight: 500;
    color: #777;
}

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

.workshop_list_cont > .workshop_title > a {
    color: #2B398F;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.workshop_list_cont > .workshop_etc {
    display: flex;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.workshop_date_wrap {
    position: relative;
    margin-left: 12px;
}

.workshop_date {
    position: relative;
    padding-right: 30px;
    border: 1px solid #ddd;
    border-radius: 22px;
    padding: 8px 16px;
}

.workshop_date.add_time {
    padding-right: 30px;
    cursor: pointer;
}

.workshop_date.add_time::after {
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -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;
}

.workshop_date.add_time.active::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.workshop_day {
    color: #333;
}

.workshop_time {
    color: #777;
}

.workshop_professor .add_text {
    color: #777;
}

.workshop_date .add_text {
    font-size: 14px;
    color: #333;
}

.workshop_day + .workshop_time::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}

.more_detail_btn {
    display: flex;
    width: 110px;
    height: 36px;
    border: 1px solid #2B398F;
    border-radius: 23px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #2B398F;
}



#new_paging_type2 {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 60px;
}

#new_paging_type2 strong {
    color: #000;
    display: inline-block;
    width: 24px;
    text-decoration: underline;
    font-weight: 600;
}

#new_paging_type2 a {
    text-decoration: none;
    color: #999;
    padding: 0;
    display: inline-block;
    width: 24px;
    font-weight: 500;
}

#new_paging_type2 a.btn.disabled {
    opacity: 0.4;
}

#new_paging_type2 a:hover {
    color: #111;
}

#new_paging_type2 a.btn-prev {
    margin-right: 12px;
    font-size: 0;
}

#new_paging_type2 a.btn-next {
    margin-left: 12px;
    font-size: 0;
}
#new_paging_type2 a.btn-first {
    display: none;
}
#new_paging_type2 a.btn-last {
    display: none;
}
#new_paging_type2 a.btn.btn-next > span{
	display: inline-block;
    width: 24px;
    height: 24px;
	background: url('../images/renewal/pg2_next.png') no-repeat 0 0;
}
#new_paging_type2 a.btn.btn-prev > span{
	display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/renewal/pg2_prev.png') no-repeat 0 0;
}

.edu_workshop_mo_subcat {
    display: none;
}

.edu_workshop_mo_subcat > li {
    display: none;
}

.division__right__header {
    display: none;
}

.workshop_list_cont .workshop_state_text {
    background-color: #111;
    color: #fff;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
}

.workshop_list_cont .workshop_state_text.complete {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.workshop_list_cont .workshop_type {
    background-color: #F6F6F6;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    border-radius: 14px;
    padding: 6px 10px;
    margin-left: 8px;
}

.workshop_list_cont .workshop_price {
    color: #555;
    font-weight: 500;
}

/******실시간 교육 신청_교육상세 ****/
.workshop_detail_top_wrap {
    background-color: #F1F7FF;
    padding: 60px 0 40px;
    display: flex;
    justify-content: center;
}

.workshop_detail_top {
    width: 1440px;
}

.workshop_detail_top > .workshop_detail_state {
    margin-bottom: 16px;
}

.workshop_detail_top > .workshop_detail_state > span {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 500;
}

.workshop_detail_top > .workshop_detail_state > .workshop_state {
    background-color: #111;
    color: #fff;
}

.workshop_detail_top > .workshop_detail_state > .workshop_type {
    background-color: #fff;
    color: #333;
}

.workshop_detail_top > .workshop_detail_title {
    font-size: 30px;
    font-weight: 600;
    color: #111;
    padding-bottom: 24px;
    border-bottom: 1px solid #ddd;
}

.workshop_detail_top > .workshop_detail_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 24px;
}

.workshop_detail_top > .workshop_detail_info > .info_detail_cont {
    display: flex;
}

.workshop_detail_top > .workshop_detail_info > .info_detail_cont > div {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.workshop_detail_top > .workshop_detail_info > .info_detail_cont .detail_cont_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.workshop_detail_top > .workshop_detail_info > .info_btn_group {
    display: flex;
    gap: 10px;
}

.detail_cont_group {
    display: flex;
    gap: 20px;
}

.detail_cont_group > .cont_group_title {
    width: 100px;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.detail_cont_group > .cont_group_text {
    width: 300px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.detail_cont_group > .cont_group_text > span {
    display: block;
}

.workshop_detail_top > .workshop_detail_info > .info_btn_group > a {
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    border-radius: 23px;
    font-size: 15px;
    font-weight: 500;
    color: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
}

.workshop_detail_top > .workshop_detail_info > .info_btn_group > a.btn_border_blue {
    border: 1px solid #2B398F;
    color: #2B398F;
}

.workshop_detail_top > .workshop_detail_info > .info_btn_group > a.btn_white {
    border: none;
}

.workshop_detail_body {
    position: relative;
}

.wrokshop_detail_tab {
    display: flex;
    gap: 48px;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 64px;
    padding-top: 30px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 20;
}

.wrokshop_detail_tab > a {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 16px;
    color: #555;
}

.wrokshop_detail_tab > a.on {
    color: #111;
    border-bottom: 4px solid #111;
}

.workshop_detail_body_inner {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 87px;
    margin-bottom: 120px;
}

.workshop_detail_body_inner > .workshop_detail_contents {
    width: 953px;
}

.anchor_target {
    scroll-margin-top: 142px;
}

.workshop_detail_contents_title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin-bottom: 24px;
}

.workshop_detail_contents > div + div {
    margin-top: 60px;
}

.workshop_detail_contents > div > ul {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

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


.workshop_summary_title {
    color: #2B398F;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}

.workshop_detail_contents > div > ul + .workshop_summary_title {
    margin-top: 24px;
}

.workshop_professor {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.workshop_detail_contents > div > ul + .workshop_professor {
    margin-top: 14px;
}

.workshop_inquiry_text {
    padding: 28px 36px;
    background-color: #F6F6F6;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.workshop_inquiry_text > .workshop_inquiry_tell > span {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.workshop_inquiry_text > .workshop_inquiry_tell > span:last-of-type {
    color: #333;
    margin-left: 16px;
}

.workshop_inquiry_text > a {
    font-size: 15px;
    font-weight: 500;
}

a.link_underline {
    color: #2B398F;
    text-decoration: underline;
}

.workshop_detail_body_inner > .workshop_detail_payment {
    width: 400px;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 24px 20px;
    position: sticky;
    top: 182px;
    z-index: 10;
    background-color: #fff;
}

.workshop_detail_payment > .accept_period {
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin-bottom: 8px;
}

.workshop_detail_payment > .accept_type {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 40px;
}

.workshop_detail_payment > .accept_price_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.workshop_detail_payment > .accept_price_wrap > .accept_price_type {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.workshop_detail_payment > .accept_price_wrap > .accept_price {
    font-size: 24px;
    font-weight: 600;
    color: #111;
}

.workshop_detail_payment > .workshop_detail_payment_btn > a {
    display: block;
    border-radius: 27px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding:0;
}

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

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

.edu_modal.workshop .basic_modal_header {
    padding: 38px 40px 23px 40px;
    position: relative;
}

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

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

.edu_modal.workshop .workshop_guide_modal_list {
    width: 580px;
    margin-top: 16px;
    margin-bottom: 24px;
}
.edu_modal.workshop .basic_modal_body{
    padding:0 40px;
    overflow-x:hidden;
}
.edu_modal.workshop .basic_modal_body > ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
}

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

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

.edu_modal.workshop .basic_modal_footer {
    padding: 24px 40px 32px 40px;
    justify-content: flex-end;
    box-sizing: border-box;
}

.add_certificate > .addfile_wrap > .file_add_box input[type=text] {
    width: 100% !important;
    background-color: #F6F6F6;
    border: none;
    position: relative;
    padding-right: 40px;
    text-overflow: ellipsis;
}

.add_certificate > .addfile_wrap > .file_add_box {
    padding-right: 0;
}

.add_certificate > .addfile_wrap > .file_add_box .btn_file {
    position: static;
    width: 142px;
    height: 36px;
    border: 1px solid #2B398F;
    border-radius: 23px;
    color: #2B398F;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.add_certificate > .addfile_wrap > .file_add_box .file_hidden {
    width: 142px;
    height: 36px;
}

.add_certificate .file_text_wrap {
    position: relative;
}

.add_certificate > .addfile_wrap > .file_add_box .FileTxt_del {
    position: absolute;
    right: 9px;
    top: 9px;
}

.add_certificate > .add_certificate_title{
    font-size:18px;
    font-weight:600;
    color:#111;
    margin-bottom: 16px;
}
.add_certificate > .add_certificate_list{
    width:580px;
    list-style: decimal;
    padding-left:20px;
    font-size:16px;
    font-weight:500;
    color:#333;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.add_certificate > .add_certificate_list > li {
    margin-top:8px;
}
.discount_target{
    width:580px;
    margin-top:24px;
    border:1px solid #ddd;
    border-radius: 16px;
    padding:24px 20px;
    box-sizing: border-box;
}
.discount_target ul{
    list-style: disc;
    padding-left:20px;
    box-sizing: border-box;
}
.discount_target ul >li +li{
    margin-top:8px;
}
.discount_target ul.discount_target_list{
    font-size:16px;
    font-weight:500;
    color:#333;
}
.discount_target ul.sub_target_list{
    padding-left:15px;
    color:#777;
}
.discount_target ul.discount_target_list > li + li{
    margin-top:16px;
}

/* 실시간 교육 신청_교육신청(결제진행) */
.edupayment_box > .edu_workshop_info_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.edupayment_box .edu_workshop_type > span{
    font-size:15px;
    font-weight:500;
    color:#777;
}
.edupayment_box .edu_workshop_type > span + span::before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}
.edupayment_box .edu_workshop_name {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 16px 0;
}

.edupayment_box .edu_workshop_etc {
    display: flex;
    gap: 12px;
    align-items: center;
}

.edupayment_box .edu_workshop_etc > .professor_name {
    font-size: 14px;
    font-weight: 500;
}

.edupayment_box .edu_workshop_etc > .workshop_date_wrap {
    position: relative;
}

.edupayment_box .edu_workshop_etc > .workshop_date_wrap .workshop_date.add_time.active + .workshop_other_date {
    top: 38px;
    box-sizing: border-box;
}

.edupayment_box .workshop_day {
    font-size: 14px;
    font-weight: 500;
}

.edupayment_box .workshop_time {
    font-size: 14px;
    font-weight: 500;
}

.edupayment_box .workshop_date .add_text {
    font-size: 14px;
    font-weight: 500;
}

.edupayment_box .workshop_other_date > li {
    height: 34px;
    line-height: 34px;
}
.edupayment_box > .edu_workshop_info_wrap > .edu_workshop_price {
    width: 150px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    text-align: center;
}
.edu_workshop_price > span:last-of-type {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}
.edu_workshop_price > span + span::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}
.edupayment_personnel_wrap {
    display: flex;
    align-items: flex-start;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 24px;
    box-sizing: border-box;
    gap: 24px;
}

.contents_inner.new_edupayment > div.edupayment_personnel_wrap + .edupayment_box {
    margin-top: 20px;
}

.edupayment_personnel_wrap > .personnel_wrap {
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 30px;
    background-color: #fff;
    width: 110px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 12px;
}

.edupayment_personnel_wrap > .personnel_wrap > .p_quantity_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edupayment_personnel_wrap > .personnel_wrap input.input_count {
    border: none;
    width: 35px;
    text-align: center;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.edupayment_personnel_wrap > .edupayment_personnel_guidelist {
    list-style: disc;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_personnel_wrap > .edupayment_personnel_guidelist > li + li {
    margin-top: 12px;
}

.contents_inner.new_edupayment > div.edupayment_box.personal_info {
    margin-top: 20px;
}

form.edu_pnum {
    margin-bottom: 60px;
}

form.edu_pnum>div {
    width: 954px;
    margin: 0 auto;
}

form.edu_pnum>div+div {
    margin-top: 20px;
}

.contents_inner.new_edupayment>div>form.edu_pnum>div.edupayment_box {
    padding: 24px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
}

.contents_inner.new_edupayment div.edupayment_box.add {
    position: relative;
}

.contents_inner.new_edupayment div.edupayment_box.add {
    padding: 24px;
}

.contents_inner.new_edupayment div.edupayment_box.add>.del_personal_info {
    position: absolute;
    top: 24px;
    right: 24px;
}

.edupayment_personal_info_wrap {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.edupayment_personal_info_wrap > .personal_num {
    display: flex;
    justify-content: center;
    align-items: center;
}

.edupayment_personal_info_wrap > .personal_info {
    width: calc(100% - 44px);
}

.edupayment_personal_info_wrap > .personal_num > span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    text-align: center;
}

.edupayment_personal_info_wrap .personal_info > .personal_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.personal_info_detail {
    display: flex;
    gap: 24px;
    margin-top: 16px;
}

.personal_info_detail > div {
    width: 50%;
}

.personal_info_detail_group .personal_info_detail_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    width: 80px;
}

.personal_info_detail_group .personal_info_detail_text {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: calc(100% - 80px);
}

.personal_info_detail_group > .detail_info {
    display: flex;
}

.personal_info_detail_group > .detail_info + .detail_info {
    margin-top: 8px;
}

.personal_info_detail_group > .detail_info > span {
    display: block;
}

.personal_info_input_wrap > .personal_info {
    display: flex;
    gap: 10px;
}

.personal_info_input_wrap > .personal_info + .personal_info {
    margin-top: 15px;
}

.personal_info_input_wrap > .personal_info > input {
    width: 20%;
    max-width: 165px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
}

.personal_info > .id_search_btn {
    display: block;
    width: 72px;
    height: 44px;
    line-height: 44px;
    background-color: #F6F6F6;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-radius: 24px;
    text-align: center;
}

.contents_inner.new_edupayment > div.edupayment_box.workshop {
    padding: 24px;
}

.edu_modal.pass_modal.select_id_modal .basic_modal_body {
    padding: 0 20px;
    margin-bottom: 0;
}

.edu_modal.pass_modal.select_id_modal .select_id_list_wrap > ul > li {
    display: flex;
    align-items: center;
}

.edu_modal.pass_modal.select_id_modal .select_id_list_wrap > ul > li + li {
    margin-top: 16px;
}

.edu_modal.pass_modal.select_id_modal .radio_label_wrap > span {
    display: block;
}

.edu_modal.pass_modal.select_id_modal .radio_label_wrap > span.id_type {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.edu_modal.pass_modal.select_id_modal .radio_label_wrap > span.id_text {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}




/* 실시간 교육 신청_결제 */
.contents_inner.new_edupayment > .edupayment_step_wrap.payment {
    width: 1440px;
    border-bottom: 1px solid #ddd;
}

.contents_inner.new_edupayment > div.edupayment_content_wrap {
    width: 1440px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
}

.edupayment_content_wrap > .edupayment_left {
    width: 954px;
}

.edupayment_content_wrap > .edupayment_right {
    width: 400px;
    position: sticky;
    top: 104px;
    right: 0;
    background-color: #fff;
    border-radius: 20px;
    padding: 24px 20px;
}

.edupayment_price_wrap > .edupayment_price_title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 24px;
}

.edupayment_left > .edupayment_title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #111
}

.edu_pnum {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 20px;
    color: #111
}

.edupayment_left > .edupayment_box {
    background-color: #fff;
    border-radius: 20px;
    padding: 28px 24px;
    box-sizing: border-box;
}

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

.edupayment_price_content_wrap > .edupayment_price_content + edupayment_price_content {
    margin-top: 12px;
}

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

.edupayment_price_content > .price_content_title {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_price_content > .price_content_text {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.edupayment_box > .use_point_wrap {
    display: flex;
    align-items: center;
}

.edupayment_box > .use_point_wrap > .use_point_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    width: 85px;
}

.use_point_wrap > .use_point > .new_input_type {
    width: 200px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
}

.use_point_wrap > .use_point > .point_info {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-left: 20px;
}

.use_point_wrap > .use_point > .point_info > .point_num {
    color: #2B398F;
}

.edupayment_box > .use_point_desc {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-left: 85px;
    margin-top: 12px;
    margin-bottom: 24px;
}

.edupayment_box > .use_point_desc > span {
    color: #111;
}

.edupayment_box > .use_point_guide {
    background-color: #F6F6F6;
    border-radius: 16px;
    padding: 24px;
}

.edupayment_box > .use_point_guide > .use_point_guide_list {
    list-style: disc;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edupayment_box > .use_point_guide > .use_point_guide_list > li + li {
    margin-top: 6px;
}

.edupayment_box > .use_point_guide > .use_point_guide_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 20px;
    margin-bottom: 16px;
}

.contents_inner.new_edupayment div.edupayment_attention {
    padding: 28px 24px;
    border-radius: 20px;
    border: 1px solid #ddd;
    margin-top: 20px;
    box-sizing: border-box;
    margin-bottom: 120px;
}

.edupayment_attention > .edupayment_attention_title {
    font-size: 18px;
    font-weight: 600;
    color: #EC3838;
    margin-bottom: 16px;
}

.edupayment_attention > .edupayment_attention_list {
    list-style: disc;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_attention > .edupayment_attention_list > li + li {
    margin-top: 8px;
}

.edupayment_type_wrap > .edupayment_type {
    display: flex;
}

.edupayment_type_wrap > .edupayment_type + .edupayment_type {
    margin-top: 16px;
}

.edupayment_type_wrap > .edupayment_type > .edupayment_type_title {
    width: 95px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_type_input > label + input + label {
    margin-left: 24px;
}

.edupayment_type_wrap > .edupayment_type_detail {
    background-color: #f6f6f6;
    border-radius: 16px;
    padding: 26px 24px;
    margin-top: 24px;
    display: none;
}

.edupayment_type_wrap > .edupayment_type_detail > div {
    display: none;
}

.edupayment_type_wrap > .edupayment_type_detail > div.active {
    display: block;
}

.receipt_tab {
    margin-top: 24px;
}

.receipt_content_wrap {
    border-top: 1px solid #ddd;
    margin-top: 16px;
    padding-top: 16px;
}

.receipt_content_wrap > div {
    display: none;
}

.receipt_content_wrap > div.active {
    display: block;
}

.receipt_content_wrap > .taxbill > ul > li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.receipt_content_wrap > .taxbill > ul > li + li {
    margin-top: 16px;
}

.receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_title {
    width: 150px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input {
    width: calc(100% - 180px);
    margin-left: 30px;
}

.receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_input > input.new_input_type {
    font-size: 16px;
    font-weight: 500;
    width: 200px;
    padding: 0 16px;
}

.receipt_content_wrap > .taxbill > ul > li > .taxbill_inner_desc {
    width: 100%;
    padding-left: 180px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #555;

}

.edupayment_type_wrap > .edupayment_type_detail .edupayment_type_title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #333;
}

.edupayment_type_wrap > .edupayment_type_detail .edupayment_type_detail_list {
    list-style: disc;
    padding-left: 20px;
    color: #555;
    font-size:16px;
    font-weight:500;
}

.edupayment_type_wrap > .edupayment_type_detail .edupayment_type_detail_list > li + li {
    margin-top: 8px;
}

.edupayment_price_content_wrap > .edupayment_price_content + .edupayment_price_content {
    margin-top: 10px;
}

.edupayment_price_content_wrap > .edupayment_price_content + .edupayment_price_content.total {
    margin-top: 24px;
    flex-wrap: wrap;
}

.edupayment_price_content_wrap > .edupayment_price_content + .edupayment_price_content.total > .edu_savepoint_info {
    width: 100%;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #111;
}

.edupayment_price_content.total > .price_content_title {
    color: #111;
}

.edupayment_price_content.total > .price_content_text {
    color: #2B398F;
    font-size: 24px;
    font-weight: 600;
}

.edupayment_price_content.total > .edu_savepoint_info > .edu_savepoint_notice > .edu_savepoint_txt {
    left: inherit;
    right: -20px;
    text-align: left;
}

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

.edupayment_right > .edupayment_price_wrap > .edupayment_agree {
    padding-top: 24px;
    border-top: 1px solid #ddd;
    margin-top: 24px;
}

.edupayment_right > .edupayment_price_wrap > .edupayment_agree > .edupayment_agree_txt {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edupayment_right > .edupayment_price_wrap > .edupayment_agree > .edupayment_agree_input {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.edupayment_right > .edupayment_price_wrap > .edupayment_agree > .edupayment_agree_input > label {
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_right > .edupayment_price_wrap > .edupayment_btn_wrap {
    margin-top: 28px;
}

.edupayment_right > .edupayment_price_wrap > .edupayment_btn_wrap > a {
    width: 100%;
}

.taxbill_inner_input > .datepicker_wrap > .hasDatepicker.new_input_type {
    background-image: url(images/renewal/calendar_btn.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 44px;
    box-sizing: border-box;
    padding-right: 30px;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box .btn_file {
    position: static;
    width: 142px;
    height: 36px;
    border: 1px solid #2B398F;
    border-radius: 23px;
    color: #2B398F;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box {
    padding: 0;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box .file_hidden {
    width: 142px;
    height: 36px;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box > .file_text_wrap {
    width: 580px;
    position: relative;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box > .file_text_wrap > .new_input_type {
    border: none;
    width: 100% !important;
    color: #555;
    font-size: 14px;
    font-weight: 500;
}

.taxbill_inner_input > .addfile_wrap > .file_add_box .FileTxt_del {
    position: absolute;
    right: 9px;
    top: 9px;
}

.receipt_content_wrap > .taxbill > ul > li.businesslicense {
    align-items: normal;
}

.receipt_content_wrap > .taxbill > ul > li.businesslicense > .taxbill_inner_title {
    padding-top: 7px;
}

#DBANKBillType_cash + label,
#billGbn_after + label {
    margin-left: 24px;
}

.cashreceipt > .cashreceipt_info {
    font-size: 16px;
    font-weight: 500;
    color: #2B398F;
    margin-top:8px;
}
.cashreceipt > .cashreceipt_info_list{
    list-style:disc;
    padding-left:20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color:#555;
    margin-top:16px;
}
.cashreceipt > .cashreceipt_info_list > li + li{
    margin-top:8px;
}

/* 실시간 교육 신청_결제완료*/
.edupayment_completed {
    margin-bottom: 80px;
}

.edupayment_completed > img {
    display: block;
    margin: 0 auto;
}

.edupayment_completed > .edupayment_done_text {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-top: 24px;
    text-align: center;
}

.edupayment_completed > .edupayment_done_num_wrap {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    text-align: center;
    margin-top: 12px;
}

.edupayment_completed > .edupayment_done_num_wrap > .edupayment_num {
    color: #2B398F;
    margin-left: 12px;
}

.contents_inner.new_edupayment > div.edupayment_box.payment_type_info {
    margin-top: 20px;
}

.payment_type_info_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.payment_type_info_title > span.inner_text {
    color: #2B398F;
    margin-left: 12px;
}

.payment_type_info_wrap {
    display: flex;
}

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

.payment_type_info_wrap > .payment_type_info_cont > .payment_type_info_text > .inner_title {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    display: inline-block;
    width: 100px;
    margin-right: 20px;
}

.payment_type_info_wrap > .payment_type_info_cont > .payment_type_info_text > .inner_text {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.contents_inner.new_edupayment > div.edupayment_refund {
    padding: 28px 24px;
    border-radius: 20px;
    border: 1px solid #ddd;
    margin: 20px auto;
    box-sizing: border-box;
}

.edupayment_refund > .edupayment_refund_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
}

.edupayment_refund > .edupayment_refund_list {
    list-style: disc;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
}

.edupayment_refund > .edupayment_refund_list > li + li {
    margin-top: 8px;
}

.example_text {
    color: #777;
}

.edupayment_btn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.edupayment_btn_wrap > a {
    display: block;
    border-radius: 27px;
    width: 134px;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.filter__item .datepicker_wrap{
  flex-direction: column;
  align-items: normal;
}

.ui-datepicker {
	width:250px;
    font-size:14px !important;
    margin-top:5px;
}

.ui-datepicker select{
    height:40px;
    background-size:15px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    top:10px;
}

/*할인 신청하기 모달 주의 문구 추가*/
.edu_caution{
	list-style:none;
	color:#ec3838;
	word-break:keep-all;
	padding-bottom:20px;
}
.edu_caution::marker {
	content: '* ';
}