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

.contents_inner.renewal {
    font-family: "pretendard", sans-serif !important;
}

/* 페이지 위치정보 */
.location_wrap.new_my {
    width: 100%;
    background-color: #f6f6f6;
    font-family: "pretendard", sans-serif;
    display: none !important;
}

.location_wrap.new_my > .location_path {
    width: 994px;
    margin: 0 auto;
}

/* 페이지 타이틀 */
.title_wrap.new_my {
    margin: 0;
    display: none;
}

/* 신규 마이페이지 */
.new_mypage_wrap {
    width: 100%;
    background-color: #fff;
    font-family: "pretendard", sans-serif;
    padding-top: 30px;
}

/*기관 회원 라벨링*/
.new_mypage_wrap > .label_wrap {
    width: 100%;
    max-width: 994px;
    margin: 0 auto;
    padding: 10px 0;
}

.institution_label {
    background-color: #2b398f;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
}

.new_mypage_wrap > .new_mypage {
    display: flex;
    justify-content: space-between;
    width: 994px;
    margin: 0 auto;
    padding: 0;
    gap: 20px;
}

/* 회원정보 부분*/
.new_mypage > .my_info {
    width: 30%;
}

.my_info_group1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}

.my_info_group1.expert {
    justify-content: flex-start;
}

.my_info_group1 .my_name_wrapper {
    width: 70%;
    min-height: 63px;
    overflow: hidden;
    max-height: 2.5em;
    /* 최대 2줄까지 표시하도록 설정 */
    line-height: 1.25em;
    /* 높이를 조절할 때 한 줄당 높이 설정 */
    font-size: 24px;
    color: #000;
}

/* 개인 디자인 예외 처리 */
.my_info_group1 .my_name_wrapper.individual {
    width: inherit;
    min-height: inherit;
}

.my_name_wrapper.individual > .my_name > .user_name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    max-width: 160px;
}

.my_info_group1 .my_name {
    width: 100%;
}

.my_name > .user_name {
    font-weight: 800;
    display: inline;
}

.my_name > .user_name.individual {
    display: inline-block;
}

.my_name > .nim {
    display: inline;
}

.my_name > .nim.individual {
    display: inline-block;
    vertical-align: top;
}

.my_name > .min {
    display: inline;
}

.user_info_btn {
    text-align: right;
}

.my_info_group1.individual > .user_info_btn {
    margin-left: 10px;
    min-width: 80px;
}

.user_info_btn > a {
    display: block;
    background-color: #f8f8f8;
    font-size: 15px;
    color: #2b398f;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
    text-align: center;
}

.my_info_group2 {
    display: flex;
    justify-content: space-between;
}

.my_info_group2.individual {
    background-color: #e0e3ff;
    border-radius: 16px;
    align-items: center;
    padding: 15px 20px;
}

/*
.my_info_group2.individual>.my_level{
    display: block;
}
.my_info_group2.individual>.my_level_manage{
    display: block;
}
*/

.my_info_group2 > div {
    color: #333;
    font-weight: 500;
}

.my_level > .my_level_info {
    font-size: 16px;
    color: #2b398f;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    height: 24px;
    margin-right: 5px;
}

.level_info_icon {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.level_info_icon > img {
    margin-top: -5px;
}

.level_info_icon > span.level_desc {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 350px;
    /* UX 개선 2025.03.24 */
    left: -60px;
    top: 35px;
    color: #fff;
    background-color: rgba(20, 20, 20, 0.9);
    padding: 20px;
    z-index: 50;
    border-radius: 10px;
}

.level_info_icon:hover > span.level_desc {
    display: block;
}

.level_info_icon > span.level_desc:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 64px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid rgba(20, 20, 20, 0.8);
}

/* UX 개선 2025.03.24 - (레벨 안내 툴팁) 시작 */
.level_info_icon > span.level_desc > span {
    display: block;
    width: 100%;
}

.level_info_icon > span.level_desc a {
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
}

.level_info_icon > span.level_desc a > img {
    width: 16px;
    display: inline-block;
    margin-top: -2px;
}

.level_info_icon > span.level_desc ul {
    list-style: disc;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 400;
    word-break: keep-all;
}

.level_info_icon > span.level_desc ul > li > span {
    font-weight: 600;
}

/* UX 개선 2025.03.24 - (레벨 안내 툴팁) 끝 */

.my_level_manage,
.my_subID {
    font-size: 15px;
}

.my_level_manage > a > img,
.my_subID > a > img {
    margin-top: -2px;
}

.level_desc {
    font-size: 13px;
    font-weight: 300;
}

.level_desc > span {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

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

/* 마이페이지 메뉴 */
.new_mypage > .my_menu {
    width: 70%;
}

.new_mypage > .my_menu_mo {
    display: none;
}

.new_mypage > .my_menu > ul {
    display: none;
}

.new_mypage > .my_menu > ul.active {
    display: flex;
}

.my_menu_list {
    display: flex;
    align-items: center;
    gap: 15px;
    height: 100%;
}

.my_menu_list > li {
    display: block;
    background-color: #f8f8f8;
    border-radius: 8px;
    height: 102px;
    /*수정 2024.06.05*/
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 85% 85%;
}

.my_menu_list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.my_menu_list > li:hover {
    box-shadow: 1px 4px 15px 0px rgba(0, 0, 0, 0.18);
}

.my_menu_list > li.on {
    color: #2b398f;
    background-color: #fff;
    border: 1px solid #557aff;
    box-shadow: 1px 4px 15px 0px rgba(0, 0, 0, 0.18);
}

.my_menu_list > li.basket {
    background-image: url('../images/newMypage/basket.png');
}

.my_menu_list > li.buy_list {
    background-image: url('../images/newMypage/buy_list.png');
}

.my_menu_list > li.test_result {
    background-image: url('../images/newMypage/test_result.png');
}

.my_menu_list > li.edu_list {
    background-image: url('../images/newMypage/edu_list.png');
}

.my_menu_list > li.support {
    background-image: url('../images/newMypage/support.png');
}

.my_menu_list > li.d_buy_list {
    background-image: url('../images/newMypage/d_buy_list.png');
}

.my_menu_list > li.notice {
    background-image: url('../images/newMypage/notice.png');
}

.my_menu_list.individual > li {
    width: 20%;
}

.my_menu_list.institution > li {
    width: 25%;
}

.my_menu_list.institution_sub > li {
    text-align: center;
    width: 50%;
    background-position: 50% 80%;
}

.my_menu_list.distribution > li {
    width: 33.333%;
}

/* 서브메뉴 포인터*/
.sub_menu_pointer {
    color: black;
    display: block;
    position: relative;
}

.sub_menu_pointer {
    color: white;
    display: none;
    position: relative;
}

.my_menu_list > li.on .sub_menu_pointer {
    display: block;
}

.sub_menu_pointer::before,
.sub_menu_pointer::after {
    border-color: transparent transparent #ddd transparent;
    border-style: solid;
    border-width: 20px 15px 20px 15px;
    content: "";
    left: 46%;
    margin: 0 0 0 -10px;
    position: absolute;
    bottom: -35px;
}

.sub_menu_pointer::after {
    border-color: transparent transparent #fff transparent;
    bottom: -36px;
}

/* 마이페이지 서브메뉴 */
.my_menu_sub_wrap {
    font-family: "pretendard", sans-serif;
    display: none;
}

.my_menu_sub_wrap.active {
    display: block;
}

.my_menu_sub {
    margin: 30px auto;
    overflow-x: auto;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    height: 64px;
}

.my_menu_sub_list {
    width: max-content;
    margin: 0 auto;
    display: none;
    height: 64px;
}

.my_menu_sub_list > li {
    /*    display: none;*/
    display: inline-block;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px;
    box-sizing: border-box;
    color: #555;
}

.my_menu_sub_list > li:last-of-type {
    margin-right: 0;
}

.my_menu_sub_list > li.on {
    border-bottom: 3px solid #2B398F;
    color: #2B398F;
    font-weight: 700;
}

.mo_sub_title {
    display: none;
}

.my_menu_sub_mo {
    display: none;
}


/************************************ 비밀번호 인증 ******************************************/
.contents_inner.new_mypage * {
    font-family: "pretendard", sans-serif !important;
}

.contents_inner.new_mypage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.contents_inner.new_mypage .title_etc {
    font-size: 40px;
    font-weight: 500;
    color: #000;
}

.contents_inner.new_mypage .login_box {
    border: none;
    padding: 0;
}

.contents_inner.new_mypage .login_box > .text1 {
    font-size: 18px;
    font-weight: 500;
    color: #777;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
}

.font_blue {
    color: #2B398F;
    font-weight: 600;
}

.contents_inner.new_mypage .login_box input {
    height: 44px;
    border-radius: 8px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 16px;
    width: 340px;
    padding: 0 20px;
}

.contents_inner.new_mypage .login_box input::placeholder {
    color: #999;
}

.contents_inner.new_mypage .join_box {
    border: none;
    padding: 0;
    margin: 30px;
    font-size: 15px;
}

.contents_inner.new_mypage .btn_area_center {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto 0;
}

.contents_inner.new_mypage .btn_area_center a {
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    display: block;
    margin: 0;
}

.contents_inner.new_mypage .btn_area_center a.prev_btn {
    border: 1px solid #ddd;
    color: #333;
    width: 120px;
    margin-right: 10px;
}

.contents_inner.new_mypage .btn_area_center a.confirm_btn {
    background-color: #2b398f !important;
    color: #fff;
    width: 210px;
}

/************************************ 회원정보 수정 ******************************************/
#container.new .contents_inner .p_cc_wrap1.new_mypage {
    margin-top: 50px;
}

.member_info_title {
    font-size: 24px;
    font-weight: 600;
}

/*
.new_member_info {
    border-top: 1px solid #ddd;
    margin-top: 20px;
}
*/

.new_member_info > table {
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
}

.new_member_info > table > tbody > tr > th {
    font-size: 16px;
    color: #777;
    width: 160px;
    padding-right: 15px;
}

.new_member_info > table > tbody > tr > th,
.new_member_info > table > tbody > tr > td {
    padding-bottom: 10px;
}

.new_member_info > table > tbody > tr > th > label {
    font-weight: 500;
}

.require {
    color: #ff2e2e;
}

.new_member_info > table > tbody > tr > td .member_input_wrap {
    max-width: 400px;
}

.new_member_info input {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    padding: 0 20px;
    color: #333 !important;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
}

.new_member_info table input:disabled,
.new_member_info table input:read-only {
    background-color: #f6f6f6;
    color: #777;
}

.custom-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio .radio-label {
    display: block;
    float: left;
    width: 60px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    background-color: #f6f6f6;
    box-sizing: border-box;
    color: #333;
    font-weight: 500;
}

.custom-radio .radio-label.male {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-radio .radio-label.female {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -4px;
}

.custom-radio input[type="radio"]:checked + .radio-label {
    border-color: #2b398f;
    z-index: 10;
}

.font_gray {
    color: #777;
}

input[type="radio"].new_radio {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 0 !important;
}

.new_label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.new_label::before {
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    border: solid 1.6px #999999;
    border-radius: 50%;
    margin-right: 0.5em;
    transition:
        border ease-in 150ms,
        box-shadow ease-in 150ms;
}

input[type="radio"].new_radio:checked + .new_label,
input[type="radio"].new_radio:focus + .new_label {
    color: black;
}

input[type="radio"].new_radio:checked + .new_label::before {
    background: radial-gradient(12px circle at center, #2b398f 50%, transparent 55%);
    /*box-shadow: 0 0 1em 0 rgba(10, 150, 255, 0.75);*/
    border-color: #2b398f;
}

input[type="radio"].new_radio:focus + .new_label::before {
    /*box-shadow: 0 0 1em 0 rgba(10, 150, 255, 0.75);*/
    border-color: #2b398f;
}

.input_txt_top {
    vertical-align: top;
    padding-top: 15px;
}

.mem_addr > div:first-child {
    display: flex;
    justify-content: space-between;
}

.new_member_info input#tempZipcode,
.new_member_info input#tempZipcode2 {
    width: 260px;
}

.new_member_info a#zipcodeBtn,
.new_member_info a#zipcodeBtn1 {
    width: 128px;
    height: 44px;
    line-height: 44px;
    color: #333;
    background-color: #f6f6f6;
    border-radius: 8px;
    font-weight: 500;
    border: none;
}

input[type="text"].input_tell {
    max-width: 70px;
    padding: 0 10px !important;
    text-align: center;
}

.new_member_info .file_add_box {
    width: 400px !important;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
}

.new_member_info .file_add_box > #FileTxt {
    max-width: 290px;
    box-sizing: border-box;
}

.new_member_info a.btn_file {
    width: 95px;
    height: 44px;
    line-height: 44px;
    color: #333;
    background-color: #f6f6f6;
    border-radius: 8px;
    font-weight: 500;
    border: none;
    z-index: 2;
}

.p_cc_wrap1.new_mypage form > div {
    padding-bottom: 40px;
}

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

.font_red {
    color: #ec3838;
}

.btn_white {
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff !important;
    color: #333 !important;
}

.btn_blue {
    border: none;
    border-radius: 8px;
    background-color: #2b398f !important;
    color: #fff !important;
}

.btn_area_center > a {
    width: 150px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}

.desc_txt_list {
    list-style: disc;
    padding: 10px 0 10px 20px;
}

/* select bodx*/
.new_member_info .new_select {
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}

.nice-select.new_select:active,
.nice-select.new_select.open,
.nice-select.new_select:focus {
    border-color: #ddd;
}

.new_select .list {
    margin-top: 10px;
    border: 1xp solid #ddd;
    width: 100%;
    box-shadow: 2px 4px 20px 1px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    z-index: 11;
}

.nice-select.new_select .option:hover,
.nice-select.new_select .option.focus,
.nice-select.new_select .option.selected.focus {
    background-color: #fff;
    color: #2B398F;
}

.nice-select:after {
    width: 8px;
    height: 8px;
    border-bottom: 1.5px solid #777;
    border-right: 1.5px solid #777;
    margin-top: -6px;
}

/* 회원 정보 수정 모달 */

#mem_edit.modal.mem_edit_modal > .modal-dialog {
    max-width: 380px;
}

#mem_edit .modal-dialog .modal-header {
    height: 70px;
    box-sizing: border-box;
    border: none;
}

#mem_edit .modal-dialog .modal-body {
    text-align: center;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

#mem_edit .modal-dialog .modal-footer {
    border: none;
    padding: 60px 30px 20px;
    justify-content: space-between;
}

#mem_edit .modal-dialog .modal-footer > button {
    width: 48%;
    height: 50px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    box-sizing: border-box;
}

#mem_edit .modal-dialog .modal-footer > button.modal_close {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
}

#mem_edit .modal-dialog .modal-footer > button.mem_pass {
    background: #2b398f;
    color: #fff;
}

/********* 로그인 페이지 *********/
.new_mypage .login_wrap {
    text-align: center;
    max-width: 400px;
}

.new_mypage .login_wrap .btn_login {
    position: inherit;
    top: inherit;
    right: inherit;
    display: block;
}

.rememver_id {
    margin: 10px auto;
    font-sizE: 16px;
    font-weight: 400;
    text-align: left;
    padding: 0 30px;
    box-sizing: border-box;
}

/* 아이디저장 off */
#saveId + label {
    background-repeat: no-repeat;
    background-image: url('../images/renewal/check.png');
    padding-left: 25px;
}

/* 아이디저장 on */
#saveId:checked + label {
    background-repeat: no-repeat;
    background-image: url('../images/renewal/checked.png');
}

.new_mypage .login_wrap #processBtn {
    background-color: #2B398F;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    max-width: 340px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 600;
}

a.mem_search_btn {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}

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

.contents_inner.new_mypage .login_wrap .etc_box {
    padding: 0;
    margin: 15px auto;
}

.mem_add {
    font-size: 16px;
    font-weight: 600;
}


/************************  회원 탈퇴  *************************/
.sub_title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    font-family: 'pretendard', sans-serif !important;
    margin: 50px 0 30px;
}

.desc_box {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

.desc_list {
    list-style: disc;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
    padding-inline-start: 20px;
    line-height: 1.5;
}

.desc_list > li {
    padding-bottom: 5px;
}

.desc_list > li:last-child {
    padding-bottom: 0;
}

.desc_list .font_blue {
    font-weight: 500;
}

.memout_chk {
    font-size: 22px;
    font-weight: 500;
    margin: 50px 0 30px;
    color: #333;
    line-height: 1.8;
}

.memout_chk .mem_name {
    font-size: 24px;
}

.memout_chk .mem_id {
    font-size: 18px;
    font-weight: 500;
}

.memout_chk_list {
    border-top: 1px solid #ddd;
}

.chk_list_title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 20px 0;
}

.memout_chk_list > ol > li {
    padding-bottom: 15px;
}

.leave_message > textarea {
    width: 100%;
    min-height: 190px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 15px;
}

.leave_message > textarea::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #999;
}

.btn_gray {
    background-color: #999 !important;
    color: #fff;
    border-radius: 8px;
    border: none;
}

.btn_area_center > a {
    font-weight: 600;
}

/******************************* 기관로고 **************************************/

.logo_registe_area {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 30px 0;
    font-family: "pretendard", sans-serif;
    padding-bottom: 30px;
}

.logo_registe_area_inner {
    width: 994px;
}

.sub_title.logo_registe {
    margin: 40px 0 20px;
    text-align: center;
}

.sub_title.logo_registe2 {
    text-align: left;
}

.logo_size {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.logo_filebox {
    width: 50%;
    margin: 30px auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.logo_filebox input[type="text"] {
    width: 80%;
    height: 44px;
    border-radius: 8px;
    padding: 0 8% 0 3%;
}

.logo_filebox .file_hidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 31px;
    font-size: 12px;
    line-height: 27px;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}

.logo_filebox .btn_file {
    width: 18%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
}

.desc_box.blue_box {
    box-shadow: none;
    max-width: 994px;
    background-color: #ecf4ff;
}

.logo_filebox .btn_upload {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 22%;
    top: 20%;
    background-image: url('../images/renewal/upload.png');
}

/* 등록된 로고 */
.registered_logo_wrap {
    width: 100%;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    box-sizing: border-box;
    height: 140px;
    display: flex;
    align-items: center;
}

.registered_logo_wrap > div {
    height: 80px;
    width: 30%;
    margin-right: 5%;
    display: flex;
    white-space: nowrap;
}

.registered_logo_wrap > div:last-child {
    margin-right: 0;
}

.registered_logo_wrap > div.registered_logo {
    /*background-color:#ccc;*/
    justify-content: center;
    align-items: center;
}

.registered_logo_wrap > div.registered_logo > img {
    max-width: 250px;
    max-height: 80px;
}

.registered_logo_wrap > div.logo_company_name {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.registered_logo_wrap > div.registered_info {
    flex-direction: column;
    text-align: right;
    justify-content: space-between;
}

.logo_company_name > .name_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.logo_company_name > .company_name {
    font-size: 18px;
    font-weight: 500;
    color: #2b398f;
}

.registered_info > .registered_date {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.logo_delete > #delProcessBtn {
    width: 62px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
}

.mo_logo_registe_area {
    display: none;
}

/* 서브 아이디 */
.sub_title.subid {
    text-align: center;
}

.subid_desc_area {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 20px 0 30px;
    padding-bottom: 30px;
    font-family: "pretendard", sans-serif;
}

.subid_desc_area_inner {
    width: 994px;
    margin: 0 auto;
}

.subid_desc {
    width: 80%;
    font-size: 16px;
    font-weight: 500;
}

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

.registid_btn {
    display: inline-block;
    background-color: #fff;
    color: #2b398f;
    font-size: 15px;
    font-weight: 600;
    width: 105px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 8px;
}

.registid_btn:hover {
    color: #2b398f;
}

.search_box_style {
    background-color: #f8f8fb;
    border-radius: 16px;
    padding: 20px 30px;
    font-family: "pretendard", sans-serif;
    margin-bottom: 30px;
}

.search_box_style .search_tb {
    width: 100%;
    font-size: 16px;
}

.search_box_style .search_tb > tbody > tr {
    height: 45px;
}

.search_box_style .search_tb > tbody > tr > th {
    width: 10%;
    font-weight: 600;
    color: #000;
}

.search_box_style .search_tb > tbody > tr > td {
    font-weight: 500;
    color: #777;
}

.search_box_style .inputbox {
    height: 40px;
    border-radius: 8px;
    border: none;
    font-family: "pretendard", sans-serif;
}

.radio_none input[type="radio"] {
    display: none;
}

.label_tab {
    cursor: pointer;
    margin-bottom: 1px;
}

input[type="radio"]:checked + label {
    color: #2b398f;
    font-weight: 600;
}

input[type="radio"] + label + input[type="radio"] + .label_tab:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 10px;
    vertical-align: -1px;
}

.psycl_test_wrap.subid {
    display: block;
}

.psycl_test_wrap.subid #searchBtn {
    color: #fff;
    background: #2b398f;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
}

.sub_title.subid2 > .registid_total {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    vertical-align: middle;
    margin-left: 10px;
}

.result_list > li {
    width: 100%;
    padding: 20px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 500;
    font-family: "pretendard", sans-serif;
    margin-bottom: 30px;
    border-radius: 16px;
    box-sizing: border-box;
}

.subid_wrap,
.subid_date_wrap {
    width: 50%;
    margin-bottom: 20px;
}

.subid_date_wrap {
    display: flex;
    font-size: 14px;
    color: #999;
    justify-content: flex-end;
}

.creat_date + .use_date:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #cbcbcb;
    margin: 0 10px;
    vertical-align: -1px;
}

.subid_cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8fb;
    border-radius: 8px;
    padding: 10px 20px;
}

.subid_cont.edit {
    padding: 20px;
}

.subid_cont.edit .subid_cont_title {
    color: #333;
}

.subid_cont.edit > div:nth-child(1),
.subid_cont.edit > div:nth-child(2) {
    width: 20%;
}

.subid_cont.edit > div:nth-child(3) {
    width: 40%;
}

.subid_cont.edit > div:nth-child(3) > .input_tell_wrap {
    width: 90%;
    justify-content: space-between;
}

.subid_cont.edit > div:nth-child(3) > .input_tell_wrap > input {
    width: 30%;
}

.subid_cont.edit > div:nth-child(4) {
    width: 10%;
}

.subid_cont.edit > div:nth-child(5) {
    width: 10%;
    text-align: right;
    justify-content: flex-end;
}

.subid_title {
    font-size: 14px;
}

.subid_cont_title {
    font-size: 16px;
    color: #777;
}

.subid_wrap > .subid {
    font-size: 18px;
    font-weight: 500;
}

.subid_input_txt {
    color: #333;
    font-size: 16px;
    margin-left: 10px;
}

.subid_edit_btn {
    width: 62px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
}

.subid_cont .new_select {
    border-radius: 8px;
    height: 44px;
    width: 80px;
}

.subid_cont input,
.subid_cont .input_tell_wrap,
.subid_cont .new_select {
    display: none;
}

.subid_cont.edit input,
.subid_cont.edit .input_tell_wrap,
.subid_cont.edit .new_select {
    display: inline-flex;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    width: 90%;
    font-family: "pretendard", sans-serif;
    align-items: center;
}

.subid_cont.edit .subid_input_txt {
    display: none;
}

.new_input_type[type="text"] {
    border-radius: 8px;
    border: 1px solid #ddd;
    height: 44px;
    font-family: 'pretendard', sans-serif;
}

.new_input_type[type="password"] {
    border-radius: 8px;
    border: 1px solid #ddd;
    height: 44px;
    font-family: 'pretendard', sans-serif;
}

.subid_cont_group {
    display: flex;
}

.subid_cont.edit .subid_cont_group {
    flex-wrap: wrap;
}

.subid_cont.edit .subid_cont_group > span {
    margin-bottom: 10px;
}

.subid_cont_group .new_select {
    border: 1px solid #ddd;
}

.mo_filter {
    display: none;
    padding: 0;
}

/* 페이징 */
.paging.new_paging {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    font-family: "pretendard", sans-serif;
    margin: 50px 0 0 0;
}

.paging.new_paging > a {
    width: 30px;
    height: 30px;
    background: none;
    box-sizing: border-box;
    font-weight: 500;
}

.paging.new_paging strong {
    width: 30px;
    height: 30px;
    background: none;
    color: #2b398f;
    font-weight: 700;
    font-family: "pretendard", sans-serif;
    box-sizing: border-box;
}

.paging.new_paging > a.btn-first {
    display: none;
}

.paging.new_paging > a.btn-last {
    display: none;
}

.paging.new_paging > a.btn-next > span {
    background: url('../images/renewal/pg_next.png') no-repeat 0 0;
}

.paging.new_paging > a.btn-prev > span {
    background: url('../images/renewal/pg_prev.png') no-repeat 0 0;
}

.paging.new_paging > a.btn-prev.disabeld > span {
    background-image: url(../images/renewal/pg_prev_disabled.png);
    /*페이징 첫페이지 일경우 이전 버튼 비활성화*/
}

.paging.new_paging > a.btn-next.disabeld > span {
    background-image: url(../images/renewal/pg_next_disabled.png);
    /*페이징 마지막페이지 일경우 다음 버튼 비활성화*/
}

/* 모달 기본형 */
.basic_modal {
    display: none;
    position: fixed;
    z-index: 1050;
    /* 모달이 항상 최상위 레벨에 나타나도록 설정 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    /* 검은색 배경, 투명도 설정 */
    justify-content: center;
    align-items: center;
    font-family: 'pretendard', sans-serif;
}

.basic_modal_content {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 32px;
    width: auto;
    max-width: 730px;
    max-height: 90vh;
    /* UX 개선 2025.03.24 */
    padding: 0;
}

/*원격 온라인 코드 모달만 최대 너비 예외처리*/
.onlinecode_send_modal .basic_modal_content {
    max-width: 900px;
}

.basic_modal_header,
.basic_modal_footer {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic_modal_header {
    text-align: center;
    position: relative;
}

.basic_modal_header .basic_modal_title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.basic_modal_body {
    max-height: calc(90% - 180px);
    padding: 0 50px;
    overflow-y: auto;
    overflow-x: hidden;
    /* UX 개선 2025.03.24 */
}

.basic_modal_footer {
    text-align: center;
}

.basic_modal_footer a {
    margin-left: 15px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    padding: 0 30px;
    line-height: 50px;
}

.basic_modal_footer a:first {
    margin-left: 0;
}

/* 서브 ID 등록 모달 설정 */
.basic_modal.add_subid .basic_modal_content {
    width: 730px;
}

.basic_modal.add_subid .subid_input_txt {
    margin-left: 0;
}

.basic_modal_body > .desc_box.add_subid {
    margin-bottom: 30px;
    font-size: 16px;
}

.subid_creat {
    margin-bottom: 10px;
}

.subid_creat > label {
    color: #333;
    font-weight: 600;
    display: inline-block;
    margin-right: 15px;
}

.subid_creat > .creat_id_btn {
    width: 70px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
}

.result_list.add_subid > li {
    margin-bottom: 15px;
}

.result_list.add_subid > li > div {
    width: 50%;
}

.result_list.add_subid > li > div.subid_cont_group > span {
    display: block;
    margin-left: 0;
}

.result_list.add_subid > li > div.subid_cont_group > span.subid_cont_title {
    font-size: 14px;
}

.result_list.add_subid > li > div.subid_cont_group > span.subid_input_txt {
    font-size: 18px;
}

.result_list.add_subid > li > div.subid_cont {
    width: 100%;
}

.result_list.add_subid > li > div.subid_cont .subid_cont_title {
    font-size: 16px;
    font-weight: 600;
}

.result_list.add_subid > li > div.subid_cont > div {
    width: 50%;
}

.result_list.add_subid .input_tell_wrap input[type="text"] {
    text-align: center;
    padding-left: 0;
}

.go_mypage_btn {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    text-indent: -999em;
    background-image: url('../images/renewal/go_back.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.mo_sub_title > .go_mypage_btn {
    left: 10px;
    top: 16px;
}

/* 회원정보 수정의 본인인증 모달 */
.basic_modal.pass_modal .basic_modal_content {
    width: 380px;
    border-radius: 24px;
}

.basic_modal.pass_modal .basic_modal_body {
    padding: 0 20px;
    margin-bottom: 50px;
}

.basic_modal.pass_modal .pass_desc {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.basic_modal.pass_modal .basic_modal_footer {
    padding: 0 20px;
}

.basic_modal.pass_modal .basic_modal_footer > button {
    width: 50%;
}

/****************** 공지사항 ***********************/
.list_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.list_header > .sub_title.list {
    margin: 0;
}

.new_search_wrap {
    position: relative;
}

.new_search_wrap > input[type="text"]#searchValue {
    border: 1px solid #cbcbcb;
    border-radius: 8px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 40px;
}

.new_search_wrap > a.new_search#searchBtn {
    text-indent: -9999em;
    width: 24px;
    height: 24px;
    background-image: url(../images/renewal/new_search_btn.png);
    background-repeat: no-repeat;
    position: absolute;
    min-width: inherit;
    background-color: transparent !important;
    border: none;
    padding: 0;
    left: 8px;
    top: 8px;
}

.sub_title.list {
    font-weight: 600;
    font-size: 24px;
    color: #000;
}

.sub_title.list > .list_total {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    vertical-align: middle;
}

#wrap.type1 #container .table_type5.new_list th {
    background: none;
    border-top: none;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    border-bottom: 1px solid #cbcbcb;
}

.table_type5.new_list {
    border: none;
}

.table_type5.new_list tr {
    height: 48px;
}

.table_type5.new_list tr th:first-child,
.table_type5.new_list tr td:first-child {
    border-left: none;
}

.table_type5.new_list th,
.table_type5.new_list td {
    border-right: none;
    color: #777;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid rgba(221, 221, 221, 0.87);
}


.no_list {
    border: 1px solid #ddd;
    border-radius: 16px;
    height: 120px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close_search_mo {
    width: 24px;
    height: 24px;
    background-image: url(../images/renewal/close_btn.png);
    background-repeat: no-repeat;
}

/* 공지사항 보기 */
#wrap.type1 #container .table_type4.notice_list_cont th {
    background: none;
    border: none;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

#wrap.type1 #container .table_type4.notice_list_cont th,
#wrap.type1 #container .table_type4.notice_list_cont td {
    font-family: "pretendard", sans-serif !important;
    padding: 15px 0;
}

#wrap.type1 #container .table_type4.notice_list_cont td {
    background: none;
}

.table_type4.notice_list_cont > tbody {
    border-top: none;
}

.table_type4.notice_list_cont > tbody > tr:last-child > td {
    padding: 10px 5px;
}

.notice_list_cont .sub_info {
    font-size: 18px;
    font-weight: 500;
    color: #777;
    font-family: "pretendard", sans-serif;
}

.notice_list_cont .file_info {
    display: flex;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
}

.notice_list_cont .file_info .tit {
    background: none;
    color: #777;
    margin: 0;
}

.notice_list_cont .file_info .tit .point1 {
    color: #2b398f;
}

.notice_list_cont .file_info .file_list li {
    color: #333;
}

.type1 .btn_h46_type4.btn_blue {
    background-color: #2b398f !important;
    border: none;
    font-family: "pretendard", sans-serif;
}

.renewal .btn_area_center {
    margin: 30px 0;
}

.notice_list_cont .file_info .file_list li:last-of-type {
    margin-bottom: 0;
}

.notice_list_cont .txt_info {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/*일대일 문의*/
#container.new .edu_sch_wrap.renewal .sub_inner_title {
    background: none;
    padding-left: 0;
    font-size: 24px;
    font-weight: 600;
    font-family: "pretendard", sans-serif !important;
    color: #000;
    border-bottom: 1px solid #ddd;
}

#container.new .edu_sch_wrap.renewal .sub_inner_title > .sub_inner_desc {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    margin: 10px 0 20px 0;
}

.table_type4.one_on_one,
.table_type4.one_on_one > tbody,
.table_type4.one_on_one > tbody th,
.table_type4.one_on_one > tbody td {
    border: none;
}

#wrap.type1 #container .table_type4.one_on_one th {
    background: none;
    padding: 10px 0;
    width: 20%;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

#wrap.type1 #container .table_type4.one_on_one td {
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
}

.one_on_one .new_select {
    min-width: 210px;
    height: 40px;
}

.nice-select.new_select {
    border-radius: 8px;
    border-color: #ddd;
}

#wrap.type1 #container .table_type4.one_on_one input,
#wrap.type1 #container .table_type4.one_on_one textarea {
    width: 100%;
    padding-left: 18px;
}

#wrap.type1 #container .table_type4.one_on_one textarea {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 10px 10px 18px;
    box-sizing: border-box;
    resize: none;
    height: 190px;
    overflow-y: auto;
}

#wrap.type1 #container .table_type4.one_on_one input {
    border-radius: 8px;
    height: 40px;
}

#wrap.type1 #container .table_type4.one_on_one input.file_hidden {
    padding-left: 0;
}

.btn_lightgray {
    background-color: #f6f6f6;
    color: #333;
    border-radius: 8px;
    border: none;
}

#wrap.type1 #container .table_type4.one_on_one .file_add_box .btn_lightgray {
    width: 90px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    right: 0;
}

.desc_list.one_on_one {
    margin-top: 5px;
}

.desc_list.one_on_one > li {
    font-size: 14px;
    font-weight: 500;
}

#wrap.type1 #container .table_type4.one_on_one td .file_add_box {
    padding-right: 90px;
}


.type1 .btn_h46_type4.btn_blue.disabled {
    background-color: rgba(43, 57, 143, 0.4) !important;
    cursor: not-allowed;
}


/*문의 내역*/
.list_header.inquiry_details .new_search_wrap_ws .new_select {
    min-width: 210px;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
    margin-right: 10px;
    color: #333;
}

.search_inquiry_group {
    display: flex;
}

.new_search_wrap_ws {
    display: flex;
    position: relative;
}

.new_search_wrap_ws .new_search_wrap {
    width: 250px;
}

.search_mo_filter_title {
    display: none;
}

.new_search_wrap_ws .new_search_wrap input.new_input_type {
    width: 100%;
    height: 40px;
    padding: 0 10px 0 35px;
    font-size: 15px;
    font-weight: 500;
}

.new_search_wrap_ws .new_search_wrap input.new_input_type::placeholder {
    color: #999;
}


.new_search_wrap_ws .new_search_wrap > a.new_search#searchBtn {
    width: 24px;
}

.table_type5.new_list.inquiry tr td {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.table_type5.new_list.inquiry tr td:first-of-type {
    font-size: 14px;
}

.table_type5.new_list.inquiry tr td.t_left {
    color: #333;
}

.table_type5.new_list.inquiry tr td.re_state {
    font-size: 12px;
    font-weight: 600;
    width: 8%;
}

.table_type5.new_list.inquiry tr td.re_state.done {
    color: #2B398F;
}

.search_mo_filter {
    display: none;
}

#wrap.type1 #container .notice_list_cont.inquiry > thead > tr > th {
    display: block;
    padding: 10px 0;
}

#wrap.type1 #container .notice_list_cont.inquiry > thead > tr > th.re_state {
    font-size: 16px;
    font-weight: 700;
    color: #777;
    padding: 0;
}

#wrap.type1 #container .notice_list_cont.inquiry > thead > tr > th.re_state.done {
    color: #2B398F;
}

#wrap.type1 #container .notice_list_cont.inquiry > tbody > tr:nth-of-type(2) > td {
    padding: 0;
}

#wrap.type1 #container .notice_list_cont.inquiry > tbody > tr > td > .txt_info {
    padding: 20px;
    font-size: 14px;
}

#wrap.type1 #container .notice_list_cont.inquiry > tbody > tr > td > .txt_info.txt_q {
    background-image: url(../images/renewal/txt_Q.png);
    background-repeat: no-repeat;
    background-position: 15px 20px;
    padding-left: 50px;
    word-break: break-all;
}

#wrap.type1 #container .notice_list_cont.inquiry > tbody > tr > td > .txt_info.txt_a {
    background-image: url(../images/renewal/txt_A.png);
    background-repeat: no-repeat;
    background-position: 15px 20px;
    padding-left: 50px;
    background-color: #F6F6F6;
    word-break: break-all;
}


/*비밀번호 변경*/
.desc_box.blue_box.edit_pw {
    text-align: left;
    margin-top: 40px;
}

.desc_box.blue_box.edit_pw > .desc_list {
    font-size: 14px;
}

.login_box.edit_pw input[type="password"] {
    width: 100%;
}

.login_box.edit_pw .desc_txt_list {
    text-align: left;
    font-size: 14px;
}

.contents_inner.new_mypage .btn_area_center.edit_pw > a {
    width: 100%;
}

.basic_modal.chage_pw .basic_modal_body > div {
    display: none;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #333;
}

.basic_modal.chage_pw .basic_modal_body > div.on {
    display: block;
}

.basic_modal.chage_pw .basic_modal_footer a {
    width: 100%;
}

/* 구매내역 */
.search_elements_group {
    border-radius: 16px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.search_elements_group.gray {
    background-color: #F8F8FB;
}

.search_elements,
.search_input_wrap {
    display: flex;
    align-items: center;
    font-family: 'pretendard', sans-serif;
}

.search_elements {
    margin-bottom: 15px;
}

.search_elements_group > div.search_elements:nth-of-type(1) {
    width: 100%;
}

.search_elements_group > div.search_elements:nth-of-type(2),
.search_elements_group > div.search_elements:nth-of-type(3) {
    margin-right: 40px;
}

.search_elements_group > div.search_elements:last-of-type {
    margin-bottom: 0;
}

.search_elements .search_title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    min-width: 60px;
    margin-right: 20px;
}

.search_input_wrap .new_input_type[type="text"] {
    width: 140px;
    height: 40px;
    font-family: 'pretendard', sans-serif;
}

.search_input_wrap .new_select {
    min-width: 140px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.search_input_wrap .new_input_type.hasDatepicker {
    background-image: url(../images/renewal/calendar_btn.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.search_input_wrap .sdash {
    display: block;
    min-width: 20px;
    text-align: center;
}

.search_input_wrap .btn_cal {
    margin-left: 15px;
}

.search_input_wrap .btn_cal > a {
    border: 1px solid #ddd;
    display: block;
    float: left;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    width: 76px;
    text-align: center;
    color: #777;
    font-size: 15px;
    font-weight: 500;
}

.search_input_wrap .btn_cal > a:nth-child(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.search_input_wrap .btn_cal > a:nth-child(2),
.search_input_wrap .btn_cal > a:nth-child(3) {
    border-left: none;
}

.search_input_wrap .btn_cal > a:nth-child(4) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: none;
}

.search_input_wrap .btn_cal > a.on {
    border: 1px solid #2B398F;
    color: #2B398F;
    font-weight: 600;
}

.search_input_wrap > .search_input_area > .input_style_search {
    background-color: #fff;
    border-radius: 8px;
    height: 40px;
    margin-left: 10px;
    min-width: 300px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 18px;
}

.search_input_wrap > .search_input_area > .input_style_search::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #777;
    font-family: 'pretendard', sans-serif;
}

.purchase_info {
    width: 100%;
}

.purchase_info_group {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 100%;
    margin-bottom: 10px;
}

.purchase_info > .purchase_info_group:nth-of-type(1) {
    justify-content: space-between;
}

.purchase_info > .purchase_info_group:last-of-type {
    margin-bottom: 0;
}

.purchase_inner_wrap,
.purchase_inner_wrap > div,
.purchase_inner_wrap > .p_num > a {
    display: flex;
    align-items: center;
}

.purchase_info_group .inner_title {
    color: #777;
    margin-right: 10px;
}

.purchase_info_group .p_btn > a {
    display: block;
    width: 80px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #777 !important;
}

.p_date + .p_num:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #dddddd;
    margin: 0 10px;
}

.purchase_info_group > .p_img {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.purchase_info_group > .p_img > img {
    display: block;
    width: 90%;
}

.purchase_info_group > .p_info {
    margin-left: 15px;
}

.p_info > div {
    margin-bottom: 10px;
}

.p_info > div:last-of-type {
    margin-bottom: 0;
}

.p_info > .p_state {
    font-size: 14px;
    font-weight: 600;
    color: #777;
    display: flex;
}

.p_info > .p_state > span.on {
    color: #2B398F
}

.p_info > .p_name {
    font-size: 18px;
    font-weight: 600;
}

.p_info > .p_price {
    display: flex;
    color: #999;
    font-size: 14px;
    align-items: center;
}

.p_info > .p_price > .payment {
    color: #777;
    font-size: 16px;
    margin-right: 10px;
}

.txt_dot {
    width: 15px;
    text-align: center;
}

.datepicker_wrap {
    display: flex;
    align-items: center;
}

.no_result {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    font-size: 16px;
    color: #777;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-family: 'pretendard', sans-serif;
}

/*구매내역_상세*/
.new_order_detail {
    font-family: 'pretendard', sans-serif !important;
    margin-top: 45px;
}

.tit_type1.sub_inner_title {
    background: none;
    padding: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    font-family: 'pretendard', sans-serif !important;
}

.new_order_detail .order_number_wrap {
    color: #777;
    font-size: 16px;
    font-weight: 500;
}

.order_select_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
}

.order_select_wrap > .chk_all {
    display: flex;
    align-items: center;
}

.btn_group_wrap {
    display: flex;
    align-items: center;
}

.btn_group_wrap > .btn_group > ul {
    display: flex;
}

.new_order_detail .btn_group a,
.new_order_detail .btn_group + .order_cancel {
    background: none;
    color: #333;
    font-size: 15px !important;
    font-weight: 600;
    height: 36px;
    line-height: 36px !important;
    margin-left: 10px;
}

.new_order_detail .btn_group + .order_cancel {
    background-color: #F6F6F6;
    border: none;
    color: #777;
    padding: 0 15px;
}


.new_order_detail .btn_group > a:first-of-type {
    margin-left: 0;
}

.order_detail_cont {
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px
}

.order_p_detail {
    display: flex;
    align-items: center;
}

.order_p_detail > .order_p_img {
    width: 100px;
    height: 100px;
    border-radius: 8px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.order_p_detail > .order_p_img > img {
    display: block;
    width: 90%;
}

.order_p_info {
    margin-left: 15px;
}

.order_p_info > div {
    margin-bottom: 10px;
}

.order_p_info > div:last-of-type {
    margin-bottom: 0;
}

.order_p_info > .order_p_state {
    color: #2B398F;
    font-size: 14px;
    font-weight: 600;
}

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

.order_p_info > .order_p_price {
    display: flex;
    align-items: center;
}

.order_p_info > .order_p_price > .order_p_price_total {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.order_p_info > .order_p_price > .order_p_price_unit {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-left: 15px;
}

.order_p_info > .order_p_price > .order_p_price_unit > .uprice {
    margin-left: 5px;
}

.order_info {
    margin-top: 15px;
    background-color: #F8F8FB;
    border-radius: 8px;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.order_info > div {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.order_info > div:last-of-type {
    margin-bottom: 0;
}

.order_info > div > .order_info_cont {
    margin-left: 50px;
}

.order_info .order_payment_info_list {
    font-size: 15px;
    color: #777;
}

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

.order_info > .order_price > .order_info_cont {
    display: flex;
    align-items: center;
}

.order_info > .order_price > .order_info_cont > .save_point_wrap {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.order_info > .order_price > .order_info_cont > .save_point_wrap > .save_point {
    margin-right: 5px;
}

.payment_wrap {
    background-color: #F8F8FB;
    border-radius: 16px;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

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

.payment_wrap > div > div {
    margin-bottom: 15px;
}

.payment_wrap > div > div:last-of-type {
    margin-bottom: 0;
}

.payment_wrap > .payment_img {
    margin: 0 50px;
}

.payment_wrap .payment_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.payment_wrap .payment_cont {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

.payment_wrap .payment_sub {
    font-size: 16px;
    color: #777;
}

.total_payment > .payment_sub > .save_point {
    margin-left: 5px;
}

.total_payment > .payment_cont {
    font-size: 28px;
    color: #2B398F;
}

.shipping_info_wrap,
.accountant_info_wrap,
.payment_info_wrap {
    margin-top: 30px;
}

.shipping_info_wrap .delivery_inquiry {
    font-size: 15px;
    color: #333;
    padding: 5px 15px;
    margin-left: 10px;
}

.shipping_info_wrap .shipping_info,
.accountant_info_wrap .accountant_info,
.payment_info_wrap .payment_info {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 20px;
}

.new_order_detail table {
    width: 100%;
}

.new_order_detail td {
    padding: 7px;
    font-size: 16px;
    font-weight: 500;
}

.new_order_detail td.info_title {
    color: #777;
    width: 15%;
    min-width: 120px;
}

.new_order_detail td.info_cont {
    color: #333;
}

.new_order_detail .accountant_info_tb td.info_title {
    width: 20%;
    min-width: 170px;
}

.accountant_info_wrap > .desc_txt_list {
    font-size: 14px;
    font-weight: 600;
}

.payment_info_list > li {
    padding-bottom: 15px;
}

.payment_info_list > li:not(:first-child) {
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.payment_info_list > li:last-child {
    padding-bottom: 0;
}

.btn_black {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff !important;
    padding: 7px 15px;
}

.statement_print {
    font-size: 10px;
    font-weight: 600;
    border-radius: 4px;
}

.payment_info_tb > thead > tr > th {
    font-weight: 600;
    padding: 7px 7px 15px 7px;
}

.payment_info_tb > thead > tr > th > span {
    margin-right: 10px;
}

.payment_method_title {
    color: #333;
    font-size: 16px;
}

.payment_method,
.payment_price {
    font-size: 18px;
    color: #2B398F;
}

.payment_wrap.total_price {
    justify-content: normal;
    padding-left: 30px;
}

.payment_total_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-right: 30px;
}

.payment_total_price {
    font-size: 28px;
    font-weight: 700;
    color: #2B398F
}

.btn_area_center.new_order_detail > a {
    font-size: 16px;
}

.btn_area_center.new_order_detail a + a {
    margin-left: 10px;
}

.btn_group_wrap > .order_cancel {
    background-color: #F6F6F6;
}

.more_btn_mo {
    display: none;
}

.payment_sub_title {
    display: none;
}

/* date picker 디자인 변경 시작 */
.ui-widget.ui-widget-content {
    border-radius: 16px;
    border: none;
    padding: 10px 5px 5px 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
    font-family: 'pretendard', sans-serif;
}

.ui-datepicker .ui-datepicker-header {
    background: none !important;
    border: none !important;
}

.ui-icon-circle-triangle-w {
    background-position: -100px 3px !important;
}

.ui-icon-circle-triangle-e {
    background-position: -30px 3px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    border: none !important;
    background: none !important;
}

.ui-datepicker td {
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0 !important;
    text-align: center !important;
    width: 100%;
    height: 100%;
}

.ui-state-default.ui-state-highlight {
    border-radius: 50%;
    background-color: rgba(43, 57, 143, 0.5) !important;
    color: #fff;
}

.ui-state-default.ui-state-active {
    border-radius: 50%;
    background-color: #2B398F !important;
    color: #fff;
}

.ui-widget-content {
    border: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: -12px;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 14px;
    font-weight: 600;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: none;
}

.alert_msg_wrap > div {
    font-size: 18px;
    font-weight: 500;
    justify-content: center;
    text-align: center;
}

/* 배송조회 모달 */
.basic_modal_body > .delivery_desc {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin: 40px 0;
}

.delivery_inquiry > span {
    display: inline-block;
    margin-right: 10px;
}

.delivery_inquiry > .delivery_inquiry_title {
    font-size: 18px;
    font-weight: 500;
    color: #777;
}

.delivery_inquiry > .delivery_inquiry_num {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

a.delivery_inquiry_btn {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 40px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4.5px;
    vertical-align: bottom;
}

.delivery_product_wrap {
    margin: 30px 0 0;
}

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

.delivery_product_wrap > .delivery_product_list {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.delivery_product_wrap > .delivery_product_list > li {
    margin-bottom: 10px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.delivery_product_wrap > .delivery_product_list > li:last-of-type {
    margin-bottom: 0;
}

.delivery_product_wrap + .desc_txt_list > li {
    font-size: 14px;
    color: #777;
}

/*가상계좌 환불요청 모달*/
.account_refund_form {
    width: 100%;
    padding: 20px 0;
}

.account_refund_form > .account_refund_tb {
    min-width: 500px;
}

.account_refund_form > .account_refund_tb > tbody > tr:first-of-type > td:first-of-type {
    padding-bottom: 40px;
}

.account_refund_form > .account_refund_tb > tbody > tr > td:last-of-type {
    width: 70%;
}

.account_refund_form > .account_refund_tb > tbody > tr > td > input[type="text"] {
    width: 100%;
}

.account_refund_form input.new_radio + label {
    margin-right: 20px;
}

.new_select.refund_bank {
    width: 100%;
}

#account_num + .desc_txt_list > li {
    font-size: 14px;
}

/* 결제 상세정보 모달 */
.payment_detail_modal {
    display: none;
    position: fixed;
    z-index: 1050; /* 모달이 항상 최상위 레벨에 나타나도록 설정 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6); /* 검은색 배경, 투명도 설정 */
    justify-content: center;
    align-items: center;
    font-family: 'pretendard', sans-serif;
}

.payment_detail_content {
    background-color: #fefefe;
    border: 1px solid #888;
    border-radius: 32px;
    width: auto;
    max-width:730px;
    max-height: 90vh; /* UX 개선 2025.03.24 */
    padding:0;
}

.payment_detail_header,
.payment_detail_footer {
	width:733px;
    height:92px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment_detail_header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  margin: 0 auto;
}

.payment_detail_header .payment_detail_title{
    font-size:24px;
    font-weight:700;
    color:#000;
}

.payment_detail_body {
    max-height:calc(90% - 180px);
    padding:0 50px;
    overflow-y:auto;
    overflow-x:hidden; /* UX 개선 2025.03.24 */
}

.payment_detail_footer {
    text-align: center;
}

.payment_detail_footer a {
    height:50px;
    font-size: 16px;
    font-weight:500;
    padding:0 30px;
    line-height: 50px;
}

.payment_detail_footer a:first{
    margin-left:0;
}

.payment_detail_result> li {
	min-width: 343px;
    width: 100%;
    padding: 20px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: 500;
    font-family: "pretendard", sans-serif;
    margin-bottom: 30px;
    border-radius: 16px;
    box-sizing: border-box;
}

.payment_detail>.payment_detail_list>li{
    font-size:16px;
    font-weight:500;
    color:#777;
    margin-bottom:5px;
    width:100%;
}

.payment_detail>.payment_detail_list>li>span{
    color:#999;
    display: inline-block;
    margin-right: 10px;
}

.payment_detail_table {
 	width: 100%;
 	border-collapse: collapse;
 	font-family: sans-serif;
 	font-size: 14px;
 	color:#999;
}

.payment_detail_table td {
 	color:#999;
 	border: 1px solid #ddd;
 	padding: 10px;
 	text-align: left;
 	min-width: 100px;
}

.payment_detail_table .price {
	color: #333;
}

.payment_detail_table td:first-child {
	width: 30%;
}

.payment_detail_table .total {
	color: #333;
	font-weight: bold;
}

.payment_btn_wrap{
	text-align: center;
}

.payment_detail_cancle {
  	display: inline-block;
  	width: auto;
  	padding: 8px 20px;
  	border: 1px solid #ddd;
  	border-radius: 8px;
  	background-color: #fff !important;
  	color: #333 !important;
}

.payment_detail_btn {
  color: #2B398F;
  background-color: transparent;
  border: 1px solid #2B398F;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  font-weight: bold;
  margin-left:	auto;
  margin-right: 30px;
}

@media (max-width:1024px) {
	.payment_detail_header {
		width:375px;
		height:58px;
	}
	.payment_detail_content {
		width:100%;
	}

	.payment_detail_body {
		padding:0 16px;
	}

	.payment_detail_result> li {
		width:100%;
		height:auto;
		min-height:102px;
		word-break: break-all;
	}
	.payment_detail_table {
		width:auto;
		max-width: 100%;
		height:192px;
	}
	table.payment_detail_table td {
		padding: 12px 14px;
	}
	.payment_detail_footer {
		position: absolute;
		bottom: 0;
    	width: 100%;
    	padding: 0 16px;
    	box-sizing: border-box;
    	border-top: 1px solid #ddd;
  	}

  	.payment_btn_wrap {
    	width: 100%;
    	max-width: none;
    	display: flex;
    	justify-content: center;
    	box-sizing: border-box;
    	padding: 0;
  	}

  	.payment_detail_cancle {
    	width: 100%;
    	display: block;
    	box-sizing: border-box;
    	padding: 12px 16px;
    	border: 1px solid #ddd;
    	border-radius: 8px;
    	background-color: #fff !important;
    	color: #333 !important;
    	margin: 0 auto;
  	}

  	.payment_detail_content {
  		position: absolute;
  		top: 11vh;
    	width: 100%;
    	height: 90vh;
    	max-width: 100%;
    	margin: 0;
    	border-left: none;
    	border-right: none;
    	border-radius: 20px 20px 0 0;
    	box-sizing: border-box;
    	overflow-y: auto;
    	flex-direction: column;
  	}

  	.payment_detail_modal {
    	box-sizing: border-box;
    	align-items: flex-start;
  	}
}

@media (max-width:680px) {
	.payment_detail_btn {
		margin-right: 0px;
	}
}

@media (max-width: 480px) {
  .payment_detail_header {
    width: auto;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .payment_detail_title {
    font-size: 20px;
    text-align: center;
    width: 100%;
    word-break: keep-all;
  }

  .payment_detail_result > li {
	min-width: auto;
  }
}

/* 결제취소, 결제하실 정보 추가 css */
.payment_price_info_wrap.cancel > .payment_method,
.payment_price_info_wrap.cancel > .payment_price,
.payment_total_price.cancel {
    color: #EC3838;
}

.account_deposit_desc {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-bottom: 15px;
}

/* 온라인코드 양도하기  */
.result_list.onlinecode > li {
    display: flex;
    align-items: center;
}


.list_selelct_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.list_selelct_wrap > div {
    display: flex;
    align-items: center;
}

input[type='checkbox'].new_chk {
    position: relative;
    border: 2px solid #999;
    border-radius: 4px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    opacity: .5;
    box-sizing: border-box;
}

input[type='checkbox'].new_chk:hover {
    opacity: 1;
}

input[type='checkbox'].new_chk:checked {
    background-color: #2B398F;
    opacity: 1;
    border: none;
}

input[type='checkbox'].new_chk:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    width: 7px;
    height: 12px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -2px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}

.chk_wrap {
    width: 5%;
    min-width: 24px;
}

input[type='checkbox'].new_chk + label {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-right: 10px;
}

.list_selelct_wrap > .chk_all {
    color: #777;
    font-size: 14px;
    margin-left: 20px;
}

.onlinecode_transfe > a {
    color: #2B398F !important;
    font-size: 15px;
    font-weight: 600;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.onlinecode_info {
    width: 95%;
    max-width: calc(100% - 24px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.date_info > .type_info {
    background-color: #F6F6F6;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    padding: 3px 10px;
    margin-right: 10px;
}

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

.order_info_wrap > div {
    margin-bottom: 10px;
}

.order_info_wrap > div:last-of-type {
    margin-bottom: 0;
}

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

.order_info_wrap > .other_info {
    display: flex;
}

.order_info_wrap > .other_info > div:first-of-type {
    margin-right: 10px;
}

.order_quantity_wrap > .quantity_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    margin-bottom: 10px;
}

.order_quantity_wrap > .order_quantity {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    text-align: right;
}

/* 양도하기 모달 */
.transfer_id_search_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.transfer_id_search_wrap > input[type='search'] {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 300px;
    height: 44px;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.transfer_id_search_wrap > input[type='search']::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.btn_lightgray {
    background-color: #F6F6F6;
    color: #333;
}

.transfer_id_search_wrap .btn_lightgray {
    width: 68px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
}

.onlinecode_transfer .result_list {
    max-width: 630px;
}

.onlinecode_transfer .result_list > li {
    flex-direction: column;
}

.transfer_quantity_info_wrap {
    background-color: #F8F8FB;
    border-radius: 8px;
    padding: 20px 15px;
    box-sizing: border-box;
}

.transfer_quantity_title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.transfer_quantity_wrap {
    display: flex;
    align-items: center;
}

.transfer_quantity_wrap > .transfer_quantity > input[type='text'] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.transfer_quantity_wrap > .transfer_quantity > input[type='text']::placeholder {
    color: #999;
}

.transfer_possible_quantity {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.transfer_possible_quantity > span {
    color: #2B398F;
    margin-left: 5px;
}

.transfer_id_wrap {
    margin-bottom: 10px;
}

.transfer_id {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.transfer_id_wrap > span:last-child {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-left: 5px;
}

.onlincode_date_wrap > .code_type {
    background-color: #F6F6F6;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    padding: 3px 10px;
    border-radius: 8px;
}

.transfer_onlinecode_info {
    margin-bottom: 20px;
}

.transfer_onlinecode_info > div {
    margin-bottom: 10px;
}

.transfer_onlinecode_info > div:last-of-type {
    margin-bottom: 0;
}

.onlincode_date_wrap > .code_date {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-left: 10px;
}

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

.code_etc {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}


/* 온라인코드 양도내역 */
.list_header.transfer_list {
    margin-bottom: 20px;
}

.result_list.transfer_list > li {
    align-items: center;
}

.result_list.transfer_list > li > div:first-of-type {
    width: 60%;
}

.result_list.transfer_list > li > div:last-of-type {
    width: 40%;
    display: flex;
    align-items: center;
}

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

.transfer_date_wrap > span > span {
    color: #999;
}

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

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

.transfer_info_wrap > .transfer_ordernum {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.result_list.transfer_list > li > div > div {
    margin-bottom: 10px;
}

.result_list.transfer_list > li > div > div:last-of-type {
    margin-bottom: 0;
}

.transfer_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.transfer_list_quantity_wrap,
.transferee_info_wrap {
    text-align: center;
    width: 50%;
}

.transfer_list_quantity_wrap > .transfer_quantity,
.transferee_info_wrap > .transferee_name {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.transferee_info_wrap > .transferee_id {
    font-size: 13px;
    font-weight: 600;
    color: #777;
}

.result_list.transfer_list > li > .transfer_info_wrap > .transfer_list_quantity_wrap {
    margin-bottom: 0;
}


/*온라인코드 양수내역*/

.transfer_date_wrap > .transfer_type {
    padding: 5px 10px;
    background-color: #f6f6f6;
    border-radius: 8px;
    color: #777;
    font-size: 14px;
    font-weight: 600;
}

.transfer_date_wrap > .acquisition_date {
    margin-left: 5px;
}

.transfer_list > .font_red {
    font-weight: 500;
    font-size: 14px;
}

/* 포인트 */
.mypoint_info_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 30px auto;
}

.mypoint_title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 30px;
}

.mypoint {
    font-size: 30px;
    font-weight: 700;
    color: #2B398F;
}

.extinction_point {
    font-size: 15px;
    font-weight: 500;
    color: #777;
    margin: 30px 0;
}

.extinction_point > span {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-left: 10px;
}

.point_transfer_btn {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    padding: 7px 15px;
    border-radius: 8px;
    color: #2B398F;
    font-size: 15px;
    font-weight: 600;
}

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

.point_desc > .desc_list {
    width: max-content;
    margin: 0 auto;
}

.pointGubun_wrap > input[type="radio"] {
    display: none;
}

.pointGubun_wrap > input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    width: 55px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background-color: #F4F4F4;
    margin-right: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.pointGubun_wrap > input[type="radio"]:checked + label {
    color: #fff;
    background-color: #2B398F;
}

.result_list.point_list > li {
    align-items: center;
}

.point_info > span {
    margin-right: 10px;
}

.point_info > span:last-of-type {
    margin-right: 0;
}

.point_info > .p_use,
.point_info > .p_save {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.point_info > .p_use {
    background-color: #FFEAEA;
    color: #EC3838;
}

.point_info > .p_save {
    background-color: #ECF4FF;
    color: #2B398F;
}

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

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

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

.point_info_etc > span {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-right: 10px;
}

.point_info_etc > span:last-of-type {
    margin-right: 0;
}

.point_info_wrap > div {
    margin-bottom: 10px;
}

.point_info_wrap > div:last-of-type {
    margin-bottom: 0;
}

.point_info_wrap > .point_ad {
    font-size: 20px;
    font-weight: 700;
}

.point_info_wrap > .point_ad.minus {
    color: #EC3838
}

.point_info_wrap > .point_ad.plus {
    color: #2B398F
}

.transfer_quantity_info_wrap + .desc_txt_list > li {
    font-size: 15px;
    font-weight: 500;
}

/* 장바구니 */
.buy_step_wrap {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 30px 0;
    padding: 40px 0;
    font-family: "pretendard", sans-serif;
}

.buy_step_list_wrap {
    width: 994px;
    margin: 0 auto;
}

.buy_step_list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.buy_step_list > li.step_cont {
    opacity: 0.4;
    width: 15%;
    display: flex;
    justify-content: center;
}

.buy_step_list > li.step_cont.on {
    opacity: 1;
}

.buy_step {
    font-size: 13px;
    font-weight: 500;
    color: #2b398f;
}

.buy_step_title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.step_desc {
    margin-top: 40px;
}

.step_desc_list > li {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.basket_empty .btn_area_center > a {
    font-size: 16px;
}

.selection_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 20px;
}

.selection_group > .chk_all {
    display: flex;
    align-items: center;
}

.basket_order_info > .order_p_img {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basket_order_info > .order_p_img > img {
    display: block;
    width: 90%;
}

.result_list.basket_order > li {
    align-items: center;
}

.basket_order_info {
    width: 95%;
    display: flex;
    align-items: center;
    position: relative;
}

.basket_order_info > div:nth-of-type(2) {
    width: 50%;
}

.basket_order_info > div:nth-of-type(3) {
    text-align: center;
}

.basket_order_info > div:nth-of-type(4) > a {
    position: absolute;
    right: 0;
}

.basket_order_info > div:nth-of-type(4) > a.quick_del {
    top: 0;
}

.basket_order_info > div:nth-of-type(4) > a.quick_buy {
    bottom: 0;
    display: block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #2b398f;
    border-radius: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #2b398f;
    box-sizing: border-box;
}

.basket_order_info .order_p_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.basket_order_info .order_p_price > .p_price {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.basket_print_list_wrap > .basket_print_list {
    display: flex;
    justify-content: end;
}

.basket_print_list_wrap > .basket_print_list > li {
    margin-right: 10px;
}

.basket_print_list_wrap > .basket_print_list > li:last-of-type {
    margin-right: 0;
}

.basket_print_list_wrap > .basket_print_list > li > a {
    display: inline-block;
    padding: 7px 10px;
    font-size: 15px;
    font-weight: 600;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.del_selection > a {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.order_p_price > span {
    display: inline-block;
}

.order_p_price > .discount_rate {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-left: 10px;
}

.order_save_point {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.order_p_totalprice {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 10px 0;
}

.order_p_quantity > .p_quantity_wrap {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 110px;
    height: 36px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}

.order_p_quantity > .p_quantity_wrap > a {
    display: block;
    text-align: center;
}

.order_p_quantity > .p_quantity_wrap > input[type="text"].p_quantity {
    width: 62px;
    height: 34px;
    box-sizing: border-box;
    border: none;
    padding: 0;
    text-align: center;
    outline: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    font-family: 'pretendard', sans-serif;
}

.basket_list_wrap > .btn_area_center > a {
    font-size: 16px;
    font-weight: 600;
}

.basket_list_wrap > .btn_area_center > a:nth-of-type(1) {
    margin-right: 15px;
}

.payment_wrap.basktet {
    margin-top: 85px;
}

.buy_step_list_wrap_mo {
    display: none;
}

.order_p_info > .order_save_point > span:last-of-type {
    margin-left: 5px;
}

.sign {
    display: none;
}

.basic_modal.modify_quantity .quantity_modify_wrap {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.basic_modal.modify_quantity .quantity_modify_wrap > .quantity_modify_title {
    margin-bottom: 30px;
}

.step_desc_list > li {
    display: none;
}

.step_desc_list > li.on {
    display: block;
}

.order_cont_cont > #confrimeFunc {
    width: 100px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    vertical-align: middle;
    margin-left: 5px;
}

.order_cont_cont > #ballCodeConfirmFunc {
    width: 100px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    vertical-align: middle;
    margin-left: 5px;
}

/* 주문 결제 페이지 */
.buy_step2_wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.buy_step2_wrap > .buy_step2 {
    width: 65%;
    margin-top: 0;
}

.buy_step2_info {
    margin-bottom: 60px;
}

.buy_step2_info:last-of-type {
    margin-bottom: 0;
}

.order_title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.order_cont {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.order_cont input[type="text"].new_input_type {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 200px;
}

.order_cont input[type="text"].new_input_type::placeholder {
    color: #999;
}

.order_cont.v_top {
    align-items: normal;
}

.order_cont > .order_cont_title {
    width: 20%;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.order_cont.v_top > .order_cont_title {
    padding-top: 10px;
}

.order_cont > .order_cont_cont {
    width: 80%;
}

.order_cont input[type="text"].new_input_type.phone {
    width: 80px;
}

.order_cont input[type="text"].full_width {
    width: 100%;
}

.shipping_addr_list > li {
    margin-bottom: 15px;
}

.shipping_addr_list > li:last-of-type {
    margin-bottom: 0;
}

.shipping_addr_list .btn_lightgray {
    width: 130px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

/*nput#detailAddr {
    width: calc(100% - 145px);
}*/

.order_product_info {
    display: flex;
    align-items: center;
}

.order_product_info > .p_img {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.order_product_info > .p_img > img {
    width: 90%;
    display: block;
}

.buy_step2_info.institution > .order_cont {
    display: block;
}

.buy_step2_info.institution .order_title {
    border-bottom: none;
    margin-bottom: 10px;
}

.buy_step2_info.institution .order_cont_inner {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 20px;
    flex-wrap: wrap;
    margin-bottom: 0;
    display: flex;
}

.buy_step2_info.institution .order_cont_inner > .order_cont_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.buy_step2_info.institution .order_cont_inner > .order_cont_cont {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.buy_step2_info.institution .order_cont_title {
    width: 30%;
}

.buy_step2_info.institution .order_cont_cont {
    width: 70%;
}

.buy_step2_info.order_product > .order_title {
    border-bottom: none;
}

input#itemLevelloginId {
    width: 170px;
}

input#katUseloginId {
    width: 170px;
}

.order_cont .radio_group_ship > li:last-of-type {
    margin-right: 0;
}

.order_cont .radio_group_ship #checkItemLevelUseId {
    width: 85px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    vertical-align: middle;
    margin-left: 10px;
}

.order_cont .radio_group_ship #checkKatUseId {
    width: 85px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    vertical-align: middle;
    margin-left: 10px;
}

a.font_blue:hover,
a.font_blue:active,
a.font_blue:visited {
    color: #2b398f;
}

.order_product_count {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    vertical-align: middle;
}

.order_product_info > .p_info {
    margin-left: 10px;
}

.order_product_info > .p_info > div {
    margin-bottom: 5px;
}

.order_product_info > .p_info > div:last-of-type {
    margin-bottom: 0;
}

.order_product_info > .p_info > .p_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

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

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

.order_product_info > .p_info > .p_price > .add_point {
    color: #777;
}

.promotioncode_info_icon {
    cursor: pointer;
    position: relative;
    margin-left: 10px;
}

.promotioncode_info_icon > .promotioncode_desc {
    display: none;
    position: absolute;
    min-width: 370px;
    left: -185px;
    top: 35px;
    color: #fff;
    background-color: rgba(20, 20, 20, 0.9);
    padding: 20px;
    z-index: 10;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
}

.promotioncode_info_icon:hover > .promotioncode_desc {
    display: block;
}

.promotioncode_info_icon > .promotioncode_desc:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 189px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid rgba(20, 20, 20, 0.8);
}

.available_point_wrap {
    font-size: 13px;
    font-weight: 500;
    margin-left: 15px;
    vertical-align: middle;
}

.available_point_wrap > span:nth-of-type(1) {
    color: #777;
}

.available_point_wrap > span:nth-of-type(2) {
    color: #999;
}

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

.available_point_wrap > .point > b {
    font-weight: 600;
    font-family: "pretendard", sans-serif;
}

#usePoint + span {
    font-size: 16px;
    font-weight: 600;
    color: #777;
    margin-left: 5px;
    vertical-align: middle;
}

.order_cont_cont > .file_add_box {
    padding-right: 105px;
}

.order_cont_cont > .file_add_box > .file_hidden {
    width: 100%;
    height: 44px;
}

.order_cont_cont > .file_add_box > .btn_file {
    width: 100px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.buy_step2_info.institution > .order_cont_wrap > .order_cont {
    flex-direction: column;
    align-items: normal;
}

.buy_step2_info.payment_method {
    margin-bottom: 20px;
}

.order_cont.payment_method {
    flex-direction: column;
}

.payment_method_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.payment_method_list > li {
    width: 32%;
    text-align: center;
    margin-bottom: 10px;
}

.payment_method_list > li > label {
    display: block;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
}

.payment_method_list > li > input[name="mainPaymentMethodCd"]:checked + label {
    border-color: #2B398F;
}

.payment_method_list input[name="mainPaymentMethodCd"] {
    display: none;
}

.payment_method > .desc_box {
    display: none;
    margin-top: 15px;
}

.payment_method_list > li > .etc_txt {
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}



/* 주문결제 - 고정 사이드 */
.buy_step2_wrap > .buy_step2_aside {
    width: 30%;
    position: sticky;
    top: 65px;
    /* 상단 헤더 고정에 따른 위치 수정*/
    align-self: flex-start;
}

.buy_step2_aside > .pay_total_wrap {
    width: 100%;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
}

.pay_total_title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.pay_total_detail_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

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

.pay_total_detail_cont > .pay_detail {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.pay_total_detail_cont > .pay_detail.p_count {
    color: #777;
    font-weight: 500;
}

.pay_total_detail_cont.final_amount {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 0;
}

.pay_total_detail_cont.final_amount > .pay_title {
    font-weight: 600;
    color: #333;
}

.pay_total_detail_cont.final_amount > .pay_detail {
    font-size: 20px;
    font-weight: 700;
    color: #2B398F;
}

.pay_total_detail_cont.final_point {
    justify-content: flex-end;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.pay_total_detail_cont.final_point > div {
    font-size: 14px;
    color: #777;
}

.pay_total_desc {
    margin-top: 20px;
}

.pay_total_desc > .pay_agree_txt {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    margin-bottom: 5px;
}

input[type="checkbox"].new_chk.small {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
}

input[type="checkbox"].new_chk.small:before {
    width: 6px;
    height: 10px;
}

input[type="checkbox"].new_chk.small + label {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    letter-spacing: -1;
}

.final_estimate {
    margin-top: 20px;
}

.final_estimate > a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.final_estimate > a:hover,
.final_estimate > a:active,
.final_estimate > a:visited {
    color: #333;
}

.aside_btn_wrap {
    margin-top: 20px;
}

.aside_btn > a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #2B398F;
    font-size: 16px;
    font-weight: 600;
}

.shipping_info > .shipping_desc {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    margin: 20px 0 10px;
}

.shipping_info > .shipping_desc > .shipping_date {
    color: #2B398F;
    font-weight: 700;
}

.shipping_info > .shipping_etc {
    font-size: 12px;
    color: #999;
    font-weight: 500;
}

.payment_method_list > li:nth-of-type(2) .etc_txt {
    display: none;
}

.mo_folding_info {
    display: none;
    text-align: right;
}

/* 주소록 관리 모달 */
.basic_modal_body > .addr_list_tab {
    border-bottom: 1px solid #ddd;
}

.basic_modal_body > .addr_list_tab > ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.basic_modal_body > .addr_list_tab > ul > li {
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    cursor: pointer;
}

.basic_modal_body > .addr_list_tab > ul > li.on {
    color: #2B398F;
    font-weight: 700;
    border-bottom: 3px solid #2B398F;
}

.basic_modal_body > .addr_list_wrap {
    margin-top: 20px;
    display: none;
}

.basic_modal_body > .addr_list_wrap.on {
    display: block;
}

.basic_modal_body > .addr_list_wrap > .addr_desc {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-bottom: 25px;
}

.basic_modal_body > .addr_list_wrap > .addr_list > li {
    width: 630px;
    flex-direction: column;
}

.basic_modal_body > .addr_list_wrap > .addr_list > li > div {
    margin-bottom: 20px;
}

.basic_modal_body > .addr_list_wrap > .addr_list > li > div:nth-child(2) {
    margin-bottom: 5px;
}

.basic_modal_body > .addr_list_wrap > .addr_list > li > div:last-of-type {
    margin-bottom: 0;
}

.addr_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

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

.addr_addr > span {
    display: block;
}

.addr_addr > span:first-of-type {
    width: 50px;
    margin-right: 10px;
    background-color: #f6f6f6;
    color: #777;
    font-size: 12px;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.addr_tel_list > li {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-bottom: 5px;
}

.addr_tel_list > li:last-of-type {
    margin-bottom: 0;
}

.addr_tel_list > li > span {
    color: #999;
    display: inline-block;
    margin-right: 10px;
}

.addr_btn {
    display: flex;
    justify-content: space-between;
}

.addr_btn > a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 18px;
}

.addr_btn > a.add_addr {
    color: #777 !important;
}

.basic_modal_footer a:first-of-type {
    margin-lefT: 0;
}

.addr_btn_group {
    display: flex;
}

.addr_btn_group > a {
    display: block;
    padding: 6px 18px;
    margin-right: 10px;
}

.addr_btn_group > a:last-of-type {
    margin-right: 0;
}

.basic_modal_footer > .footer_btn_wrap {
    width: 110px;
}

.basic_modal_footer > .footer_btn_wrap > a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.alert_modal .basic_modal_footer > .footer_btn_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.addr_list_edit_wrap {
    width: 630px;
}

.addr_list_edit_wrap > .addr_desc > .addr_list_title {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    padding-bottom: 10px;
}

.addr_list_edit_wrap > .addr_desc > .addr_list_title > span {
    font-weight: 600;
}

.addr_edit_group {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 5px;
}

#newModal.delivery_addr_edit .basic_modal_footer {
    margin-top: 20px;
}

#newModal.delivery_addr_edit .basic_modal_footer > .footer_btn_wrap {
    width: 70%;
    text-align: center;
}

#newModal.delivery_addr_edit .basic_modal_footer > .footer_btn_wrap > a {
    display: inline-block;
    padding: 0 30px;
    margin-right: 10px;
}

#newModal.delivery_addr_edit .basic_modal_footer > .footer_btn_wrap > a:last-of-type {
    margin-right: 0;
}

#newModal.delivery_addr_edit input#detailAddr {
    width: 100%;
}



/*****************주문완료***************************/
.step_desc_list > li:nth-of-type(3) > div {
    margin-bottom: 20px;
}

.step_desc_list > li:nth-of-type(3) > div:nth-of-type(2) {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.step_desc_list > li:nth-of-type(3) > div:last-of-type {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.step_desc_list > li:nth-of-type(3) > div:last-of-type > span {
    color: #2B398F;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}

.contents_inner.buy_step3 .order_detail_wrap > .order_title {
    display: none;
}

/*****************마이페이지 메인 *************/

.new_my_group .result_list > li {
    align-items: center;
}

.new_my_group .result_list > li:last-of-type {
    margin-bottom: 0;
}


.contents_inner.renewal.full_width {
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contents_inner.renewal > .new_my_group {
    margin-bottom: 80px;
    width: 100%;
}

.contents_inner.renewal > .new_my_group:nth-of-type(4),
.contents_inner.renewal > .new_my_group:nth-of-type(5) {
    margin-bottom: 0;
    width: 48%;
}

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

.new_my_group > .new_my_title_wrap > .new_my_tile {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.new_my_group > .new_my_title_wrap > a.more_detail {
    font-size: 15px;
    color: #777;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.new_my_group > .new_my_title_wrap > a.more_detail:link,
.new_my_group > .new_my_title_wrap > a.more_detail:visited,
.new_my_group > .new_my_title_wrap > a.more_detail:hover,
.new_my_group > .new_my_title_wrap > a.more_detail:active {
    color: #777;
}

.border_round_box {
    border: 1px solid #ddd;
    border-radius: 16px;
    box-sizing: border-box;
}

.border_round_box.notice {
    padding: 36px 36px 20px 36px;
}

.border_round_box.notice .notice_list_wrap,
.new_my_group.point_box .psycl_test_result_wrap {
    margin-top: 40px;
    width: 100%;
}

.border_round_box.notice > .notice_list_wrap > table {
    width: 100%;
}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr {
    height: 56px;
    box-sizing: border-box;
}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr > td {
    box-sizing: border-box;
}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr > td:first-of-type {
    width: calc(100% - 100px);
}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr > td:first-of-type > a {
    display: block;
    width: 100%;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr > td:last-of-type {
    width: 25%;
    min-width: 90px;
    padding-left: 5px;
    box-sizing: border-box;
    font-size: 14px;
}

.border_round_box.notice > .notice_list_wrap > table > tbody > tr:last-of-type > td {
    border-bottom: none;
}

.new_my_group .point_list > li {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.new_my_group.point_box {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 36px 36px 20px 36px;
    box-sizing: border-box;
}

.new_my_group .point_list > li {
    padding: 0;
    padding-bottom: 24px;
    margin-bottom: 0;
}

.new_my_group .point_list > li:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
    padding-top: 24px;
}

.new_my_group .point_list > li > div:nth-of-type(1) {
    width: 75%;
}

.new_my_group .point_list > li > div:nth-of-type(2) {
    width: 25%;
    text-align: right;
}

.test_list_cont_group {
    display: flex;
    flex-direction: column;
}

.test_list_cont_group > .test_category {
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.test_name_wrap {
    display: flex;
    align-items: center;
}

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

a.omr_down_btn {
    color: #fff;
    background: #000;
    font-size: 10px;
    font-weight: 600;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    margin-left: 12px;
}

.test_state_group_inner {
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: normal;
    padding: 0 12px;
    vertical-align: middle;
    margin-right: 12px;
}

.test_state_group_inner.gray {
    background-color: #f6f6f6;
}

.test_state_group_inner.white {
    border: 1px solid #ddd;
}

.test_state_group_inner > div {
    display: flex;
    align-items: center;
}

.available_quanty > .available_title,
.buy_quanty > .buy_title,
.use_quanty > .use_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
    margin-right: 10px;
}

.available_quanty > .available_num,
.buy_quanty > .buy_num,
.use_quanty > .use_num {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.available_quanty + .buy_quanty:before,
.use_quanty + .onlinecode_reverse:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}

.change_point {
    margin-left: 10px;
}

.onlinecode_reverse {
    font-size: 13px;
    font-weight: 600;
    color: #2B398F;
}

.simple_buy {
    background-color: #E0E3FF;
    border-radius: 8px;
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
}

.simple_buy > img {
    display: block;
}

.test_state_group {
    display: flex;
    margin-top: 20px;
}

.test_list_btn_group {
    display: flex;
    flex-direction: column;
}

.test_list_btn_group > a,
.test_result_btn_group > a {
    width: 217px;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center;
    border-radius: 8px;
}

.test_list_btn_group > a.send_onlinecode {
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

.test_list_btn_group > a.test_progress,
.test_result_btn_group > a.show_test_result {
    background-color: #E0E3FF;
}

.test_result_info > span {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.test_result_info > span + span:before {
    content: "·";
    display: inline-block;
    color: #999;
    margin: 0 3px;
}

.group_name {
    font-size: 13px;
    font-weight: 600;
    color: #777;
}

.result_testname > .testname {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.result_testname > .btn_memo {
    width: 34px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    text-align: center;
    margin-left: 12px;
}

.test_result_info_names {
    margin-top: 16px;
    display: flex;
}

.test_result_info_names > .info_name_group > .name_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.test_result_info_names > .info_name_group > .name_text1 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.test_result_info_names > .info_name_group > .name_text2 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.test_result_info_names > div:nth-of-type(2):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}

.examinee_info {
    position: relative;
}

.examinee_info > .examinee_info_txt {
    display: none;
    position: absolute;
    width: 200px;
    left: -90px;
    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;
}

.examinee_info > .examinee_info_txt.on {
    display: block;
}

.examinee_info > .examinee_info_txt:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 94px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid rgba(20, 20, 20, 0.8);
}

.examinee_info_txt > span {
    display: block;
}

.examinee_info_txt > span.examinee_name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.examinee_info_txt > span.examinee_info {
    font-size: 13px;
}

.examinee_info_txt > span.examinee_info > span {
    color: rgba(255, 255, 255, 0.7);
    margin-right: 6px;
}

.mo_kebab_btn_wrap {
    display: none;
}

.mymain_point_wrap {
    height: calc(100% - 60px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.no_result.mymain_point {
    box-shadow: none;
}

/********************** 심리검사 실시·결과 *************************/
.desc_box.holding_onlinecode {
    margin-bottom: 20px;
}

a.chrome_down {
    color: #333;
    text-decoration: underline;
}

.psycl_test_wrap.holding_onlinecode .search_tb .new_select {
    width: 200px;
    margin-right: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.psycl_test_wrap.holding_onlinecode .search_tb .new_select + #psyItemNm {
    width: 300px;
}

.psycl_test_wrap.holding_onlinecode .search_tb .new_select + #psyItemNm::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #999;
}

.psycl_test_wrap.holding_onlinecode > .search_group > .btn_area_center {
    margin-top: 40px;
    margin-bottom: 80px;
}

.psycl_test_wrap.holding_onlinecode > .search_group > .btn_area_center > a {
    background-color: #2b398f;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.point_tooltip {
    font-size: 13px;
    font-weight: 600;
    font-family: 'pretendard', sans-serif;
    padding: 0 5px;
}

.unavailable {
    opacity: 0.4;
    cursor: not-allowed;
}

.unavailable > a {
    cursor: not-allowed;
}

/********** 온라인코드 되돌리기 모달 ***********/
.onlinecode_reverse_desc {
    width: 630px;
    font-size: 16px;
    font-weight: 500;
    color: #777;
    text-align: center;
    margin-bottom: 30px;
}

.reverse_test_name {
    max-width: 582px;
    padding: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border-radius: 16px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.chk_all_wrap {
    margin-bottom: 20px;
    padding-left: 18px;
}

.chk_all_wrap > .chk_all {
    display: flex;
    align-items: center;

}

.reverse_list_wrap > .reverse_list {
    max-height: 40vh;
    overflow-y: auto;
    /* UX 개선 2025.03.24 */
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.reverse_list > ul > li {
    padding: 16px 18px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.reverse_list > ul > li:last-of-type {
    border-bottom: none;
}

.reverse_list > ul > li > .chk_wrap {
    margin-right: 10px;
}

.onlinecode_status {
    font-size: 18px;
    font-weight: 600;
    color: #2b398f;
}

.onlinecode_datetype {
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.onlinecode_type:before {
    content: "·";
    display: inline-block;
    color: #999;
    margin: 0 3px;
}

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

.onlinecode_tester > .tester_name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-left: 8px;
}

/********** 포인트로 전환 모달 ***********/
.basic_modal.change_point_modal .desc_box.blue_box {
    width: 630px;
}

.basic_modal.change_point_modal .desc_list {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    word-break: keep-all;
}

.desc_list_sub {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
    margin-top: 5px;
}

.desc_list_sub > li {
    counter-increment: item;
    margin-left: 20px;
    padding-bottom: 3px;
}

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

.desc_list_sub > li::marker {
    content: counter(item) ")  ";
    display: inline-block;
}

.font_black {
    color: #333;
}

.underline {
    text-decoration: underline;
}

.change_point_contents_list {
    margin-top: 30px;
}

.change_point_contents_list > .cp_list > li {
    border-radius: 16px;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.change_point_contents_list > .chk_all_wrap {
    padding-left: 24px;
}

.cp_test_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.cp_test_info {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    margin-bottom: 10px;
}

.cp_test_info > div {
    color: #999;
}

.cp_test_info > div > span {
    color: #777;
    margin-left: 5px;
}

.cp_quantity_wrap {
    display: flex;
    font-size: 16px;
    color: #777;
    font-weight: 500;
    margin-bottom: 20px;
}

.cp_buy_quantity > span {
    color: #333;
}

.cp_change_quantity {
    margin-left: 18px;
}

.cp_change_quantity > span {
    color: #2B398F;

}

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

.change_point_contents {
    padding-left: 10px;
    width: calc(100% - 40px);
}

.cp_change_contents {
    background-color: #F8F8F8;
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
}

.cp_transfer_quantity {
    display: flex;
    align-items: center;
}

.cp_transfer_quantity > input.new_input_type {
    font-size: 16px;
}

.transfer_point {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 600;
}

.transfer_point > .transfer_point_num {
    font-size: 20px;
    color: #2B398F;
    margin-left: 10px;
}


/******************** 온라인코드 간편구매 *************************/
.simple_buy_contents {
    margin: 10px 0;
}

.simple_buy_contents {
    width: 630px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    padding: 24px;
    box-sizing: border-box;
    border-radius: 16px;
}

.btn_border_white {
    border: 1px solid #2b398f;
    border-radius: 8px;
    color: #2b398f;
}

.sb_test_name_wrap > .sb_test_type {
    background-color: #f6f6f6;
    font-size: 12px;
    font-weight: 500;
    color: #777;
    padding: 3px 6px;
    border-radius: 4px;
}

.sb_test_name_wrap > .sb_test_name {
    margin-left: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.sb_test_price_wrap {
    margin-top: 6px;
    margin-bottom: 20px;
}

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

.sb_test_price_wrap > .sb_test_saleprice {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.buy_quantity_wrap {
    border-radius: 8px;
    background-color: #f8f8f8;
    padding: 20px 16px;
}

.buy_quantity_wrap > .buy_quantity_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.buy_quantity_wrap > .buy_quantity_num {
    display: flex;
    align-items: center;
}

.buy_quantity_wrap > .buy_quantity_num > input {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.buy_quantity_wrap > .buy_quantity_num > .min_buy_quantity {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-left: 16px;
}

.buy_quantity_wrap > .buy_quantity_num > .min_buy_quantity > .min_quantity {
    color: #333;
    margin-left: 5px;
}

.sb_buy_total {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #777;
}

.sb_buy_total_price {
    font-size: 20px;
    color: #2b398f;
    margin-left: 12px;
}

.simple_buy_contents > .sb_test_name_wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

/* 원격온라인 검사코드 발송 모달 */
.onlinecode_send_modal .basic_modal_body > div {
    width: 800px;
}

.os_test_info {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-sizing: border-box;
    padding: 24px;
    margin-top: 10px;
}

.os_test_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.ost_test_code_num > span {
    color: #27447E;
    font-weight: 600;
    margin-left: 10px;
}

.os_add_wrap > .os_add_info_wrap {
    width: 450px;
}

.os_add_wrap > .os_add_list_group {
    width: 315px;
}

.os_add_title {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.os_add_info_tb > tbody > tr > th,
.os_add_info_tb > tbody > tr > td {
    padding-bottom: 10px;
}

.os_add_info_tb > tbody > tr:nth-of-type(1) > th,
.os_add_info_tb > tbody > tr:nth-of-type(1) > td {
    padding-bottom: 20px;
}

.os_add_info_tb > tbody > tr > th {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    width: 100px;
}

.os_add_info_tb > tbody > tr > th > label {
    font-weight: 500;
}

.os_add_info_tb > tbody > tr > td {
    padding-left: 15px;
    width: calc(100%- 110px);
}

.os_add_info_tb > tbody > tr > td input.new_input_type {
    width: 237px;
}

.os_add_info_tb > tbody > tr > td .new_select {
    width: 200px;
}

.os_add_info_tb > tbody > tr.switch_wrap > th,
.os_add_info_tb > tbody > tr.switch_wrap > td {
    padding-bottom: 20px;
}

#groupBtn {
    display: inline-block;
    vertical-align: middle;
}

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

/* 스위치 버튼 디자인 */
.result_switch {
    display: inline-block;
    font-size: 100%;
    height: 30px;
    position: relative;
}

.os_add_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.result_switch > input[type="checkbox"]:checked + .result_switch_style {
    background-color: #2B398F;
}

.result_switch > input[type="checkbox"] {
    display: none;
    font-size: 12px;
}

.result_switch .result_switch_style {
    height: 30px;
    left: 0;
    top: 0;
    background: #B3B3B3;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 50px;
    cursor: pointer;
}

.result_switch > input[type="checkbox"]:checked + .result_switch_style:before {
    left: 50%;
}

.result_switch .result_switch_style:before {
    display: block;
    content: '';
    height: 0.8em;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0.3em;
    top: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.result_switch + .data_desc {
    margin-left: 5px;
}

.os_add_info_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.os_add_info_btn > a {
    display: block;
    width: 136px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #2B398F;
    text-align: center;
}

.os_add_list {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 16px;
    height: 395px;
    overflow-y: auto;
    box-sizing: border-box;
}

.os_add_list > ul > li {
    display: flex;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid #ddd;
}

.os_add_list > ul > li:last-of-type {
    border-bottom: none;
}

.os_add_cont {
    padding-left: 18px;
}

.os_add_cont > div {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.os_add_cont > div.os_add_name {
    color: #333;
}

.os_add_cont > div.os_add_mobile > span,
.os_add_cont > div.os_add_email > span {
    color: #777;
    margin-left: 5px;
}

.os_add_cont > div.os_add_email {
    margin-bottom: 0;
}

.onlinecode_send_desc {
    margin-top: 40px;
    margin-bottom: 24px;
}

.onlinecode_send_desc > ul {
    list-style: disc;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: 500;
}

.mms_preview_wrap {
    padding: 20px 24px;
    background-color: #F8F8FB;
    border-radius: 16px;
    box-sizing: border-box;
}

.mms_title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    position: relative;
}

.mms_preview_wrap > .mms_title > .folding {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.mms_preview_wrap > .mms_title > .folding::after {
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    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;
}

.mms_preview_wrap > .mms_title > .folding.on::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.preview_message {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    display: none;
    margin-top: 16px;
    word-break: break-all;
}

.os_add_info_tb > tbody > tr.insert_excel > td {
    padding-left: 0;
}

.insert_excel > td > .file_add_box {
    padding: 0;
    width: 100%;
}

.insert_excel > td > .file_add_box input[type=text] {
    width: 100% !important;
    padding-right: 60px;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.insert_excel > td > .file_add_box .file_hidden {
    width: 100%;
    height: 44px;
    z-index: 50;
}

.insert_excel > td > .file_add_box > .btn_file {
    border: none;
    top: 7px;
}

.excel_FileTxt_del {
    display: none;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 60;
}

.insert_excel_btn {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add_excelfile {
    display: block;
    width: 136px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #2B398F;
}

.insert_excel > th > .down_excel {
    background-color: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 6px 8px;
    border-radius: 4px;
    margin-left: 10px;
}

.os_add_list_total {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.os_add_list_wrap > .chk_all_wrap > .chk_all {
    position: relative;
}

.os_add_list_wrap > .chk_all_wrap > .chk_all > a.select_del {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

/* 그룹생성관리 모달 */
.basic_modal.group_admin_modal .basic_modal_body {
    position: relative;
    height: 50vh;
}

.basic_modal.group_admin_modal .basic_modal_body > div {
    width: 630px;
}

.group_edit_tab {
    border-bottom: 1px solid #ddd;
    position: sticky;
    height: 47px;
    top: 0;
    background-color: #fff;
    z-index: 30;
}

.group_edit_tab > ul {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.group_edit_tab > ul > li {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    padding-bottom: 20px;
}

.group_edit_tab > ul > li.on {
    font-weight: 700;
    color: #2B398F;
    border-bottom: 3px solid #2B398F;
}

.group_cont {
    margin-top: 24px;
    display: none;
}

.group_cont.active {
    display: block;
}

.group_tab_title > .tab_title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.group_tab_title > .tab_title_desc {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    margin-top: 8px;
}

.add_group_info_wrap {
    margin-top: 24px;
    margin-bottom: 24px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 24px;
    box-sizing: border-box;
}

.add_group_info_wrap > .group_info_tb {
    width: 100%;
}

.group_info_tb > tbody > tr > th {
    color: #000;
    width: 80px;
}

.group_info_tb > tbody > tr > th > label {
    font-size: 16px;
    font-weight: 600;
}

.group_info_tb > tbody > tr > td {
    width: calc(100% - 80px);
}

.group_info_tb > tbody > tr > td > input#examineeGroupName {
    width: 270px;
    padding-left: 16px;
}

.group_info_tb > tbody > tr > td > input#examineeGroupName_modify {
    width: 270px;
    padding-left: 16px;
}

.group_info_tb > tbody > tr:first-of-type > th,
.group_info_tb > tbody > tr:first-of-type > td {
    padding-bottom: 16px;
}

.group_info_tb > tbody > tr > td > #examineeGroupMemo {
    width: 100%;
    height: 90px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 16px;
    box-sizing: border-box;
}

.group_info_tb > tbody > tr > td > #examineeGroupMemo_modify {
    width: 100%;
    height: 90px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 16px;
    box-sizing: border-box;
}

.group_search #groupSearchForm {
    width: 100%;
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.group_search #examineeGroupNm {
    width: 300px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.group_search #examineeGroupNm::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.group_search #searchBtn {
    background-color: #F6F6F6;
    border-radius: 8px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 68px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-left: 12px;
}

.group_list_wrap > .chk_all {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.group_list_wrap > .chk_all > .select_del {
    position: absolute;
    right: 0;
}

.group_list_wrap > .group_list > li {
    border-bottom: 1px solid #ddd;
    padding: 16px 30px 16px 0;
    display: flex;
    align-items: center;
}

.group_list_wrap > .group_list > li > .chk_wrap {
    width: 32px;
}

.group_list_wrap > .group_list > li > .group_list_cont {
    width: calc(100% - 32px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group_list_wrap > .group_list > li > .group_list_cont .group_list_info {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    padding-left: 10px;
}

.group_list_info > .group_list_state::before {
    content: "·";
    width: 10px;
    text-align: center;
    display: inline-block;
    color: #999;
    margin: 0 3px;
}

.group_list_info > .group_list_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-top: 6px;
}

.group_edit_btn > a.group_list_edit {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

/************** 그룹 수정 모달 *****************/

.group_info_edit_wrap {
    width: 630px;
    padding: 24px;
    margin: 20px 0;
    box-sizing: border-box;
    border-radius: 16px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
}

.group_info_edit_wrap > .group_info_tb {
    width: 100%;
}

.group_info_edit_wrap > .group_info_tb > tbody > tr > th,
.group_info_edit_wrap > .group_info_tb > tbody > tr > td {
    padding-bottom: 16px;
}

.group_info_edit_wrap > .group_info_tb > tbody > tr:last-of-type > th,
.group_info_edit_wrap > .group_info_tb > tbody > tr:last-of-type > td {
    padding-bottom: 0px;
}

/**************************** 온라코드 실시현황 *************************/

.desc_box.onlinecode_state {
    margin-bottom: 20px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > th {
    padding-bottom: 25px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > td {
    width: 40%;
    text-align: left;
    padding-bottom: 25px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:last-of-type > th,
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:last-of-type > td {
    padding-bottom: 0;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:last-of-type > td:last-of-type {
    vertical-align: top;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:first-of-type .new_select {
    width: 200px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:first-of-type > td > #psyItemNm {
    width: 140px;
    margin-left: 12px;
}

.psycl_test_wrap.onlinecode_state .search_tb .inputbox {
    font-sizE: 15px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:nth-of-type(3) .new_select {
    width: 200px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:nth-of-type(3) .inputbox {
    width: 140px;
    margin-left: 12px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > td .group_admin_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > td #groupBtn {
    font-size: 15px;
    font-weight: 400;
    color: #777;
}

.psycl_test_wrap.onlinecode_state .btn_area_center > a {
    font-size: 16px;
}

.result_list_wrap.onlinecode_state > .chk_all_wrap {
    display: flex;
    justify-content: space-between;
}

.onlinecode_state_list_btn_group > a {
    padding: 4px 10px;
    font-size: 15px;
    font-weight: 600;
}

.onlinecode_state_list_btn_group > a + a {
    margin-left: 8px;
}

.result_list_wrap.onlinecode_state .result_list > li {
    justify-content: normal;
    align-items: center;
}

.onlinecode_state_info_wrap {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.onlinecode_state_info > .onlinecode_state_cont {
    margin-bottom: 10px;
}

.onlinecode_state_info > .onlinecode_state_cont:last-of-type {
    margin-bottom: 0;
}

.onlinecode_state_cont {
    display: flex;
    align-items: center;
}

.onlinecode_state_cont > .pname_info {
    display: flex;
    align-items: center;
    margin-right: 16px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.onlinecode_state_cont > .pname_info > .p_info_edit {
    font-size: 18px;
    font-weight: 600;
    color: #2B398F;
}

.onlinecode_state_cont > .pname_info > .p_info_edit:hover {
    text-decoration: underline;
}

.tooltip {
    opacity: 1 !important;
}

.tooltip-inner {
    font-family: 'pretendard', sans-serif;
    border-radius: 12px;
}

.p_info_name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.pname_info_i {
    cursor: pointer;
    position: relative;
}

/*피검자 정보 툴팁처리*/
.info_i_wrap {
    display: none;
    position: absolute;
    width: 200px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 16px 20px;
    border-radius: 12px;
    left: -80px;
    top: 33px;
    font-style: normal;
    box-sizing: border-box;
}

.info_i_wrap::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 84px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
}

.pname_info_i.on > .info_i_wrap {
    display: block;
}

.info_i_wrap > .p_info_name {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.info_i_wrap > .p_info_tell,
.info_i_wrap > .p_info_sms,
.info_i_wrap > .p_info_rcheck {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

.info_i_wrap > .p_info_tell > span,
.info_i_wrap > .p_info_sms > span,
.info_i_wrap > .p_info_rcheck > span {
    color: rgba(255, 255, 255, 1);
    margin-left: 5px;
}

.onlinecode_state_cont > .onlinecode_state_rate {
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.onlinecode_state_cont > .p_group_name {
    font-size: 13px;
    font-weight: 600;
    color: #777;
}

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

.onlinecode_state_cont > .p_ds_info {
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

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

.onlinecode_state_cont > .p_issuer > span {
    color: #333;
}

.onlinecode_state_btn_group > a {
    display: block;
    width: 217px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #E0E3FF;
    border-radius: 8px;
    color: #333 !important;
    font-size: 15px;
    font-weight: 600;
}

.result_list_wrap.onlinecode_state > .chk_all_wrap > .btn_group {
    display: none;
}

.onlinecode_state_cont > .p_ds_info > .p_d_info + .p_s_info::before {
    content: "·";
    display: inline-block;
    color: #999;
    margin: 0 3px;
}

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

/*********************피검자 정보 수정 모달**************************/
.basic_modal.pinfo_edit_modal .basic_modal_body {}

.basic_modal.pinfo_edit_modal .basic_modal_body > .pinfo_test_info {
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 24px;
    width: 630px;
    box-sizing: border-box;
    margin: 10px 0 40px;
}

.pinfo_test_info > div + div {
    margin-top: 5px;
}

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

.pinfo_test_info > .pinfo_test_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.pinfo_test_info > .pinfo_onlinecode {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.pinfo_tb_wrap {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.pinfo_tb_wrap > .pinfo_tb_title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.pinfo_tb_wrap > .pinfo_tb {
    width: 100%;
}

.pinfo_tb_wrap > .pinfo_tb > tbody > tr {
    height: 60px;
}

.basic_modal.pinfo_edit_modal .basic_modal_body .new_input_type {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.pinfo_tb_wrap > .pinfo_tb > tbody > tr > td > .groupmanage {
    justify-content: normal;
}

.pinfo_tb_wrap > .pinfo_tb > tbody > tr > td > .groupmanage > .new_select,
.pinfo_tb_wrap > .pinfo_tb > tbody > tr:nth-of-type(5) > td .new_select {
    width: 204px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.pinfo_tb_wrap > .pinfo_tb > tbody > tr > td > .groupmanage > .groupBtn {
    margin-left: 12px;
}

.pinfo_tb_wrap > .pinfo_tb > tbody > tr > td #examineeEmail {
    width: 100%;
}


/*********************심리검사 결과 리스트**************************/
.desc_box.test_result_list a#fontDown {
    color: #333;
    text-decoration: underline;
}

.psycl_test_wrap.test_result_list {
    margin-top: 20px;
}

.psycl_test_wrap.test_result_list > .mo_filter_group {
    display: block;
}

.psycl_test_wrap.test_result_list .btn_area_center > #searchBtn {
    font-size: 16px;
}

.psycl_test_wrap.test_result_list .search_tb_wrap {
    position: relative;
}

.psycl_test_wrap.test_result_list .search_tb_wrap > .search_reset {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    font-weight: 600;
    color: #777;
}

.search_tb_wrap .btn_cal {
    display: flex;
    justify-content: normal;
}

.search_tb_wrap .btn_cal > a {
    border: 1px solid #ddd;
    display: block;
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    width: 76px;
    text-align: center;
    color: #777;
    font-size: 15px;
    font-weight: 500;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr > th,
.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td {
    padding-bottom: 24px;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr:last-of-type > th,
.psycl_test_wrap.test_result_list .search_tb > tbody > tr:last-of-type > td {
    padding-bottom: 0;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td > #psyItemNm {
    width: 270px;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td > .inputbox::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: #999;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td .new_select {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr:nth-of-type(4) > td > .new_select {
    width: 120px;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr:nth-of-type(4) > td > .new_select + #searchValue {
    margin-left: 12px;
    width: 217px;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr.group > td > .new_select {
    width: 180px;
}

.psycl_test_wrap.test_result_list .search_tb > tbody > tr.group > td > .group_admin_wrap {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #777;
}

.list_header.test_result_list > .sub_title.list {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.list_header.test_result_list > .sub_title.list > .sub_title_text {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
}

.list_header.test_result_list > .sub_title.list > .sub_title_text > span {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    margin-left: 12px;
}

.list_header.test_result_list > .sub_title.list > .title_search_group {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.list_header.test_result_list > .sub_title.list > .title_search_group > .new_select {
    border: none;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.result_list_wrap.test_result_list > ul > li {
    align-items: center;
    padding: 24px;
    cursor: pointer;
}

.result_list_wrap.test_result_list > ul > li > .list_test_name > a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.result_list_wrap.test_result_list > ul > li > .list_test_name > a:hover {
    color: #2B398F;
}

.result_list_wrap.test_result_list > ul > li > .list_test_result_count > span {
    display: block;
    text-align: right;
    font-size: 14px;
    color: #777;
    font-weight: 500;
}

.result_list_wrap.test_result_list > ul > li > .list_test_result_count > span.count_num {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

/********************* 심리검사 결과 - 상세보기 *****************************/
.list_header.test_result_detail {
    width: 100%;
    padding-top: 50px;
}

.list_header.test_result_detail > .sub_title.list {
    width: 100%;
}

.list_header.test_result_detail > .sub_title.list > .sub_title_text {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.list_header.test_result_detail > .sub_title.list > .sub_title_text > a {
    margin-right: 5px;
}

.list_header.test_result_detail > .sub_title.list > .sub_title_text > div {
    text-align: left;
    margin-left: 5px;
    width: calc(100% - 30px);
}

.list_header.test_result_detail > .sub_title.list > .title_search_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.title_search_group > .list_total {
    font-size: 15px;
    font-weight: 500;
    color: #999;
}

.title_search_group > .list_filter_group {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.title_search_group > .list_filter_group > .new_select {
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    min-width: 90px;
}

.title_search_group > .list_filter_group > .new_select.page {
    min-width: 125px;
}

.title_search_group > .list_filter_group > .result_switch_wrp {
    margin-left: 24px;
    display: flex;
    align-items: center;
}

.title_search_group > .list_filter_group > .result_switch_wrp .result_switch .result_switch_style {
    margin-left: 12px;
}

.order_select_wrap.test_result_detail {
    padding-left: 20px;
}

.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li > a {
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li > a.btn_lightgray {
    color: #777;
}

.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li + li {
    margin-left: 10px;
}

.result_list_wrap.test_result_detail > .result_list > li {
    justify-content: normal;
    align-items: center;
}

.result_list_wrap.test_result_detail > .result_list > li > .chk_wrap {
    width: 40px;
}

.result_list_wrap.test_result_detail > .result_list > li > .test_result_detail_cont {
    width: calc(100% - 40px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.test_result_detail_cont > .test_result_group_inner {
    width: calc(100% - 253px);
}

.test_result_detail_cont > .test_result_group_inner > .result_testname {
    display: flex;
    align-items: center;
}

.testname.ellipsis {
    max-width: calc(100% - 46px);
}

.result_testname > .btn_memo:hover {
    color: #333;
}

.title_search_group > .list_total {
    display: block;
}

.title_search_group > .list_filter_group > span {
    display: block;
}

.order_select_wrap.test_result_detail .btn_group_wrap > .btn_group {
    display: flex;
    flex-direction: row-reverse;
}

.order_select_wrap.test_result_detail .btn_group > .group_report {
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-right: 10px;
}

.off_result .test_result_btn_group {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.test_result_btn_group > .resilt_hide {
    display: none;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

.test_result_btn_group > .resilt_hide > span {
    margin-left: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #777;
}


.off_result .test_result_btn_group > .resilt_hide {
    display: flex;
}

.result_list_wrap.test_result_detail > .result_list > li.off_result > .test_result_detail_cont {
    align-items: stretch;
}

.info_name_group > .name_text1 > a.p_name {
    font-size: 16px;
    font-weight: 500;
    color: #2B398F;
}

.info_name_group > .name_text1 > a.p_name:hover {
    text-decoration: underline;
}

/********************** 결과 삭제 모달 **************************/
.basic_modal_body > .alert_msg {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

/********************** 결과 유형 선택 모달 **************************/
.basic_modal.select_result_modal .basic_modal_header {
    height: 70px;
}

.basic_modal.select_result_modal .basic_modal_body {
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.basic_modal.select_result_modal .basic_modal_body > .alert_msg {
    margin-bottom: 40px;
}

.type_select_btn > input[type="radio"] {
    display: none;
}

.type_select_btn > label {
    display: block;
    width: 100%;
    height: 54px;
    font-size: 20px;
    font-weight: 600;
    color: #2B398F;
    text-align: center;
    line-height: 54px;
    border-radius: 16px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.type_select_btn > label:last-of-type {
    margin-bottom: 0;
}

.type_select_btn > input[type="radio"]:checked + label {
    border-color: #557AFF;
}

/**************************피검자 이름 수정 모달*********************************/
.basic_modal_body > .pname_edit_wrap {
    width: 630px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    padding: 24px;
    margin: 20px 0;
    border-radius: 16px;
    box-sizing: border-box;
}

.pname_edit_wrap > label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.pname_edit_wrap > .new_input_type {
    font-size: 15px;
    font-weight: 500;
    margin-left: 20px;
    width: 270px;
}

/******************************메모 등록 모달************************************/
.basic_modal_body > .memo_cont_wrap {
    width: 630px;
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    margin: 20px 0;
}

.basic_modal_body > .memo_cont_wrap > .memo_cont {
    padding-top: 8px;
    display: flex;
}

.basic_modal_body > .memo_cont_wrap > .memo_cont + .memo_cont {
    margin-top: 24px;
}

.basic_modal_body > .memo_cont_wrap > .memo_cont > .memo_cont_title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: block;
    width: 100px;
}

.basic_modal_body > .memo_cont_wrap > .memo_cont > .memo_test_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.basic_modal_body > .memo_cont_wrap textarea#memo {
    resize: none;
    display: block;
    width: calc(100% - 100px);
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 90px;
    padding: 8px 16px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
}

.basic_modal_body > .memo_cont_wrap textarea#memo::placeholder {
    color: #999;
}

/***************** 그룹지정/변경 모달 *********************/
.group_set_modal .basic_modal_body {
    overflow: inherit;
}

.basic_modal_body > .group_set_desc {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    width: 630px;
    margin-bottom: 24px;
}

.group_set_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

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

.group_set_wrap > .group_select_wrap > .new_select {
    width: 210px;
}

.group_set_wrap > .group_select_wrap > .new_select .list {
    max-height: 300px;
    overflow-y: auto;
}

/**************************KAT 결과 및 라이선스 조회***************************************/
.desc_box.KAT {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.desc_box.KAT > .result_upload {
    display: block;
    width: 103px;
    height: 36px;
    line-height: 36px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    font-size: 15px;
    font-weight: 600;
    color: #2B398F;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
}

/* .psycl_test_wrap.test_result_list.KAT .search_tb_wrap{
    position: relative;
}

.psycl_test_wrap.test_result_list.KAT .search_tb_wrap > .search_reset{
    position: absolute;
    right:0;
    top:0;
    font-size: 15px;
    font-weight: 600;
    color:#777;
} */

.test_result_detail.KAT .test_result_detail_cont > .test_result_group_inner > .result_testname {
    margin-top: 10px;
}

.btn_group_wrap.KAT {
    margin-bottom: 24px;
}

.btn_group_wrap.KAT > .btn_group > ul > li > a {
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.btn_group_wrap.KAT > .btn_group > ul > li + li > a {
    margin-left: 10px;
}

.result_list_wrap.test_result_detail.KAT > .result_list > li > .test_result_detail_cont {
    width: 100%;
}

/*****************************KAT 라이선스 조회 모달*********************************************/
.basic_modal.KAT_license_modal .basic_modal_body {
    padding-top: 15px;
}

.basic_modal.KAT_license_modal .basic_modal_body > div {
    width: 630px;
}

.basic_modal.KAT_license_modal .basic_modal_body > div > ul > li {
    flex-direction: column;
}

.basic_modal.KAT_license_modal .basic_modal_body > .no_reg_license_list > ul > li {
    box-shadow: none;
    border: 1px solid #ddd;
}

.basic_modal.KAT_license_modal .basic_modal_body > div > ul > li > div {
    display: flex;
}

.license_info_1 > .license_info_cont {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}

.license_info_1 > .license_info_cont + .license_info_cont::before {
    content: "·";
    display: inline-block;
    color: #999;
    margin: 0 3px;
}

.license_info_1 > .license_info_cont > .license_info_title {
    margin-right: 5px;
}

.license_info_2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 8px 0;
}

.license_info_3 {
    margin-bottom: 20px;
}

.license_info_3 > .license_info_cont {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.license_info_3 > .license_info_cont + .license_info_cont::before,
.license_info_4 > .license_info_cont + .license_info_cont::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}

.license_info_3 > .license_info_cont.unique_num {
    font-weight: 600;
    color: #2B398F;
}

.license_info_4 {
    background-color: #F8F8FB;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 8px;
}

.license_info_4 > .license_info_cont > .license_info_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-right: 5px;
}

.license_info_4 > .license_info_cont > span:nth-of-type(2) {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.no_reg_license_list_title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-top: 40px;
    margin-bottom: 20px;
}

/*****************************KAT 결과 파일 업로드 모달*********************************************/
.basic_modal.KAT_upload_modal .basic_modal_body > .kat_file_add_wrap {
    width: 630px;
}

.kat_file_add_wrap {
    display: flex;
}

.kat_file_add_wrap > .kat_file_add_title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding-top: 12px;
    width: calc(100% - 473px);
}

.kat_file_add_wrap .file_add_box {
    padding-right: 108px;
}

.kat_file_add_wrap .file_add_box > .btn_file {
    background-color: #F6F6F6;
    border: none;
    border-radius: 8px;
    width: 96px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 0;
}

.kat_file_add_wrap .file_add_box > #FileTxt {
    width: 365px !important;
    box-sizing: border-box;
}

.kat_file_add_wrap > .file_add_check > .duplicate_check {
    display: block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #2B398F;
    margin-top: 16px;
}

.desc_list.kat_result {
    margin-top: 26px;
}

.desc_list.kat_result > .upload_file_text {
    display: none;
}

.duplicate_list_title {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
}

.duplicate_list {
    display: none;
    list-style: disc;
    padding-left: 0;
    padding-inline-start: 20px;
    line-height: 1.8;
}

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

.upload_file_text > .duplicate_num::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #dddddd;
    margin: 0 10px;
    vertical-align: -1px;
}

/***************************** GOLDEN Group 보고서 ************************************/
/* .psycl_test_wrap.test_result_list.GOLDEN .search_tb_wrap{
    position: relative;
}
.psycl_test_wrap.test_result_list.GOLDEN .search_tb_wrap > .search_reset{
    position: absolute;
    right:0;
    top:0;
    font-size: 15px;
    font-weight: 600;
    color:#777;
} */

.radio_none > .label_tab {
    font-weight: 500;
}

.list_header.GOLDEN {
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
}

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

.chk_all_wrap.GOLDEN .del_result {
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #777;
    border-radius: 8px;
    background-color: #F6F6F6;
}

.test_result_detail.GOLDEN > .result_list > li {
    display: flex;
}

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


.info_name_group > .name_text1 > .g_leader {
    color: #2B398F;
}

.info_name_group > .name_text1 > .g_leader > .gl_name:hover {
    text-decoration: underline;
}

.info_name_group > .name_text1 > .g_leader > img:hover {
    text-decoration: none;
}

/************************그룹 리더 등록/수정 모달***************************/
.basic_modal.GOLDEN_groupleader_modal .basic_modal_body > div {
    width: 630px;
}

.basic_modal.GOLDEN_groupleader_modal .basic_modal_body > div.group_info_wrap {
    border-radius: 16px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    padding: 24px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.group_info_cont > span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.group_info_cont > span:nth-of-type(1) {
    width: 100px;
}

.group_info_cont > span:nth-of-type(2) {
    color: #333;
}

.group_target_title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.group_target_title > span {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    margin-left: 12px;
}

.group_target_list_wrap > ul > li {
    padding: 16px;
    box-sizing: border-box;
    display: flex;
}

.group_target_list_wrap > ul > li .test_date {
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.group_target_list_wrap > ul > li .p_name_info {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.group_target_list_wrap > ul > li .p_name_info > span {
    color: #333;
}

.group_target_info {
    padding-left: 10px;
}

.group_target_list_wrap {
    height: 40vh;
    overflow-y: auto;
}

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

/************************************ 셀렉트 박스 설정 ************************************/
.new_select.nice-select .current {
    width: 100%;
}

.new_select.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_select .list {
    max-height: 200px;
    overflow-y: auto;
}

/************************************ 셀렉트 박스 설정 ************************************/
/************************************교육신청현황***********************************************/
.psycl_test_wrap.edu_search .search_tb > tbody > tr:nth-of-type(2) > th,
.psycl_test_wrap.edu_search .search_tb > tbody > tr:nth-of-type(2) > td {
    padding-top: 10px;
}

.psycl_test_wrap.edu_search .search_tb .new_select {
    width: 140px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.psycl_test_wrap.edu_search .search_tb .new_select + #searchValue {
    margin-left: 12px;
}

.psycl_test_wrap.edu_search .btn_area_center > a {
    font-size: 16px;
}

.list_header.adu_apply_list > .sub_title {
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.list_header.adu_apply_list .list_total {
    font-size: 15px;
    font-weight: 500;
    color: #999;
}

.result_list_wrap.adu_apply_list > ul > li {
    justify-content: normal;
    align-items: center;
}

.result_list_wrap.adu_apply_list > ul > li > .edu_detail_cont_wrap {
    width: calc(100% - 48px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edu_detail_cont_wrap > .edu_cont_wrap {
    width: 80%;
}

.edu_detail_cont_wrap > .edu_state {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.edu_cont_wrap > .edu_cont {
    display: flex;
    align-items: flex-start;
}

.edu_cont_wrap > .edu_cont > .edu_progress {
    font-size: 16px;
    font-weight: 600;
    color: #2B398F;
}

.edu_cont_wrap > .edu_cont > .edu_apply_date {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    margin-left: 16px;
}

.edu_cont_wrap > .edu_cont > .edu_apply_num {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    display: flex;
    align-items: center;
}

.edu_cont_wrap > .edu_cont > .edu_apply_num::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 10px;
    vertical-align: -1px;
}


.edu_cont_wrap > .edu_cont > .edu_apply_num > a {
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.edu_cont_wrap > .edu_cont + .edu_cont {
    margin-top: 12px;
}

.edu_cont > .edu_type {
    padding: 4px 8px;
    background-color: #F6F6F6;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    white-space: nowrap;
}

.edu_cont > .edu_lecturename {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-left: 10px;
}

.edu_cont > .edu_instructor {
    background-color: #F6F6F6;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 0 14px;
    height: 36px;
    line-height: 36px;
}

.edu_cont .edu_lecture_date {
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.edu_cont .edu_lecture_date > .lecture_date_list {
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 36px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 36px;
    white-space: nowrap;
}

.edu_cont .edu_lecture_date > .lecture_date_list_pop {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 36px;
    z-index: 10;
    background-color: #fff;
    white-space: nowrap;
}

.edu_cont .edu_lecture_date.on > .lecture_date_list_pop {
    display: block;
}

.edu_cont .edu_lecture_date > .lecture_date_list > li > span + span::before,
.edu_cont .edu_lecture_date > .lecture_date_list_pop > li > span + span::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 10px;
    vertical-align: -1px;
}

.edu_cont .edu_lecture_date > .lecture_date_list > li > span:last-child,
.edu_cont .edu_lecture_date > .lecture_date_list_pop > li > span:last-child {
    color: #777;
}

.edu_cont .add_text {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-left: 10px;
}

.edu_cont .add_text .lecture_date_num {
    color: #333;
}

.edu_state > .edu_on > .edu_state_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.edu_state > .edu_on > .edu_state_1 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.edu_state > .edu_on > .edu_state_2 {
    font-size: 20px;
    font-weight: 600;
    color: #2B398F;
}

.edu_state > .edu_on > div + div,
.edu_state > .edu_on > div + a {
    margin-top: 8px;
}

.edu_state > .edu_on > .edu_state_btn {
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #2B398F;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 18px;
}

.edu_state > .edu_on > .edu_state_btn > span.edu_group_num {
    color: #777;
}

.edu_state > .edu_off {
    color: #777;
    font-size: 20px;
    font-weight: 600;
}

/**************************수료증 확인 모달**********************************/

.basic_modal.certificate_modal .basic_modal_body > div {
    width: 630px;
}

.basic_modal.certificate_modal .basic_modal_body > .edu_lecture_wrap {
    padding: 24px;
    border-radius: 16px;
    box-sizing: border-box;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    margin: 15px 0 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.basic_modal.certificate_modal .edu_lecture_wrap > .lecture_type {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    padding: 4px 8px;
    background-color: #F6F6F6;
}

.basic_modal.certificate_modal .edu_lecture_wrap > .lecture_name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-left: 5px;
}

.completer_title {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.completer_list_wrap > ul > li {
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
}


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

.completer_info_wrap {
    width: 100%;
    display: flex;
    align-items: center;
}

.completer_info_wrap > .completer_info {
    width: calc(100% - 130px);
    display: flex;
    flex-wrap: wrap;
}

.completer_info_wrap > .completer_info > .info_detail {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    width: 100%;
    display: flex;
}

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

.info_detail .info_text {
    color: #777;
    margin-left: 5px;
}

.completer_info_wrap > .certificate_ko_wrap {
    width: 130px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.certificate_ko_wrap > .comple_result {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.print_certificate {
    text-decoration: none;
    color: #2B398F;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 20px;
}

.print_certificate:link,
.print_certificate:visited,
.print_certificate:hover,
.print_certificate:active {
    color: #2B398F;
}

.print_certificate.en {
    margin-left: 10px;
}

#completer_name_en.new_input_type {
    font-size: 16px;
    font-weight: 500;
}

.certificate_en_wrap {
    margin-top: 8px;
}

/******************영문 수료증 출력 모달*********************/
.ename_chk .basic_modal_header {
    height: auto;
    padding: 40px 20px 20px;
}

.pass_modal.ename_chk .basic_modal_body {
    margin-bottom: 20px;
}

.ename_chk .basic_modal_header .basic_modal_title {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

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

.ename_chk_desc_wrap > ul,
.ename_chk_desc_wrap > .print_ename_chk {
    margin-top: 24px;
}

.ename_chk_desc_wrap > .ename_chk_caution {
    list-style: disc;
    padding-left: 0;
    padding-inline-start: 20px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 24px;
}

/***********************************교육신청현황_상세*******************************************/
.order_detail_wrap.edu .order_number_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap {
    display: flex;
    align-items: center;
}

.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap > .btn_group {
    display: flex;
    flex-direction: row-reverse;
}

.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap > .btn_group a {
    padding: 0 14px;
}

.order_detail_wrap.edu .edu_apply_state {
    border-radius: 16px;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    padding: 24px 0;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.order_detail_wrap.edu .edu_apply_state > div {
    width: 50%;
    text-align: center;
}

.order_detail_wrap.edu .edu_apply_state > div.apply_state {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.order_detail_wrap.edu .edu_apply_state > div.apply_total_price {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.order_detail_wrap.edu .edu_apply_state > div.apply_total_price > .total_price {
    font-size: 22px;
    font-weight: 600;
    color: #2B398F;
    margin-left: 12px;
}

.apply_info_wrap > .sub_inner_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.apply_info_wrap > .sub_inner_title > .apply_info_btn_group {
    display: flex;
}

.apply_info_wrap > .sub_inner_title > .apply_info_btn_group > li + li {
    margin-left: 10px;
}

.apply_info_wrap > .sub_inner_title > .apply_info_btn_group > li > a {
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.apply_info_wrap > .sub_inner_title > .apply_info_btn_group > li > a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.apply_info_wrap > .apply_info {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 24px;
}

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

.apply_lecture_wrap > .lecture_name_wrap {
    display: flex;
    align-items: center;
}

.apply_lecture_wrap > .lecture_name_wrap > .lecture_type {
    background-color: #F6F6F6;
    border-radius: 8px;
    color: #777;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
}

.apply_lecture_wrap > .lecture_name_wrap > .lecture_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-left: 8px;
}

.apply_lecture_wrap > .lecture_date_wrap {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    color: #777;
}

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

.lecture_date_wrap > .lecture_date_text {
    margin-left: 10px;
}

.lecture_price_wrap {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-top: 16px;
}

.lecture_price_wrap > .lecture_price {
    color: #333;
}

.payment_wrap.apply_payment {
    padding: 24px 0;
    margin-top: 20px;
}

.payment_wrap.apply_payment > div > div {
    margin-bottom: 0;
}

.payment_wrap.apply_payment .payment_title {
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.payment_wrap.apply_payment .payment_sub {
    font-size: 14px;
    color: #777;
}

.payment_wrap.apply_payment .payment_cont {
    font-size: 22px;
}

.payment_wrap.apply_payment .total_payment > .payment_cont {
    font-size: 24px;
}

.payment_wrap.apply_payment .total_payment > .payment_title {
    color: #333
}

.applicant_info_wrap {
    margin-top: 80px;
}

.applicant_info_wrap > .sub_inner_title {
    margin-bottom: 15px;
}

.applicant_info_wrap > .applicant_info {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 16px;
}

.applicant_info > .applicant_info_tb > tbody > tr > td,
.payment_info_list > li > .payment_info_tb > tbody > tr > td,
.refund_info > .refund_info_tb > tbody > tr > td {
    width: 25%;
}

.payment_wrap.edu_total_price > .payment_total {
    display: flex;
    align-items: center;
}

.payment_wrap.edu_total_price > .payment_total > .payment_total_point {
    font-size: 14px;
    font-weight: 600;
    color: #777;
    margin-left: 24px;
}

.payment_wrap.edu_total_price > .payment_total > .payment_total_point > .save_point {
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.refund_info_wrap {
    margin-top: 80px;
}

.refund_info_wrap > .refund_info {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 16px;
}

.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding: 7px 7px 15px 7px;
}

.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div > span.refund_price {
    font-size: 18px;
    color: #2B398F;
    margin-left: 20px;
}

.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div {
    display: inline-block;
}

.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div + div::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 0 10px;
    vertical-align: -1px
}

.td_text_top {
    vertical-align: text-top;
    padding-top: 10px;
}

.mo_symbol {
    display: none;
}

/************************ 교육 환불신청 모달 *********************/

.edu_refund .basic_modal_body,
.edu_virtual_refund .basic_modal_body {
    overflow: inherit;
}

.edu_refund .basic_modal_body .new_select .list,
.edu_virtual_refund .basic_modal_body .new_select .list {
    max-height: 250px;
    overflow-y: auto;
}

.basic_modal .basic_modal_body > .desc_box.blue_box {
    width: 630px;
}

.edu_refund .account_refund_form label.refund_title,
.edu_virtual_refund .account_refund_form label.refund_title {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.edu_refund .account_refund_form td,
.edu_virtual_refund .account_refund_form td {
    padding-bottom: 15px;
}

.edu_refund .account_refund_form > .account_refund_tb,
.edu_virtual_refund .account_refund_form > .account_refund_tb {
    width: 100%;
}

.edu_refund .account_refund_form > .account_refund_tb input.new_input_type,
.edu_virtual_refund .account_refund_form > .account_refund_tb input.new_input_type {
    width: 280px;
}

.edu_refund .new_select.refund_bank,
.edu_virtual_refund .new_select.refund_bank {
    width: 280px;
}

textarea.refund_text {
    width: 100%;
    min-height: 70px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    font-size: 15px;
    box-sizing: border-box;
}

/**********************************할인신청현황***************************************/

.psycl_test_wrap.edu_search.apply_discount > .search_group .search_tb > tbody > tr + tr > th,
.psycl_test_wrap.edu_search.apply_discount > .search_group .search_tb > tbody > tr + tr > td {
    padding-top: 10px;
}

.psycl_test_wrap.edu_search.apply_discount > .search_group .search_tb .new_select {
    height: 40px;
}

.list_header.adu_applydiscount_title .sub_title_text {
    display: flex;
    align-items: center;
}

.list_header.adu_applydiscount_title span.list_total {
    font-size: 15px;
    font-weight: 500;
    color: #999;
    margin-left: 12px;
}

.result_list_wrap.adu_applydiscount_list_wrap ul > li {
    padding: 24px;
    flex-direction: column;
}

.result_list_wrap.adu_applydiscount_list_wrap ul > li > div.applydiscount_state {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
    margin-bottom: 14px;
    justify-content: space-between;
    align-items: center;
}

div.applydiscount_state > .apply_state {
    display: flex;
    align-items: center;
}

div.applydiscount_state > .apply_state > .state_rate {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

div.applydiscount_state > .apply_state > .state {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-left: 16px;
}

div.applydiscount_state > .state_use {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
}

div.applydiscount_state > .state_use.notused {
    background-color: #ECF4FF;
    color: #2B398F;
}

div.applydiscount_state > .state_use.used {
    background-color: #f6f6f6;
    color: #333;
}

div.applydiscount_state > .state_use.notavailable {
    background-color: #FFEAEA;
    ;
    color: #EC3838;
}

.apply_workshop {
    display: flex;
    align-items: center;
}

.apply_workshop > .workshop_type {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    background-color: #f6f6f6;
    color: #777;
    border-radius: 8px;
}

.apply_workshop > .workshop_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-left: 6px;
}

.applydiscount_num_wrap {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    margin-top: 16px;
}

.apply_validity {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #999;
}

.apply_validity > a.apply_discount_detail {
    font-size: 14px;
    color: #777;
    display: flex;
    align-items: center;
}

/**************************** 할인신청 상세보기 모달 **********************************/
.basic_modal.edu_apply_discount .basic_modal_body > div {
    width: 630px;
}

.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap {
    padding: 24px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
    margin: 15px 0;
    border-radius: 16px;
    box-sizing: border-box;
}

.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap > .lecture_type {
    font-size: 14px;
    font-weight: 600;
    background-color: #f6f6f6;
    color: #777;
    border-radius: 8px;
    padding: 4px 8px;
}

.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap > .lecture_name {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-left: 6px;
}

.edu_apply_discount_detail > .edu_apply_discount_tb {
    width: 100%;
}

.edu_apply_discount_tb > tbody > tr {
    height: 40px;
}

.edu_apply_discount_tb > tbody > tr > th {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    width: 30%;
}

.edu_apply_discount_tb > tbody > tr > td {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.edu_apply_discount_tb > tbody > tr > td > a.apply_discount_dwn {
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    margin-left: 8px;
}

/***************************************교육신청 대기자 현황********************************************/
.order_select_wrap > .select_del {
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.edu_detail_cont_wrap > .edu_waitlist_detail {
    width: calc(100% - 140px);
}

.edu_waitlist_detail > .edu_state {
    font-size: 16px;
    font-weight: 600;
    color: #2B398F;
}

.edu_waitlist_detail > .edu_cat {
    font-size: 14px;
    font-weight: 600;
    color: #777;
    margin-top: 12px;
}

.edu_waitlist_detail > .edu_title_wrap {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

.edu_waitlist_detail > .edu_title_wrap > .workshop_type {
    border-radius: 8px;
    background-color: #F6F6F6;
    padding: 4px 8px;
}

.edu_waitlist_detail > .edu_title_wrap > .workshop_name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-left: 6px;
}

.edu_waitlist_detail > .edu_detail {
    padding: 16px;
    background-color: #F6F6F6;
    border-radius: 16px;
    margin-top: 20px;
}

.edu_waitlist_detail > .edu_detail > span {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

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

.edu_price_wrap > span + span::before {
    content: "·";
    display: inline-block;
    color: #999;
    margin: 0 3px;
    width: 8px;
}

.edu_waitlist_state_wrap {
    width: 120px;
    text-align: center;
}

.edu_waitlist_state_wrap > .waitlist_title {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.edu_waitlist_state_wrap > .waitlist_state {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 12px;
}

.edu_waitlist_state_wrap > .waitlist_state.possible {
    color: #2B398F;
}

.edu_waitlist_state_wrap > .waitlist_apply_btn {
    color: #2B398F;
    font-size: 15px;
    border-radius: 8px;
    padding: 6px 18px;
    border: 1px solid #ddd;
    margin-top: 12px;
}


/********************** 단체신청 수료증 ****************************/

.psycl_test_wrap.edu_search .search_box_style .inputbox {
    width: 300px;
}

.list_header.group_completion > .sub_title {
    border-bottom: none;
    padding-bottom: 0;
}

.result_list_wrap.group_completion > ul > li > .edu_detail_cont_wrap {
    width: 100%;
}

.result_list_wrap.group_completion .edu_completion {
    font-size: 16px;
    font-weight: 500;
    color: #777;
}

.result_list_wrap.group_completion .edu_completion_date {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin-left: 10px;
}

.result_list_wrap.group_completion .edu_applicant_info::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #999;
    margin: 5px 10px;
}

.result_list_wrap.group_completion .edu_applicant_info {
    font-size: 16px;
    font-weight: 600;
    color: #2B398F;
    display: flex;
    align-items: center;
}

.result_list_wrap.group_completion .edu_applicant_info > img {
    vertical-align: middle;
}

/******************** 단체 신청자 정보 모달 ************************/
.basic_modal.pass_modal.group_apply_info .basic_modal_header {
    justify-content: normal;
    padding: 20px;
    height: 60px;
}

.basic_modal.pass_modal.group_apply_info .basic_modal_header .basic_modal_title {
    font-size: 18px;
}

.basic_modal.pass_modal.group_apply_info .basic_modal_body {
    margin-bottom: 20px;
}

.group_apply_info .group_apply_info_wrap > table {
    width: 100%;
}

.group_apply_info .group_apply_info_wrap > table > tbody > tr > th {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    width: 40%;
    padding: 7px;
    box-sizing: border-box;
}

.group_apply_info .group_apply_info_wrap > table > tbody > tr > td {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 60%;
    padding: 7px;
    box-sizing: border-box;
}

/* 검사자 선택 모달 */
.basic_modal.tester_select_modal .basic_modal_body {
    position: relative;
}

.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc {
    font-size: 15px;
    font-weight: 400;
    color: #777;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    height: 36.5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc.select_empty {
    margin-bottom: 30px;
    height: auto;
}

.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc .add_tester_wrap {
    position: absolute;
    right: 0;
    top: 0;
}

.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc.select_empty .add_tester_wrap {
    display: none;
}

.basic_modal.tester_select_modal .basic_modal_body .tester_wrap {
    width: 630px;
    border: 1px solid #ddd;
    border-radius: 16px;
}

#tester_select {
    height: 30%;
    overflow-y: auto;
    padding: 0 24px;
    box-sizing: border-box;
    max-height: 260px;
    border-color: #2B398F;
}

#tester_select::-webkit-scrollbar {
    width: 15px;
}

#tester_select::-webkit-scrollbar-thumb {
    height: 30%;
    background-color: rgba(43, 57, 143, .5);
    border-radius: 15px;
    background-clip: padding-box;
    border: 5.5px solid transparent;
}

#tester_select::-webkit-scrollbar-track {
    background-color: transparent;
}

#tester_select .add_tester_wrap {
    position: absolute;
    right: 50px;
    top: 0;
    z-index: 10;
}

#tester_select_empty {
    height: 30%;
    overflow-y: auto;
    padding: 0 24px;
    box-sizing: border-box;
    max-height: 260px;
    border-color: #2B398F;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tester_wrap .tester_list > li {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 15px;
}

.tester_wrap .tester_list > li:last-of-type {
    border-bottom: none;
}

#tester_select .tester_list {
    width: 100%;
}

#tester_select .tester_name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-right: 8px;
    /*margin-bottom:6px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

#tester_select .radio_label_wrap {
    width: calc(100% - 35px);
    display: flex;
    align-items: center;
}

#tester_select .new_label::before {
    margin-right: 0;
}

#no_tester .new_label::before {
    margin-right: 15px;
}

#tester_select .tester_id {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

#no_tester {
    margin-top: 12px;
    padding: 16px 24px;
    box-sizing: border-box;
    display: flex;
}

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

.basic_modal.tester_select_modal .basic_modal_body .desc_list {
    font-size: 16px;
    font-weight: 500;
    color: #777;
    margin-top: 16px;
    list-style: disc;
}

.basic_modal.tester_select_modal .basic_modal_body .desc_list a.add_tester {
    font-size: 15px;
    font-weight: 500;
    color: #2B398F;
    margin-left: 12px;
    display: inline-flex;
    align-items: center;
}

.tester_empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tester_empty .tester_empty_desc {
    font-size: 16px;
    font-weight: 500;
    color: #555;
    margin-bottom: 24px;
}

.add_tester_wrap .add_tester {
    border: 1px solid #2B398F;
    border-radius: 8px;
    padding: 6px 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #2B398F;
    font-size: 15px;
    font-weight: 600;
}

.add_tester_wrap .add_tester img {
    margin-right: 8px;
}

#no_tester .tester_no_desc {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #777;
    margin-left: 8px;
}

.my_badge {
    width: 100%;
    max-width: 994px;
    margin: 0 auto 20px;
}



/* 신규 퀵메뉴 css */

#quickMenuNew {
    position: fixed;
    right: 40px;
    bottom: 60px;
    z-index: 990;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px
}

#quickMenuNew a,
#quickMenuNew button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: clamp(48px, 4.1vw, 60px);
    height: clamp(48px, 4.1vw, 60px);
    padding: 0 clamp(8px, .96vw, 14px);
    border-radius: 999px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, .24);
    background-color: #fff;
    transition: all .1s ease-in
}

#quickMenuNew a span,
#quickMenuNew button span {
    width: 0;
    opacity: 0;
    color: #111;
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 400;
    line-height: 100%
}

#quickMenuNew a img,
#quickMenuNew button img {
    width: clamp(28px, 2.2vw, 32px);
    height: auto
}

#quickMenuNew a:hover,
#quickMenuNew button:hover {
    width: fit-content
}

#quickMenuNew a:hover span,
#quickMenuNew button:hover span {
    width: fit-content;
    opacity: 1;
    padding: 0 8px
}

#quickMenuNew #btn--quickMore {
    display: none
}

#quickMenuNew #btn--quickMore #btnQuickClose {
    display: none
}

.blackscreen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9990;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(4px)
}

.open + .blackscreen {
    display: block
}

@media screen and (max-width: 767px) {
    #quickMenuNew {
        right: 20px;
        bottom: 32px
    }

    #quickMenuNew a {
        display: none;
        opacity: 0;
        height: 0;
        transform: translateY(24px);
        transition: all .2s
    }

    #quickMenuNew #btn--quickMore {
        display: flex;
        width: 48px
    }

    #quickMenuNew.open {
        z-index: 9999
    }

    #quickMenuNew.open #toGoTop {
        display: none
    }

    #quickMenuNew.open a {
        position: relative;
        display: flex;
        opacity: 1;
        height: 48px;
        transform: translateY(0);
        overflow: visible
    }

    #quickMenuNew.open a span {
        display: block;
        position: absolute;
        top: 50%;
        right: 60px;
        z-index: 9;
        transform: translateY(-50%);
        color: #fff;
        opacity: 1;
        width: 200px;
        text-align: right
    }

    #quickMenuNew.open #btn--quickMore {
        background-color: #111
    }

    #quickMenuNew.open #btn--quickMore #btnQuickClose {
        display: block;
        filter: invert(1)
    }

    #quickMenuNew.open #btn--quickMore #btnQuickOpen {
        display: none
    }
}

/* 결과보기 디지털배지 편집하기 모달 */
.basic_modal.digitalbadge_editer .basic_modal_content {
    width: 812px;
    max-width: none;
}

.basic_modal.digitalbadge_editer .basic_modal_header {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

.basic_modal.digitalbadge_editer .basic_modal_body {
    padding: 0 40px;
    box-sizing: border-box;
    max-height: inherit;
}

.basic_modal.digitalbadge_editer .basic_modal_footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 40px;
    box-sizing: border-box;
    height: 108px;
}

.basic_modal.digitalbadge_editer .basic_modal_footer > a {
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 27px;
}

.basic_modal.digitalbadge_editer .basic_modal_footer > a.disabled {
    opacity: 0.2;
}

.digitalbadge_editer_title .title_wrap {
    display: flex;
    align-items: center;
}

.digitalbadge_editer_title .title_wrap .title {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.digitalbadge_editer_title .title_wrap .badge_count_num {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    margin-left: 6px;
}

.basic_modal.digitalbadge_editer .badge_count_num {
    display: flex;
    gap: 20px;
}

.badge_sort_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.badge_sort_wrap .sort_desc {
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

.badge_sort_wrap .sort_list_wrap {
    display: flex;
    gap: 20px;
}

.badge_sort_wrap .sort_list_wrap .sort_content {
    display: flex;
}

.badge_sort_wrap .sort_list_wrap .sort_content .sort_title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap {
    border: none;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    width: inherit;
    min-width: 110px;
    z-index: 9999;
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap#ul_select2 {
    min-width: 90px;
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    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;
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap.active::after {
    transform: rotate(180deg);
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap span {
    color: #777;
}

.badge_sort_wrap .sort_list_wrap .sort_list .ul_select_wrap .ul_select_option {
    z-index: 999;
}

.digitalbadge_possession {
    width: 100%;
    height: 250px;
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 16px;
    box-sizing: border-box;
    margin-top: 24px;
}

.digitalbadge_possession .possession_list_wrap {
    overflow-y: auto;
    height: 100%;
    scrollbar-gutter: stable;
}

.possession_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 11px;
}

.possession_list li {
    width: 224px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: stretch;
    padding: 13px 14px;
    box-sizing: border-box;
    background-color: #F6F6F6;
    border-radius: 12px;
    cursor: pointer;
    z-index: 1000;
    border: 2px solid #F6F6F6;
    position: relative;
}

.possession_list li > .badge_img {
    width: 60px;
    height: 60px;
}

.possession_list li > .badge_info {
    width: calc(100% - 70px);
}

.possession_list li > .badge_info > .badge_type {
    font-size: 12px;
    font-weight: 500;
    color: #555;
}

.possession_list li > .badge_info > .badge_title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* 스크롤바의 폭 너비 */
.custom_scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px;
}

.custom_scrollbar::-webkit-scrollbar-track {
    background: transprent;
}

.digitalbadge_editer_desc {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.digitalbadge_editer_desc > .middle_image > .digitalbadge_editer_desc_text {
    position: absolute;
    left: 53%;
    top: 0;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.digitalbadge_show {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.16);
    padding: 16px;
    margin-bottom: 15px;
    border-radius: 16px;
    gap: 10px;
}

.digitalbadge_show .show_list {
    display: flex;
    justify-content: space-between;
}

.digitalbadge_show .show_list > li {
    position: relative;
    width: 132px;
    height: 132px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: linear-gradient(138.35deg, #DCEFFF 2.93%, #FFFFFF 36.35%, #BAD6FF 74.62%, #D6E3FF 97.07%);
}

.digitalbadge_show .show_list > li > .badge_img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cover {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.cover.del {
    display: none;
    opacity: 0.7;
}

.cover.selected {
    background-color: #CCCCCC;
    opacity: 0.9;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
}

.digitalbadge_show .show_list > li.in_badge:hover > .cover.del {
    display: block;
}

.badge_del {
    position: absolute;
    right: 12px;
    top: 12px;
    padding-right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.badge_del:after,
.badge_del:before {
    content: "";
    height: 15px;
    width: 15px;
    border-top: 1px solid #fff;
    position: absolute;
    top: 8px;
    right: -4px;
    transform: rotate(-45deg);
}

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

.pass_modal.badge_chk .basic_modal_content {
    width: 320px;
}

.pass_modal.badge_chk .basic_modal_header {
    height: 40px;
}

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

.pass_modal.badge_chk .basic_modal_footer {
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
}

.pass_modal.badge_chk .basic_modal_footer > a {
    border-radius: 24px;
}

.sample_preview_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sample_preview_wrap .sample_preview_title {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.sample_preview_wrap .sample_report_img {
    width: 120px;
    margin: 24px 0 12px;
}

.sample_preview_wrap .sample_report_img > img {
    border: 2px solid #999;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
}

.sample_preview_wrap .sample_report_link {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
    color: #555;
}

.pass_modal.digitalbadge_editer_not_mobile .basic_modal_body {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 30px 20px;
    margin-bottom: 0;
}

.digitalbadge_editer_not_mobile .alert_text {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    text-align: center;
}

.pass_modal.digitalbadge_editer_not_mobile .basic_modal_footer {
    display: flex;
    justify-content: flex-end;
}

.digitalbadge_editer_not_mobile .basic_modal_footer > a {
    border-radius: 24px;
}

/* 결과 표지 미리보기 모달 */
.basic_modal.digitalbadge_preview .basic_modal_content {
    width: 450px;
}

.basic_modal.digitalbadge_preview .basic_modal_body .badge-container {
    position: absolute;
    bottom: 12%;
    /* 위치 조정 */
    left: 16%;
    width: 67%;
    /* 전체 너비 */
    display: flex;
    justify-content: flex-start;
    height: 48px;
}

.basic_modal.digitalbadge_preview .basic_modal_body .badge {
    width: 48px;
    /* 원하는 크기 */
    height: 100%;
    background-color: transparent;
    border: 1px solid transparent;
    /* 배경 없이 */
    display: block;
}

.basic_modal.digitalbadge_preview .basic_modal_header {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
}

.basic_modal.digitalbadge_preview .basic_modal_body {
    padding: 0 40px;
    box-sizing: border-box;
    max-height: inherit;
}

.basic_modal.digitalbadge_preview .basic_modal_footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 40px;
    box-sizing: border-box;
    height: 108px;
}

.basic_modal.digitalbadge_preview .basic_modal_footer > a {
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 27px;
}

.basic_modal.digitalbadge_preview .basic_modal_footer > a.disabled {
    opacity: 0.2;
}

.digitalbadge_preview_title .title_wrap {
    display: flex;
    align-items: center;
}

.digitalbadge_preview_title .title_wrap .title {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

/* 온라인 코드 보유 현황 검색 reset 추가 */
.search_tb_wrap {
    position: relative;
}

.search_tb_wrap .search_reset {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    font-weight: 600;
    color: #777;
}

/* 회원정보 수정 마케팅 동의 통합 */
.member_edit_marketing_agree .marketing_agree_group {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 14px;
}

.member_edit_marketing_agree .marketing_agree_group .member_chk_wrap {
    display: flex;
    align-items: center;
}

.member_edit_marketing_agree .marketing_agree_group .member_chk_wrap .new_chk {
    width: 20px;
    height: 20px;
}

.member_edit_marketing_agree .marketing_agree_group .member_chk_wrap .new_chk + label {
    color: #333;
}

.member_edit_marketing_agree .marketing_agree_group .member_chk_wrap input[type='checkbox'].new_chk:before {
    width: 5px;
    height: 9px;
    border-width: 0 1.5px 1.5px 0;
    margin: -1px -1px 0px -2px;
}

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

@media all and (max-width:680px) {
    .basic_modal.digitalbadge_preview .basic_modal_footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        border-top: none;
    }

    .basic_modal.digitalbadge_preview .basic_modal_content {
        width: 380px;
    }

    .basic_modal.digitalbadge_preview .basic_modal_body .badge-container {
        position: absolute;
        bottom: 12%;
        /* 위치 조정 */
        left: 18%;
        width: 65%;
        /* 전체 너비 */
        display: flex;
        justify-content: flex-start;
        height: 36px;
    }

    .basic_modal.digitalbadge_preview .basic_modal_body .badge {
        width: 36px;
        /* 원하는 크기 */
        height: 100%;
        background-color: transparent;
        border: 1px solid transparent;
        /* 배경 없이 */
        display: block;
    }
}

/* 검사자 선택 수정 */

/* 마케팅 운영 수정요청 사항 250425 : 검사 상세 옵션 말줄임 수정*/
.price__content .selected--option li h4 {
    width: 90% !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

/* 심리검사 실시/결과보기 설명 툴팁추가*/
.import--temp.inpsyt--test {
    position: relative;
}

.grouptest_resultview_desc {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 350px;
    left: 36px;
    bottom: -50px;
    color: #fff;
    background-color: rgba(20, 20, 20, 0.9);
    padding: 20px;
    z-index: 50;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
}

.visual__area .import__content .inpsyt--test p {
    cursor: pointer;
}

.visual__area .import__content .inpsyt--test p:hover + .grouptest_resultview_desc {
    display: block;
}

.visual__area .import__content .inpsyt--test p:hover + .grouptest_resultview_desc:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 90px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid rgba(20, 20, 20, 0.8);
}

/* 회원정보 페이지 알림설정 탭 분리*/
.btn_blue.disabled-link {
  pointer-events: none;
  text-decoration: none;
  cursor: default;
  background-color: #ababab !important;
}
#edit_info, #edit_maketing_agree {
    display: none;
}
#edit_info.active, #edit_maketing_agree.active {
    display: block;
}
.edit_info_tab{
    padding-bottom: 0 !important;
    border-bottom:1px solid #ddd;
}
.edit_info_tab .edit_tab{
    display: flex;
    gap:48px;
}
.edit_info_tab .edit_tab li{
    box-sizing: border-box;
}
.edit_info_tab .edit_tab li a{
    font-size: 18px;
    font-weight: 600;
    color:#555;
    padding-bottom: 20px;
     border-bottom:4px solid #fff;
}
.edit_info_tab .edit_tab li a.active{
    border-bottom:4px solid #111;
    color:#111;
}
#edit_maketing_agree{
    padding-top:24px;
}
.marketing_agree_noice{
    width: 100%;
    background-color: #F1F7FF;
    border-radius: 16px;
    padding:20px 24px;
    box-sizing: border-box;
}
.marketing_agree_noice .agree_noice{
    display: flex;
    align-items: center;
}
.marketing_agree_noice .agree_noice,
.marketing_agree_noice .agree_noice span{
    font-size: 16px;
    font-weight: 500;
    color:#555;
}
.marketing_agree_noice .agree_noice img{
    margin-right:10px;
}
.edit_maketing_agree_content{
    display: flex;
    flex-direction: column;
    gap:35px;
    margin:40px 0 82px;
}
.edit_maketing_agree_content > div > .marketing_title{
    font-size: 24px;
    font-weight:600;
    color:#333;
    margin-bottom: 12px;
}
.edit_maketing_agree_content > div > table{
    width:100%;
}
.edit_maketing_agree_content > div > table th{
    width:160px;
}
.edit_maketing_agree_content > div > table th label{
    font-size: 16px;
    font-weight: 500;
    color:#333;
}
.edit_maketing_agree_content > div > table td{
    height:46px;
}
.edit_maketing_agree_content > div > table td .radio_margin{
    margin-right:40px;
}
.edit_maketing_agree_content > div > table td .radio_margin:last-of-type{
    margin-right:0;
}
#memberModifyMarketingForm .btn_area_center{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.edit_maketing_agree_content > div .desc_txt_list >li{
    font-size:14px;
    font-weight: 500;
    color:#555;
}
.edit_maketing_agree_content > div .desc_txt_list >li +li{
    margin-top:4px;
}
.edit_maketing_agree_content > div .desc_txt_list >li >a{
    text-decoration: underline;
}


/* 결제 완료 페이지 간소화 */
.btn_area_center.buy_step3{
	display: flex;
	justify-content: center;
	gap:12px;
	margin:65px 0 10px;
}
.btn_area_center.buy_step3 a{
	width:50%;
	max-width:165px;
	margin:0;
}

/* 가상계좌 환불 요청 모달 수정 20250702 (마운요청)*/

.basic_modal.account_refund .basic_modal_body{
	max-height:none;
	overflow: inherit;
}

.new_select.refund_bank .list{
	max-height: 250px;
}
/* 검사자 선택 모달 안내 툴팁 추가*/
.tester_select_modal .tooltip_text_wrap{
	position: absolute;
    right: 50px;
    top: 30px;
    font-size:16px;
    font-weight: 600;
    color:#777;
}

.tooltip_text_wrap > .tooltip_text {
    display: none;
    position: absolute;
    width: 385px;
    left: -248px;
    top: 40px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 20px;
    z-index: 10;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    text-align: left;
}

.tooltip_text_wrap:hover > .tooltip_text {
    display: block;
}

.tooltip_text_wrap > .tooltip_text:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 253px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid  #333;
}
.tooltip_text_wrap > .tooltip_text ul{
	list-style: disc;
	padding-left:20px;
	font-size:16px;
	font-weight: 400;
	letter-spacing: -0.1px;
}
.tooltip_text_wrap > .tooltip_text ul >li + li{
	margin-top:20px;
}
.tooltip_text_wrap > .tooltip_text ul .sub_desc{
	font-size: 14px;
	font-weight: 500;
	color:rgba(255, 255, 255, 0.7);
}

.tooltip_text_wrap > .tooltip_text ul .sub_desc a{
	font-size: 14px;
	color:rgba(255, 255, 255, 0.7);
	text-decoration: underline;
}
/* 자격관리 소속요청 모달 */
.basic_modal.upgrade_alert_modal .basic_modal_content{
	border-radius: 20px;
}
.basic_modal.upgrade_alert_modal .basic_modal_header{
	background-color: #555;
	height:60px;
	border-radius: 20px 20px 0 0;
}
.basic_modal.upgrade_alert_modal .basic_modal_header .basic_modal_title{
	font-size: 20px;
	color:#fff;
}
.basic_modal.upgrade_alert_modal .basic_modal_body {
    font-size: 20px;
    font-weight: 600;
    min-width: 380px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
    color:#777;
}
.basic_modal.upgrade_alert_modal .basic_modal_body span{
	font-weight: 300;
}
/* 기관회원 자격관리 페이지 안내 수정 */
.org_upgrade_title {
	font-size: 18px;
	font-weight: 600;
	color:#333;
	margin-bottom: 16px;
	margin-top:30px;
}
.org_upgrade_content{
	background-color: #fff;
	border-radius: 16px;
	padding:35px 0;
	width:100%;
	box-sizing: border-box;
	display: flex;
	text-align: center;
}
.org_upgrade_content > div{
	width:50%;
}
.org_upgrade_content > div:first-of-type{
	border-right: 1px solid #ddd;
}
.org_upgrade_box .box_title{
	font-size: 18px;
	font-weight: 600;
	margin:20px 0;
	color:#333;
}
.org_upgrade_box .box_dsec{
	font-size: 16px;
	font-weight: 500;
	margin-bottom:24px;
	color:#555;
}
/* 검사 상세페이지 옵션 선택 최대값 수정- 250228 >> 모바일 사이즈만 적용 재수정 20250304 */
@media all and (max-width:1024px) {
    .ui--select .ui--select--list {
        max-height: 150px !important;
    }

    /* 마케팅 운영 수정요청 사항 250425 -모바일 */
    .price__content .selected--option li h4 {
        width: 100% !important;
    }

    /* 심리검사 실시/결과보기 설명 툴팁추가*/
    .grouptest_resultview_desc {
        bottom: 40px;
        left: 0;
        bottom: 55px;
        font-size: 13px;
    }

    .visual__area .import__content .inpsyt--test p:hover + .grouptest_resultview_desc:after {
        top: inherit;
        bottom: -15px;
        left: 100px;
        border-bottom: none;
        border-top: 15px solid rgba(20, 20, 20, 0.8);
    }
    
    .new_select.refund_bank .list{
		max-height: 200px;
	}
}