@media all and (max-width:1024px) and (min-width:681px){
.location_wrap.new_my{
width:100%;
padding:15px;
box-sizing: border-box;
}
#wrap #container.new .title_wrap{
display: none;
}
.new_mypage_wrap{
padding:30px 15px 0;
box-sizing: border-box;
}
.new_mypage_wrap>.new_mypage{
width:100%;
gap:10px;
}
.my_menu_list.individual>li{
height:100%;
}
.sub_menu_pointer::before{
bottom:-32px;
}
.sub_menu_pointer::after {
bottom:-33px;
}
.my_menu_list>li>a{
padding:10px;
font-size:14px;
}
.new_mypage>.my_info{
width:40%;
}
.new_mypage>.my_menu{
width:60%;
}
.new_mypage>.my_menu>ul{
flex-wrap: nowrap;
}
.my_info_group2>div{
margin-right:10px;
}
.my_menu_sub_wrap{
width:100%;
overflow-x: auto;
}
.my_menu_sub{
width:100%;
}
.my_menu_sub_list{
text-align: left;
padding-left:20px;
}
.my_menu_list.institution>li{
width:45%;
height:100%;
}
.my_menu_list.institution_sub>li{
width:45%;
}
.my_menu_list.distribution>li{
width:30%;
}
}
@media all and (max-width:680px) {
.my_badge {
width: 95% !important;
margin: 0 auto 10px !important;
}
.new_mypage_wrap>.label_wrap{
width:100%;
padding-left:10px;
}
.new_mypage_wrap{
background-color:#fff;
}
.my_info_group1 .my_name_wrapper{
width:80%;
min-height: inherit;
}
.user_info_btn{
width:20%;
}
.my_name>.user_name{
font-size: 20px;
line-height: 20px;
display: inline-block !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width:90% !important;
}
.my_name>.nim{
font-size:20px;
line-height: 20px;
width:5%;
display: inline-block;
margin-top:3px;
vertical-align: top;
}
.user_info_btn>a{
background-color:#F8F8F8;
color:#2B398F;
font-size:14px;
display: inline-block;
}
.new_mypage_wrap>.new_mypage{
width:95%;
display: block;
margin: 0 auto;
padding:0;
}
.new_mypage>.my_info{
width:100%;
}
.my_info_group2{
padding:15px 20px;
background-color:#E0E3FF;
border-radius: 16px;
justify-content: space-between;
}
.my_info_group2>div{
margin-right:0;
}
.my_menu{
display: none;
}
/*모바일*/
.new_mypage>.my_menu_mo{
display: block;
}
.new_mypage>.my_menu_mo>ul{
display: none;
padding:20px 0;
}
.new_mypage>.my_menu_mo>ul.active{
display: block;
}
.new_mypage>.my_menu_mo>ul>li{
width:50%;
float: left;
height:40px;
line-height: 40px;
padding-left:35px;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: left center;
color:#232323;
margin-bottom: 10px;
}
.new_mypage>.my_menu_mo>ul>li>a{
font-size:16px;
font-weight:600;
padding:0;
}
.new_mypage>.my_menu_mo>.my_menu_list{
height:inherit;
}
.new_mypage>.my_menu_mo>.my_menu_list>li.on{
background-color:#fff;
}
.new_mypage>.my_menu_mo>ul>li.basket{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/basket_c.png);
}
.new_mypage>.my_menu_mo>ul>li.buy_list{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/buy_list_c.png);
}
.new_mypage>.my_menu_mo>ul>li.test_result{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/test_result_c.png);
}
.new_mypage>.my_menu_mo>ul>li.edu_list{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/edu_list_c.png);
}
.new_mypage>.my_menu_mo>ul>li.support{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/support_c.png);
}
.new_mypage>.my_menu_mo>ul>li.d_buy_list{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/d_buy_list_c.png);
}
.new_mypage>.my_menu_mo>ul>li.notice{
background-image:url(https://inpsyt.co.kr/resources/images/newMypage/notice_c.png);
}
.my_menu_sub{
width:100%;
margin: 0 auto;
overflow-x:auto;
}
.my_menu_sub_wrap.mo{
width:100%;
margin: 0 auto;
overflow-x: auto;
padding:30px 0 15px;
/*border-top:12px solid #F6F6F6;*/
}
.my_menu_sub_wrap.mo .my_menu_sub_list{
text-align: left;
display: flex;
}
.my_menu_sub_wrap.mo .my_menu_sub_list >li{
width:33.333%;
margin:0;
}
.my_level_manage{
text-align: right;
}
.new_mypage_wrap{
display: none;
}
.new_mypage_wrap.mo_sub{
display: none;
}
.mo_sub_title{
display: block;
text-align: center;
font-size:18px;
font-weight:600;
color:#111;
height: 58px;
line-height:58px;
position:relative;
}
.my_menu_sub{
display: none;
}
.my_menu_sub_mo{
display: block;
border-top: 1px solid #ddd;
border-bottom:1px solid #ddd;
}
.my_menu_sub_mo_list>li{
display: flex;
float: left;
justify-content: center;
align-items: center;
width:33.333%;
height:65px;
text-align: center;
box-sizing: border-box;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
position: relative;
}
/* 서브 3개*/
.my_menu_sub_mo_list.sub3>li{
border-bottom:none;
}
/* 서브 2개*/
.my_menu_sub_mo_list.sub2>li{
border-bottom:none;
width:50%;
}
.my_menu_sub_mo_list>li.on{
background-color:#F6F6F6;
color:#2B398F;
}
.my_menu_sub_mo_list>li:nth-of-type(3){
border-right:none;
}
.my_menu_sub_mo_list>li:nth-of-type(4),
.my_menu_sub_mo_list>li:nth-of-type(5),
.my_menu_sub_mo_list>li:nth-of-type(6){
border-bottom:none;
}
.my_menu_sub_mo_list>li:last-child{
border-right:none;
}
.my_menu_sub_mo_list>li:nth-of-type(4),
.my_menu_sub_mo_list>li:nth-of-type(5){
border-right:1px solid #ddd;
}
.my_menu_sub_mo_list>li>a{
font-size:15px;
font-weight:600;
line-height:1.2;
display: block;
width:100%;
}
/* 비밀번호 인증 */
.contents_inner.new_mypage .title_etc{
font-size:24px;
}
.contents_inner.new_mypage .login_box > .text1{
font-size:15px;
}.rememver_id {
padding: 0; /* 내용추가*/
}
/* 회원정보 수정 */
.contents_inner.mem_edit>.new_mypage_wrap{
display: none;
}
#container.new .contents_inner .p_cc_wrap1.new_mypage{
margin-top:15px;
}
.member_info_title{
text-align: center;
font-size: 18px;
}
.new_member_info{
margin-top:20px;
border-top:none;
}
.p_cc_wrap1.new_mypage form > div{
padding:0 5px;
}
.new_member_info > table > tbody > tr > th{
width:30%;
padding-right:15px;
}
.new_member_info > table > tbody > tr > td{
width:70%;
}
.new_member_info > table > tbody > tr > td .member_input_wrap{
width:100%;
}
.new_member_info input{
box-sizing: border-box;
height:38px;
font-size:14px;
padding:0 10px;
}
.new_member_info input#tempZipcode,
.new_member_info input#tempZipcode2{
width:55%;
height:38px;
line-height: 38px;
}
.new_member_info a#zipcodeBtn,
.new_member_info a#zipcodeBtn1{
width:40%;
height:38px;
line-height: 38px;
}
.new_member_info .file_add_box{
width:100% !important;
height:38px;
padding-right:0;
}
.new_member_info .file_add_box>#FileTxt{
display: none;
max-width:55%;
}
.new_member_info a.btn_file{
position: relative;
right:0;
top:0;
height:38px;
line-height: 38px;
width:40%;
}
.desc_txt_list{
font-size:12px;
line-height: 1.2;
}
.desc_txt_list a.font_blue {
font-size: 12px;
}
input[type="text"].input_tell{
width:29%;
}
.custom-radio .radio-label{
height:38px;
line-height: 38px;
}
.p_cc_wrap1.new_mypage .tit__box >.tit__text{
border-radius: 16px;
}
.p_cc_wrap1.new_mypage .tit__box >.tit__text p{
font-size:20px;
line-height: 28px;
margin-bottom: 30px;
}
.btn_area_center>a{
width:30%;
}
.btn_area_center>a#modifyProcessBtn{
width:60%;
}
.file_add_box .file_hidden{
height:38px;
}
/*회원정보 수정 모달*/
#mem_edit .modal-dialog{
margin-right: auto;
margin-left: auto;
}
#mem_edit .modal-dialog .modal-body{
font-sizE:16px;
}
.contents_inner.new_mypage .login_wrap .etc_box{
float: none;
}
.contents_inner.new_mypage .title_etc{
margin-top:50px;
}
/*회원탈퇴*/
.contents_inner.mem_out .new_mypage_wrap{
display: none;
}
.sub_title{
margin:20px 0;
text-align: center;
font-size: 18px;
}
.desc_box{
box-shadow: none;
}
.desc_list{
font-size:14px;
}
.memout_chk{
font-size:18px;
width:90%;
margin:50px auto 30px;
}
.memout_chk .mem_name{
font-size:20px;
}
.memout_chk .mem_id{
font-size:16px;
}
.memout_chk_list{
border-top:none;
width:90%;
margin:0 auto;
}
.renewal .btn_area_center{
width:90%;
margin:30px auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.new_mypage .btn_area_center>a{
width: 48%!important;
display:block;
margin-right:0;
margin-left: 0;
}
#contents.sub .new_mypage_wrap{
display: none;
}
/********기관로고********/
.logo_registe_area {
border: none;
margin: 0;
}
.logo_registe_area_inner {
width: 95%;
position: relative;
}
.logo_size {
position: absolute;
left: 82%;
top: 77px;
font-size: 14px;
}
.logo_registe_area .new_filebox {
width: 80%;
margin: 20px 0;
}
.logo_registe_area .log_filebox.new_filebox > input[type="text"] {
width: 100%;
}
.logo_filebox {
width: 80%;
margin: 20px 0;
}
.logo_filebox .btn_upload {
right: 22%;
}
.sub_title.logo_registe {
margin: 20px 0;
}
.logo_filebox .btn_blue {
font-size: 14px;
}
.logo_registe_area + .contents_inner.renewal {
width: 95%;
margin: 0 auto;
}
.registered_logo_wrap {
box-shadow: none;
position: relative;
min-height: 200px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
margin-bottom: 100px;
}
.sub_title.logo_registe2 {
font-size: 20px;
font-weight: 600;
}
.registered_logo_wrap > div {
position: absolute;
margin: 0;
display: block;
width: 100%;
}
.registered_logo_wrap > div.logo_company_name {
left: 0;
top: 20px;
font-size: 16px;
}
.registered_logo_wrap > div.registered_logo {
left: 0;
top: 70px;
}
.registered_logo_wrap > div.registered_info {
left: 0;
top: 160px;
display: block;
text-align: left;
}
.registered_info > div.logo_delete {
position: absolute;
top: 60px;
left: 43%;
}
.registered_info > div.logo_delete > a {
width: 100%;
display: block;
}
.logo_company_name > .company_name {
font-size: 16px;
}
/*서브아이디*/
.psycl_test_wrap.subid {
border-radius: 16px;
background-color: #fff;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
}
.search_group {
display: none;
}
.desc_box.subid {
flex-wrap: wrap;
}
.subid_desc_area_inner {
width: 95%;
}
.desc_list.subid {
width: 100%;
}
.registid_btn {
font-size: 15px;
margin-top: 15px;
}
.search_box_style {
background-color: #fff;
}
.mo_filter {
display: block;
padding-left: 30px;
background-image: url('../images/renewal/mo_filter_btn.png');
background-position: left center;
background-repeat: no-repeat;
font-size: 16px;
font-weight: 500;
color: #333;
cursor: pointer;
position: relative;
}
.mo_filter: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;
left: 70px;
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;
}
.mo_filter.on:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.subid_desc_area + .contents_inner.renewal {
width: 95%;
margin: 0 auto;
}
.psycl_test_wrap.subid .search_box_style,
.psycl_test_wrap.subid .btn_area_center {
padding: 0;
}
.psycl_test_wrap.subid .btn_area_center {
width: 100%;
justify-content: center;
margin: 30px 0 10px;
}
.psycl_test_wrap.subid .btn_area_center > a {
width: 100%;
}
.search_box_style .search_tb > tbody > tr > th {
font-size: 18px !important;
padding-top: 20px;
}
.search_box_style .search_tb > tbody > tr > td {
font-size: 18px !important;
padding-top: 15px;
}
.search_box_style .search_tb > tbody > tr > th,
.search_box_style .search_tb > tbody > tr > td {
float: left;
width: 100%;
margin: 0;
}
.search_box_style .search_tb > tbody > tr > td > label {
font-size: 16px;
}
.search_box_style .inputbox {
background-color: #f6f6f6;
font-size: 15px;
width: 100%;
}
.sub_title.subid2 {
text-align: left;
font-size: 20px;
}
.sub_title.subid2 > .registid_total {
font-size: 14px;
}
.contents_inner.renewal .psycl_test_result_wrap {
padding: 0;
}
.contents_inner.renewal .psycl_test_result_wrap .result_list_wrap {
width: 100%;
}
.result_list > li {
box-shadow: none;
position: relative;
border-bottom: 1px solid #ddd;
border-radius: 0;
padding: 0 0 60px;
}
.subid_wrap > .subid {
font-size: 16px;
}
.subid_date_wrap {
position: absolute;
left: 0;
bottom: 10px;
width: 100%;
justify-content: flex-start;
}
.subid_cont {
flex-wrap: wrap;
position: relative;
padding: 10px;
}
.subid_cont > div {
width: 50%;
}
.subid_cont > div.subid_cont_group:last-child {
position: absolute;
top: -50px;
right: 0;
text-align: right;
display: block;
}
.subid_cont.edit {
flex-wrap: wrap;
}
.subid_cont.edit div.subid_cont_group {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.subid_cont.edit div.subid_cont_group > .subid_cont_title {
width: 25%;
display: block;
font-size: 14px;
}
.subid_cont.edit div.subid_cont_group > input,
.subid_cont.edit div.subid_cont_group > .input_tell_wrap {
width: 75%;
margin-bottom: 10px;
font-size: 15px;
}
.subid_cont.edit div.subid_cont_group:nth-of-type(4) {
justify-content: flex-start;
align-items: center;
}
.subid_cont.edit div.subid_cont_group > .new_select {
width: 30%;
margin-bottom: 10px;
}
.subid_cont.edit div.subid_cont_group:last-child {
position: absolute;
right: 20px;
bottom: 35px;
width: auto;
align-items: flex-end;
}
.subid_cont.editdiv.subid_cont_group:last-child > .subid_edit_btn {
width: 70px;
}
/*페이징*/
#container.new .paging.new_paging strong {
font-weight: 700;
}
/*기본모달*/
.basic_modal_content {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
max-width: 100%;
margin: 0;
border-radius: 8px 8px 0 0;
top: auto;
height: calc(100% - 100px); /* 화면 상단에서 100px 간격 유지 */
box-sizing: border-box;
}
.basic_modal_body {
padding:0 20px;
max-height: calc(100% - 182px); /* 헤더와 고정된 푸터 높이 제외한 나머지 높이 */
overflow-y: auto;
}
.basic_modal_footer {
position: fixed;
bottom: 0;
width: 100%;
height:80px;
box-sizing: border-box;
border-top:1px solid #ddd;
}
/*서브ID 생성 모달*/
.subid_creat > label{
margin-right:5px;
}
.subid_creat input#subid_creat{
width:35%;
}
.subid_creat > .creat_id_btn{
margin-left:5px;
}
.result_list.add_subid .subid_cont.edit .subid_cont_group > span,
.result_list.add_subid .subid_cont.edit div.subid_cont_group > input,
.result_list.add_subid .subid_cont.edit div.subid_cont_group > .input_tell_wrap{
margin-bottom: 0;
}
.result_list.add_subid > li{
border-bottom:none;
padding-bottom:20px;
}
.result_list.add_subid > li >div.subid_cont > div{
width:100%;
margin-bottom:10px;
}
.result_list.add_subid > li >div.subid_cont > div:last-child{
position: relative;
right:inherit;
bottom:inherit;
text-align: left;
top:inherit;
align-items: center;
}
.result_list.add_subid > li >div.subid_cont_group>span.subid_input_txt{
font-size:16px;
}
.subid_cont_title,
.subid_input_txt{
font-size:14px;
}
.subid_input_txt{
margin-left:5px;
}
.basic_modal.add_subid .result_list.add_subid > li >div.subid_cont_group {
flex-direction: row;
}
/*서브페이지 모바일 사이즈 마이페이지 메인메뉴 안보이게*/
.new_mypage_wrap.sub{
display: none;
}
.subid_desc_area{
margin:0 0 30px 0;
border-top:0;
}
.go_mypage_btn{
display: block;
}
/* 회원정보 수정 모달 예외처리*/
.pass_modal .basic_modal_header{
height:50px;
}
.pass_modal .basic_modal_content {
display: block;
position: static;
height: auto;
max-width: 90%;
border-radius: 20px;
}
.pass_modal .basic_modal_content .pass_desc{
font-size: 16px;
}
.basic_modal.pass_modal .basic_modal_footer {
position:static;
height: auto;
border: none;
padding:0 20px 20px 20px;
}
.basic_modal.pass_modal .basic_modal_footer>button{
padding:0;
}
.basic_modal.pass_modal .basic_modal_footer>button:first-of-type{
width:35%;
}
.basic_modal.pass_modal .basic_modal_footer>button:last-of-type{
width:60%;
}
/*공지사항*/
.list_header{
margin-top:30px;
}
.contents_inner.renewal{
width:95%;
margin:0 auto;
}
#container .contents_inner.renewal .new_list{
border-top:none;
border-bottom: none;
}
.new_search_wrap.mo.expanded{
position: absolute;
right:0;
top:0;
width:100%;
background-color:#fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.new_search_wrap > input[type='text']#searchValue{
width:0;
opacity: 0;
transition: width 0.3s ease, opacity 0.3s ease;
}
.new_search_wrap.mo.expanded > input#searchValue{
width:calc(100% - 30px);
opacity: 1;
}
#container .edu_sch_wrap.renewal .new_list>tbody>tr{
border-bottom:1px solid #eee;
}
#container .edu_sch_wrap.renewal .new_list>tbody>tr>td:nth-child(4){
font-size:12px;
font-weight:500;
color:#999;
}
#container .edu_sch_wrap .M-board-N-list
.table_type5.new_list th,
.table_type5.new_list td,
.table_type5.new_list td a{
font-family: 'pretendard' !important;
}
#container .edu_sch_wrap.renewal .new_list>tbody>tr>td>a{
color:#333;
font-size:14px;
font-weight: 600;
}
#container .edu_sch_wrap.renewal .new_list>tbody>tr{
min-height:70px;
}
#container.new .paging.new_paging,
#container.new .paging.new_paging strong{
font-family: 'pretendard' !important;
}
#container.new .paging.new_paging strong{
border:none;
}
#container.new .contents_inner.renewal > .sub_inner_title{
display: block;
background:none;
margin:0;
padding:20px 0;
text-align: center;
font-size: 18px;
font-weight:600;
font-family: 'pretendard', sans-serif !important;
}
#container.new .table_type4.notice_list_cont{
border:none;
}
#wrap.type1 #container .table_type4.notice_list_cont th{
font-size: 18px !important;
color:#111;
}
#wrap.type1 #container .table_type4.notice_list_cont td{
padding:20px 0;
}
#wrap.type1 #container .table_type4.notice_list_cont >tbody> tr:first-of-type> td{
padding:10px 0 15px 0;
}
#wrap.type1 #container .table_type4.notice_list_cont >tbody> tr:last-of-type> td{
padding:5px 0 !important;
}
#container.new .table_type4.notice_list_cont .sub_info{
font-size:14px;
font-weight:500;
font-family: 'pretendard', sans-serif !important;
}
.notice_list_cont .file_info{
padding:10px 0;
flex-direction: column;
position: relative;
font-size:14px;
}
.notice_list_cont .file_info .file_list{
display: none;
}
.notice_list_cont .file_info .file_list li{
padding-left:0;
}
.notice_list_cont .file_info .tit{
margin-bottom: 0;
}
.notice_list_cont .file_info .tit.on{
margin-bottom:10px;
}
.notice_list_cont .file_info .tit:after{
border-bottom: 1px solid #777;
border-right: 1px solid #777;
content: "";
display: block;
width: 8px;
height: 8px;
margin-top: 0;
pointer-events: none;
position: absolute;
right: 10px;
top: 13px;
-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;
}
.notice_list_cont .file_info .tit.on:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.table_type4_2 .txt_info .txt_info{
padding:20px 5px;
}
.btn_area_center.notice{
padding:0;
width:100%;
}
.btn_area_center.notice a{
width:100%;
}
/*일대일문의*/
.contents_inner.renewal.one_on_one{
width:100%;
}
#container.new .contents_inner.renewal > .sub_inner_title.one_on_one{
text-align: left;
border-bottom:12px solid #f6f6f6;
padding:20px 2.5%;
font-size: 20px;
}
#container.new .contents_inner.renewal > .sub_inner_title.one_on_one> .sub_inner_desc{
margin-bottom: 0;
font-size: 14px;
line-height: 1.6;
}
.table_type4.one_on_one{
width:95%;
margin: 30px auto 0;
}
.table_type4.one_on_one > tbody >tr:first-of-type>td{
min-height: 40px;
}
.table_type4.one_on_one > tbody th,
.table_type4.one_on_one > tbody td {
display: block;
width:100%;
}
.table_type4.one_on_one .new_select{
width:100%;
margin-bottom:10px;
}
#wrap.type1 #container .table_type4.one_on_one td{
padding:0;
margin-bottom:20px;
}
.contents_inner.renewal.one_on_one .btn_area_center > a:first-of-type{
width:35%;
}
.contents_inner.renewal.one_on_one .btn_area_center > a:last-of-type{
width:60%;
}
#wrap.type1 #container .table_type4.one_on_one .file_add_box .btn_lightgray{
font-size: 14px;
}
.desc_list.one_on_one > li{
font-size: 12px;
}
/*문의내역*/
/* .new_search_wrap_ws{
display: none;
} */
.list_header.inquiry_details{
flex-direction: column-reverse;
margin-bottom: 20px;
}
.search_inquiry_group{
width:100%;
flex-direction: column;
}
.new_search_wrap_ws {
flex-direction: column;
width:100%;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
padding:20px;
box-sizing: border-box;
border-radius: 16px;
}
.list_header.inquiry_details .new_search_wrap_ws .new_select{
width:100%;
margin-bottom:10px;
margin-top:20px;
}
.new_search_wrap_ws .new_search_wrap input.new_input_type{
padding:0 15px;
}
.new_search_wrap_ws .new_search_wrap > a.new_search#searchBtn {
background-image: none;
position: static;
text-indent: inherit;
width: 100%;
background-color: #2B398F !important;
color: #fff;
font-size: 16px;
font-weight: 600;
margin-top:30px;
height:50px;
line-height: 50px;
border-radius: 8px;
}
.new_search_wrap_ws .new_search_wrap{
width:100%;
}
.search_mo_filter{
display: block;
width:90%;
margin:30px auto;
padding:20px;
border-radius: 16px;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
}
.search_mo_filter_title{
display: flex;
font-size:16px;
font-weight:500;
color:#333;
padding-left:30px;
background-image:url(../images/renewal/new_search_btn.png);
background-repeat: no-repeat;
background-position: left center;
position: relative;
cursor: pointer;
}
.search_mo_filter .nice-select.new_select{
width:100%;
margin-top:20px;
margin-bottom:10px;
font-size: 15px;
font-weight: 500;
color:#333;
}
.search_mo_filter .new_input_type[type="text"]{
width:100%;
padding-left:18px;
}
.search_mo_filter .new_search_wrap > a.new_search#searchBtn{
background-image:none;
background-color:#2B398F !important;
color:#fff;
position: static;
display: block;
text-indent: inherit;
width:100%;
font-size:16px;
font-weight: 600;
text-align: center;
height:50px;
line-height: 50px;
border-radius: 8px;
margin-top:30px;
}
.search_mo_filter_title::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;
left: 70px;
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;
}
.search_mo_filter_title.on::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.search_mo_filter .new_input_type[type="text"]::placeholder{
font-size: 15px;
font-weight:500;
color:#999;
}
.list_header.inquiry_details > .sub_title.list{
font-size: 20px;
width: 100%;
margin-top: 30px;
text-align: left;
}
.list_header.inquiry_details > .sub_title.list > .list_total{
font-size:14px;
}
#container .edu_sch_wrap .new_list.inquiry>tbody>tr{
position: relative;
padding:0;
min-height:110px;
}
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td{
position:absolute;
height:min-content;
}
/*분류*/
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(1){
display: block;
left:0;
top:40px;
}
/*답변상태*/
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(2){
display: block;
right:0;
top:40px;
width:auto;
color:#777;
font-weight:600;
}
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(2).done{
color:#2B398F;
}
/*제목*/
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(3){
display: block;
left:0;
top:70px;
min-height: inherit;
font-size: 16px;
}
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(3)>a{
padding:0;
text-decoration: none;
}
/*작성일자*/
#container .edu_sch_wrap .new_list.inquiry>tbody>tr>td:nth-child(5){
left:0;
top:15px;
font-size:12px;
font-weight: 500;
color:#999;
}
.btn_area_center.inquiry{
width:95%;
margin: 30px auto;
}
.btn_area_center.inquiry > a{
width:100%;
}
#wrap.type1 #container .notice_list_cont.inquiry>thead>tr>th.re_state{
font-size:12px !important;
}
#container.new .table_type4.notice_list_cont.inquiry{
margin-top:20px;
}
/*비밀번호 변경*/
.contents_inner.new_mypage .login_box.edit_pw input[type="password"]{
width:95%;
}
.desc_box.blue_box.edit_pw{
width:95%;
margin:20px auto;
}
.login_wrap .login_box.edit_pw .login_ul li{
display: list-item;
font-size:14px;
}
.login_box.edit_pw .desc_txt_list{
width:90%;
margin:0 auto;
}
.basic_modal.chage_pw .basic_modal_body>div{
font-size: 16px;
}
/* 구매내역 리스트 */
.search_group_wrap {
width: 100%;
margin: 15px auto;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding: 15px;
box-sizing: border-box;
}
.search_group_wrap > .mo_filter {
font-family: 'pretendard', sans-serif;
}
.mo_filter_group {
display: none;
}
.search_input_wrap {
flex-wrap: wrap;
}
.search_elements_group.gray {
background-color: #fff;
padding: 15px 0;
}
.search_elements_group.gray > .search_elements {
display: flex;
flex-direction: column;
align-items: normal;
}
.search_elements_group.gray > .search_elements:nth-of-type(1) > .search_input_wrap {
flex-wrap: wrap-reverse;
}
.search_input_wrap > .btn_cal {
margin-left: 0;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.search_input_wrap > .btn_cal > a {
border: 1px solid #ddd !important;
border-radius: 8px;
width: 23%;
}
.search_input_wrap > .btn_cal > a.on {
border: 1px solid #2B398F !important;
}
.datepicker_wrap {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.search_input_wrap .datepicker_wrap .new_input_type.hasDatepicker {
width: 48%;
}
.search_elements_group > div.search_elements:nth-of-type(2),
.search_elements_group > div.search_elements:nth-of-type(3) {
margin-right: 0;
width: 100%;
}
.search_elements_group > div.search_elements:nth-of-type(4),
.search_elements_group > div.search_elements:nth-of-type(5),
.search_input_wrap .new_select,
.search_input_area {
width: 100%;
}
.search_input_wrap > .search_input_area > .input_style_search {
min-width: 100%;
margin-left: 0;
border: 1px solid #ddd;
margin-top: 10px;
padding-left: 18px;
}
.search_input_area {
background-color: #fff;
}
.mo_filter_group .btn_area_center {
width: 100%;
margin: 15px 0 0 0;
}
.mo_filter_group .btn_area_center > a {
width: 100%;
}
.list_header,
.result_list_wrap {
width: 100%;
margin: 0 auto;
}
.result_list_wrap.purchase {
margin-top: 30px;
}
.result_list_wrap.purchase > .result_list > li {
border-bottom: none;
padding-bottom: 20px;
}
.result_list_wrap.purchase > .result_list > li .inner_title {
display: none;
}
.p_date + .p_num:before {
width: 0;
height: 0;
margin: 0;
}
.purchase_inner_wrap {
flex-wrap: wrap;
}
.purchase_inner_wrap > .p_date {
width: 100%;
margin-bottom: 5px;
}
.purchase_inner_wrap > .p_num img {
display: none;
}
.purchase_inner_wrap > .p_num > a {
border: 1px solid #ddd;
border-radius: 8px;
height: 30px;
padding: 0 15px;
box-sizing: border-box;
}
.purchase_inner_wrap > .p_num > a > span {
font-size: 13px;
}
.purchase_info_group .p_btn > a {
height: 30px;
line-height: 30px;
box-sizing: border-box;
font-size: 13px;
}
.purchase_info > .purchase_info_group:nth-of-type(1) {
flex-wrap: wrap;
align-items: flex-end;
}
.p_info > .p_name,
.p_info > .p_price > .payment {
font-size: 14px;
}
.p_price > .method,
.p_price > .txt_dot,
.p_price > .add_point {
display: none;
}
.no_result {
box-shadow: none;
}
.sub_title.list {
font-size: 18px;
}
/*구매내역_상세*/
.contents_inner.renewal.new_order_detail{
width:100%;
}
.order_detail_wrap{
margin-top:0;
}
.order_detail_wrap.order1 .order_section{
padding-top:0;
}
.order_detail_wrap.order1 .order_section > h2{
width:95%;
margin:15px auto 30px;
}
.new_order_detail .order_number_wrap{
width:95%;
margin:0 auto;
}
.btn_group_wrap {
flex-direction: row-reverse;
}
.btn_group_wrap > .btn_group > a.more_btn_mo {
display: block;
border: 1px solid #ddd;
border-radius: 8px;
width: 36px;
height: 36px;
background-image: url(../images/renewal/meatball_btn.png);
background-position: center;
background-repeat: no-repeat;
text-indent: -999em;
}
.btn_group_wrap > .btn_group > ul {
display: none;
}
.new_order_detail .btn_group + .order_cancel {
margin-left: 0;
margin-right: 10px;
}
.btn_group {
position: relative;
}
.more_btn_mo.on + ul {
display: block;
position: absolute;
right: 0;
top: 50px;
width: 120px;
border: 1px solid #ddd;
border-radius: 16px;
background-color: #fff;
padding: 10px;
z-index: 1; /*추가 2025.01.03*/
}
.more_btn_mo.on + ul > li > a {
border: none;
margin: 0;
width: 100%;
}
.new_order_detail {
margin-top: 0;
}
.order_detail_wrap.new_order_detail .order_section {
padding-top: 0;
}
.order_number_title {
display: none;
}
.new_order_detail .tit_type1.sub_inner_title {
font-size: 18px;
position: relative;
}
.payment_sub_title{
display: block;
}
.payment_img{
display: none;
}
.new_order_detail .order_section > .sub_inner_title {
margin: 15px 0 30px;
}
.order_number_wrap > .order_num {
background-color: #F6F6F6;
font-size: 13px;
font-weight: 600;
color: #333;
padding: 7px 15px;
border-radius: 8px;
}
.order_p_detail {
align-items: normal;
justify-content: space-between;
}
.order_p_info > .order_p_name {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.order_select_wrap{
width:95%;
margin: 30px auto;
}
.order_p_info {
width: calc(95% - 125px);
margin-left: 0;
}
.order_detail_cont{
width:95%;
margin:0 auto 30px;
box-shadow: none;
padding:0;
}
.order_p_info > .order_p_price > .order_p_price_total{
font-size:14px;
}
.order_p_info > .order_p_price > .order_p_price_unit span{
font-size:12px;
}
.order_p_info > .order_p_state{
margin-bottom: 5px;
}
.order_p_info > .order_p_price{
justify-content: space-between;
}
.order_info > div,
.order_info > div > .order_info_cont{
font-size: 14px;
}
.order_info > .order_price > .order_info_cont > .save_point_wrap >span{
font-size: 12px;
}
.payment_wrap {
background-color:#fff;
padding:0;
border-top:12px solid #F6F6F6;
border-radius: 0;
flex-direction: column;
}
.payment_wrap > div{
display: flex;
width:95%;
margin:0 auto;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
text-align: left;
}
.payment_wrap > div > div{
width:50%;
}
.payment_wrap > .payment_img{
display: none;
}
.payment_wrap .payment_cont,
.payment_wrap .payment_sub{
text-align: right;
}
.payment_wrap .payment_cont{
font-size:16px;
}
.payment_wrap > div > div:last-of-type{
margin-bottom:15px;
}
.payment_wrap > div.payment_price > div:nth-child(1),
.payment_wrap > div.payment_price > div:nth-child(2){
margin-top:20px;
}
.payment_wrap > div.payment_delivery > div{
margin-bottom: 0;
}
.payment_wrap > div.total_payment > div{
margin-bottom:5px;
}
.payment_wrap > div:last-of-type > div:last-of-type{
width:100%;
text-align: right;
margin-bottom:15px;
}
.payment_wrap .payment_title{
font-size:14px;
color:#999;
}
.payment_wrap > div.total_payment{
border-top:1px solid #ddd;
padding-top:20px
}
.payment_wrap > div.total_payment > .payment_title{
color:#333;
font-size:16px;
}
.payment_wrap > div.total_payment > .payment_cont{
font-size:24px;
font-weight:700;
}
.shipping_info_wrap ,
.accountant_info_wrap,
.payment_info_wrap{
border-top:12px solid #F6F6F6;
padding:10px 0;
margin-top:0;
}
.shipping_info_wrap .shipping_info,
.accountant_info_wrap .accountant_info,
.payment_info_wrap .payment_info{
border:none;
border-radius: 0;
width:95%;
margin:0 auto;
padding:0;
}
.new_order_detail td{
padding: 7px 0;
}
.new_order_detail td.info_title,
.new_order_detail td.info_cont{
display: inline-block;
font-size: 14px;
}
.new_order_detail td.info_title{
width:30%;
min-width: inherit;
}
.new_order_detail td.info_cont{
width:70%;
}
.new_order_detail .payment_info .info_cont{
width:70%;
text-align: right;
}
.new_order_detail .tit_type1.sub_inner_title > .folding{
display: block;
width:24px;
height:24px;
cursor: pointer;
position: absolute;
right:15px;
top:0;
}
.new_order_detail .tit_type1.sub_inner_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;
}
.new_order_detail .tit_type1.sub_inner_title > .folding.on::after{
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.accountant_info_wrap > .desc_txt_list{
width:95%;
margin:0 auto;
box-sizing: border-box;
font-size: 12px;
}
.accountant_info_wrap > .desc_txt_list .font_blue{
font-size:12px;
}
.shipping_info_wrap .delivery_inquiry{
font-size:13px;
}
.new_order_detail .accountant_info_tb td.info_title,
.new_order_detail td.info_cont{
width:50%;
min-width: inherit;
}
.payment_info_list > li:not(:first-child){
border-top:none;
}
.payment_info_tb > thead > tr > th{
padding:7px 0;
}
.payment_info_tb > thead > tr > th >span{
display: block;
margin:0;
float: left;
}
.payment_info_tb > thead > tr > th >span.payment_method_title{
width:30%;
}
.payment_info_tb > thead > tr > th >span.payment_price_info_wrap{
width:70%;
text-align: right;
}
.payment_info_tb > thead > tr > th >span.statement_print_wrap{
width:100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top:5px;
}
.payment_info_tb > thead > tr > th >span.statement_print_wrap>a{
display: inline-block;
}
.payment_info_tb > thead > tr{
position: relative;
}
.payment_info_tb > thead > tr > th > a{
margin:10px 0;
}
.payment_wrap.total_price {
width:95%;
margin:20px auto 0;
border-top:1px solid #ddd;
box-sizing: border-box;
padding-left: 0;
}
.payment_wrap.total_price > div{
width:100%;
padding:15px 0;
}
.payment_total_price{
font-size: 24px;
}
.btn_area_center.new_order_detail{
width: 95%;
}
.btn_area_center.new_order_detail > a{
width:100%;
}
/* 배송조회 모달 */
.basic_modal_body > .delivery_desc{
margin: 0 0 20px 0;
font-size: 15px;
}
.result_list.delivery>li{
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
padding:15px;
border:none;
border-radius: 16px;
}
.delivery_inquiry > .delivery_inquiry_title,
.delivery_inquiry > .delivery_inquiry_num{
font-size:16px;
}
a.delivery_inquiry_btn{
font-size: 13px;
}
.delivery_product_title{
font-size: 16px;
}
/*가상계좌환불 모달*/
.account_refund_form > .account_refund_tb{
min-width:100%;
}
.account_refund_form > .account_refund_tb .refund_title{
font-size: 14px;
}
#account_num + .desc_txt_list >li{
font-size: 12px;
}
.account_refund_form > .account_refund_tb > tbody> tr> td >input[type="text"]{
height:38px;
line-height: 38px;
}
.new_select.refund_bank{
height:38px;
line-height: 38px;
}
/*결제취소, 결제하실 정보 추가css*/
.account_deposit_desc{
font-size:14px;
padding-left:10x;
}
/* 온라인코드 양도하기*/
.list_header.onlinecode {
margin: 30px 0;
}
.list_selelct_wrap > .chk_all {
margin-left: 0;
}
.list_selelct_wrap {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.result_list.onlinecode > li {
border-bottom: none;
align-items: normal;
padding-bottom: 0;
}
.onlinecode_info {
padding-left: 10px;
box-sizing: border-box;
flex-direction: column;
align-items: normal;
}
.date_info > .type_info {
font-size: 13px;
padding: 5px 10px;
}
.date_info > .regist_date {
font-size: 14px;
}
.order_info_wrap > .product_name {
font-size: 14px;
font-weight:600;
}
.order_info_wrap > .other_info {
flex-direction: column;
font-size: 13px;
color: #999;
}
.order_quantity_wrap {
display: flex;
align-items: center;
}
.order_quantity_wrap > .quantity_title {
margin-bottom: 0;
margin-right: 10px;
}
.order_quantity_wrap > .order_quantity {
font-size: 16px;
}
/*양도하기 모달*/
.onlinecode_transfer .result_list{
width:100%;
}
.onlinecode_transfer .result_list > li{
border:none;
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
padding:15px;
border-radius: 16px;
box-sizing: border-box;
}
.transfer_id_search_wrap{
justify-content: space-between;
}
.transfer_id_search_wrap > input[type='search']{
width: 70%;
font-size:15px;
}
.transfer_id_search_wrap > input[type='search']::placeholder{
font-size:15px;
}
.transfer_id_search_wrap .btn_lightgray{
width: 27%;
margin:0;
}
.transfer_id{
font-size: 18px;
}
.transfer_id_wrap >span:last-child{
font-size:14px;
}
.onlinecode_transfer .result_list > li >div{
width:100%;
}
.onlincode_date_wrap > .code_type{
font-size:13px;
}
.onlincode_date_wrap > .code_date{
font-size:14px;
}
.code_pname{
font-size: 14px;
}
.code_etc{
font-size: 13px;
}
.transfer_quantity_title{
font-size: 14px;
}
.transfer_quantity_wrap{
width:100%;
}
.transfer_quantity_wrap > div{
width:50%;
}
.transfer_quantity_wrap > .transfer_quantity > input[type='text']{
width:100%;
}
.transfer_possible_quantity{
font-size:14px;
}
/* 온라인코드 양도내역*/
.result_list.transfer_list >li{
border:none;
padding:0;
margin-bottom:60px;
}
.result_list.transfer_list >li > div:first-of-type,
.result_list.transfer_list >li > div:last-of-type{
width:100%;
}
.result_list.transfer_list >li > div:first-of-type{
margin-bottom: 20px;
}
.result_list.transfer_list >li > div:last-of-type{
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding:15px 20px;
align-items: center;
}
.transfer_list_quantity_wrap,
.transferee_info_wrap{
text-align: left;
}
.transferee_info_wrap>.transferee_name,
.transferee_info_wrap>.transferee_id{
display: inline-block;
}
.transferee_info_wrap>.transferee_id{
margin-left:10px;
vertical-align: text-bottom;
font-size: 12px;
}
.result_list.transfer_list>li>div>div.transfer_list_quantity_wrap{
margin-bottom: 0;
}
.transfer_date_wrap>span{
font-size: 13px !important;
}
.transfer_info_wrap > .transfer_pname{
font-size: 14px;
}
.transfer_info_wrap > .transfer_ordernum{
font-size: 13px;
}
.transfer_title{
font-size: 12px;
}
.transfer_list_quantity_wrap > .transfer_quantity,
.transferee_info_wrap > .transferee_name{
font-size: 16px;
}
.contents_inner.renewal #searchForm{
padding:0;
}
.list_header.transfer_list{
flex-direction: column;
align-items: baseline;
}
/*포인트*/
.mypoint_title{
font-size:16px;
}
.mypoint{
font-size: 28px;
}
.point_desc>.desc_list{
width:100%;
box-sizing: border-box;
}
.result_list.point_list > li{
padding-bottom:0;
border:none;
margin-bottom:50px;
}
.result_list.point_list > li:last-of-type{
margin-bottom: 0;
}
.transfer_quantity_info_wrap + .desc_txt_list >li{
font-size:14px;
}
.extinction_point{
margin:20px 0;
font-size:14px;
}
.extinction_point > span{
font-size: 15px;
}
.pointGubun_wrap > input[type="radio"] + label{
font-size:14px;
}
.point_info > .p_use,
.point_info > .p_save{
font-size: 13px;
height:24px;
line-height: 24px;
}
.point_info > .p_gubun_txt,
.point_info > .p_regdate {
font-size:14px;
}
.point_cont{
font-size:14px;
font-weight:600;
}
.point_info_wrap > .point_ad{
font-size:18px;
}
/*장바구니*/
.buy_step_wrap{
border: none;
padding:0;
margin:0;
}
.buy_step_list_wrap{
display: none;
}
.buy_step_list_wrap_mo{
display: block;
text-align: center;
padding:10px 0;
margin-bottom:20px;
}
.buy_step_list_wrap_mo>.buy_step_list_mo>.step_cont{
display: none;
font-size:18px;
font-weight: 600;
color:#111;
position: relative;
}
.buy_step_list_wrap_mo>.buy_step_list_mo>.step_cont.on{
display: block;
}
.buy_step_list_wrap_mo>.buy_step_list_mo>.step_cont > .go_mypage_btn{
left:0;
top:1px;
}
.selection_group{
padding:0 0 15px 0;
border-bottom:1px solid #ddd;
}
.result_list.basket_order >li{
border:none;
align-items: normal;
padding-top:10px;
}
.basket_order_info{
flex-wrap: wrap;
width:90%;/* 너비 수정 2024.12.31 */
align-items: normal;
}
.basket_order_info > div:nth-of-type(2){
width: calc(95% - 100px);
}
.basket_order_info > div:nth-of-type(3){
width:100%;
text-align: right;
}
.basket_order_info>.order_p_img{
width:80px;
height:80px;
margin:0 10px 0 5px;
}
.basket_order .order_p_info > .order_p_price{
justify-content: normal;
}
.basket_print_list_wrap{
display: none;
}
.order_p_info > div:last-of-type>div.p_quantity_wrap{
position:absolute;
bottom:10px;
}
.basket_order_info > div:nth-of-type(4) > a.quick_buy{
bottom:-50px;
}
.basket_order_info .order_p_price>.p_price{
font-size: 14px;
}
.order_save_point>span{
font-size: 12px;
}
.order_p_info > div.order_p_totalprice {
font-size: 18px;
margin-top:5px;
}
.order_p_info > div.order_p_totalprice >span {
font-size: 18px;
}
.order_p_info > div.order_save_point{
margin-bottom: 5px;
}
.sign{
display: inline;
margin-right:5px;
vertical-align: text-bottom;
}
.basket_list_wrap .btn_area_center > a{
width:48%;
}
.payment_wrap.basktet{
margin-top:0;
}
/* 주문/결제 */
.contents_inner.renewal.buy_step2,
.contents_inner.renewal.buy_step3{
width:100%;
}
.buy_step2_wrap{
flex-direction: column;
}
.buy_step2_wrap >div.buy_step2,
.buy_step2_wrap >div.buy_step2_aside{
width:100%;
}
.buy_step2_info{
margin-bottom:10px;
padding:10px 0;
border-bottom:12px solid #F6F6F6;
}
.buy_step2_info >div{
width:95%;
margin:0 auto;
}
.order_cont > .order_cont_title {
width: 30%;
font-size: 14px;
}
.order_cont > .order_cont_cont {
width: 70%;
justify-content: space-between;
}
.order_cont input[type="text"].new_input_type {
width: 100%;
}
.buy_step2_info>.order_title{
border-bottom: none;
position: relative;
font-size: 18px;
}
.buy_step2_info>.order_title> .folding{
display: block;
width:24px;
height:24px;
cursor: pointer;
position: absolute;
right:0;
top:0;
}
.buy_step2_info>.order_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;
}
.buy_step2_info>.order_title> .folding.on::after{
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.buy_step2_aside > .pay_total_wrap{
box-shadow: none;
padding:0;
}
.buy_step2 > div:nth-of-type(1) > .order_cont_wrap > div:nth-of-type(1) > .order_cont_title{
display: none;
}
.buy_step2 > div:nth-of-type(1) > .order_cont_wrap > div:nth-of-type(1) > .order_cont_cont{
width:100%;
}
.order_cont_cont > .radio_group_ship {
display: flex;
flex-wrap: wrap;
}
.order_cont_cont > .radio_group_ship > li {
width: 50%;
margin: 0 0 10px 0;
}
.order_cont input[type="text"]#tempZipcode {
width: 60%;
}
.shipping_addr_list .btn_lightgray {
width: 38%;
font-size: 14px;
margin-left: 0;
}
.order_cont input[type="text"]::placeholder {
font-size: 14px;
}
.order_cont input[type="text"]#detailAddr {
width: 100%;
}
.shipping_addr_list > li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.shipping_addr_list .btn_lightgray#addBtn {
margin-top: 15px;
width: 50%;
}
.order_cont input[type="text"].new_input_type.phone {
width: 30.3%;
}
.order_cont > .order_cont_cont.real_id > .radio_group_ship > li {
width: 100%;
display: flex;
justify-content: space-between;
}
.order_cont > .order_cont_cont.real_id > .radio_group_ship > li:first-of-type {
padding-top: 10px;
}
input#itemLevelloginId {
width: 70%;
}
input#katUseloginId {
width: 70%;
}
.order_cont .radio_group_ship #checkItemLevelUseId {
display: inline-block;
font-size: 14px;
margin-left: 0;
width: 28%;
}
.order_cont .radio_group_ship #checkKatUseId {
display: inline-block;
font-size: 14px;
margin-left: 0;
width: 28%;
}
.buy_step2_info.institution .order_cont_inner {
border: none;
padding: 0;
}
.buy_step2_info.institution .order_cont_title,
.buy_step2_info.institution .order_cont_cont {
width: 50%;
}
.buy_step2_info.institution .order_cont_inner > .order_cont_title,
.buy_step2_info.institution .order_cont_inner > .order_cont_cont {
font-size: 14px;
}
.order_product_info{
width:100%;
}
.order_product_info > .p_img {
width: 80px;
height: 80px;
}
.order_product_info > .p_info {
width: calc(100% - 90px);
}
.order_product_info > .p_info > .p_name {
width: 100%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p_dcrate > span:nth-of-type(2){
margin-left:10px;
}
.order_product_info > .p_info > .p_price > .payment > span + span::before{
display: none;
}
.p_price > .payment >span:nth-of-type(1){
position:absolute;
right:0;
bottom:15px;
}
.order_product_info > .p_info > .p_price > .add_point{
display: block;
position: absolute;
right:0;
bottom:43px;
font-size:12px;
}
.order_product_info > .p_info > .p_price > .add_point > span:nth-of-type(2){
margin-left:5px;
}
.buy_step2_info .result_list{
margin-top:15px;
}
.buy_step2_info .result_list>li:last-of-type{
border-bottom: none;
margin-bottom: 0;
}
.order_product_info > .p_info > div.p_dcrate{
font-size: 12px;
}
.buy_step2_info.order_benefit #promotionCode{
width:45%;
}
.buy_step2_info.order_benefit #confrimeFunc{
display: inline-block;
width:30%;
font-size: 14px;
}
.buy_step2_info.order_benefit #ballCodeConfirmFunc{
display: inline-block;
width:30%;
font-size: 14px;
}
.buy_step2_info.order_benefit > div:nth-of-type(2){
position: relative;
margin-bottom:15px;
}
.buy_step2_info.order_benefit > div:nth-of-type(2) .promotioncode_info_icon{
position: static;
}
.buy_step2_info.order_benefit > div:nth-of-type(2) .promotioncode_info_icon > .promotioncode_desc{
left:0;
top:50px;
width:100%;
min-width: 100%;
box-sizing: border-box;
padding:15px;
}
.buy_step2_info.order_benefit > div:nth-of-type(2) .promotioncode_info_icon > .promotioncode_desc::after{
right:20px;
left:unset;
}
.buy_step2_info.order_benefit > div:nth-of-type(3) #usePoint{
width:80%;
}
.buy_step2_info.order_benefit > div:nth-of-type(3) #usePoint+span{
font-size:14px;
}
.available_point_wrap{
display: inline-block;
margin-left:0;
font-size:12px;
margin-top:5px;
}
.available_point_wrap > span:nth-of-type(1),
.available_point_wrap > span:nth-of-type(2),
.available_point_wrap > .point > b{
font-size: 12px;
}
.payment_method_list >li span.etc_txt{
display: inline-block;
}
.payment_method_list >li:nth-of-type(2) .payment_sub_txt{
display: none;
}
.payment_method_list >li:nth-of-type(2) .etc_txt{
display: inline-block;
}
.payment_method_list >li >label{
font-size:14px;
}
.payment_method_list >li>.etc_txt{
font-size:12px;
}
.payment_method > .desc_box{
margin-top:5px;
margin-bottom: 15px;
padding: 15px;
}
.buy_step2_info.order_benefit > div:nth-of-type(3){
align-items: normal;
}
.buy_step2_info.order_benefit > div:nth-of-type(3) > .order_cont_title{
padding-top: 10px;
}
.buy_step2_info .order_cont_cont > .file_add_box{
padding:0;
}
.buy_step2_info .file_add_box > #FileTxt{
border:none;
width:100% !important;
padding:0 25px 0 0;
margin-top:45px;
height:auto;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.order_cont_cont > .file_add_box > .btn_file{
left:0;
right:unset;
font-size:14px;
}
.buy_step2_info.payment_method> div:nth-of-type(3){
align-items: normal;
}
.buy_step2_info.payment_method> div:nth-of-type(3)> .order_cont_title{
padding-top: 10px;
}
.buy_step2_info .file_add_box > .file_hidden{
width:100px;
}
.buy_step2_info .file_add_box > .FileTxt_del{
position: absolute;
right:0;
bottom:5px;
}
.buy_step2_aside > .pay_total_wrap > .pay_total_title{
width:95%;
margin:0 auto 15px;
font-size: 18px;
}
.buy_step2_aside > .pay_total_wrap > .pay_total_detail{
border-bottom: 12px solid #f6f6f6;
}
.buy_step2_aside > .pay_total_wrap > .pay_total_detail > div{
width:95%;
margin:0 auto 10px;
}
.pay_total_detail_cont.final_point{
border-bottom: none;
}
.pay_total_desc > div{
width:95%;
margin:0 auto 10px;
}
.pay_total_desc > .pay_agree_txt{
margin-bottom: 10px;
}
.aside_btn_wrap{
width:95%;
margin:0 auto;
display: flex;
flex-direction: column-reverse;
}
.shipping_info > .shipping_desc{
margin:10px 0;
font-size:12px;
}
.shipping_info > .shipping_etc{
margin-bottom: 30px;
}
.shipping_info > .shipping_desc > .shipping_date{
font-size:12px;
}
.mo_folding_info{
position:absolute;
right:30px;
top:4px;
display:block;
font-weight:500;
color:#333;
}
.mo_folding_info>span:first-of-type{
margin-right: 5px;
}
/*주소록 관리*/
.basic_modal_body > .addr_list_tab > ul{
justify-content: normal;
}
.delivery_addr .result_list > li{
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
border-radius: 16px;
}
.basic_modal_body > .addr_list_wrap > .addr_desc{
font-size:14px;
}
.delivery_addr .basic_modal_body > .addr_list_wrap > .addr_list >li{
width:100%;
padding: 15px 20px;
}
.addr_tel_list>li{
font-size: 14px;
}
.basic_modal_footer > .footer_btn_wrap{
width:90%;
display: flex;
justify-content: space-between;
}
.basic_modal_footer> .footer_btn_wrap>a{
margin:0;
padding:0;
height:50px;
display: block;
box-sizing: border-box;
}
.buy_step3 .order_p_info{
width: calc(95% - 100px);
}
.buy_step_list_wrap_mo.buy_step3 .mo_step_wrap{
margin-top:40px;
}
.buy_step_list_wrap_mo.buy_step3 .mo_step_wrap >div{
margin-top:20px;
}
.buy_step_list_wrap_mo.buy_step3 .mo_step_wrap >div:first-of-type{
margin-top:0;
}
.buy_step_list_wrap_mo.buy_step3 .mo_step_wrap >div:last-of-type{
font-size:16px;
font-weight: 500;
color:#777;
}
.buy_step_list_wrap_mo.buy_step3 .mo_step_wrap >div:last-of-type >span{
font-size: 16px;
font-weight:600;
color:#2B398F;
}
.contents_inner.buy_step3 .order_detail_wrap > .order_title{
display: block;
border-bottom: none;
width:95%;
margin:0 auto;
font-size:18px;
padding-bottom: 25px;
}
.contents_inner.buy_step3 .order_detail_wrap > .order_title>.order_product_count{
font-size: 14px;
display: inline-block;
margin-left:10px;
}
.addr_list_edit_wrap {
width:100%;
}
#newModal.delivery_addr_edit .basic_modal_footer{
/*margin-top:0;*/
}
.addr_edit_group{
border-top:none;
border-bottom:none;
}
.addr_list_edit_wrap > .addr_desc > .addr_list_title{
font-size:18px;
}
.addr_list_edit_wrap > .addr_desc > .addr_list_title>span{
font-size:18px;
}
#newModal.delivery_addr_edit .basic_modal_footer> .footer_btn_wrap >a{
display: block;
width:48%;
margin-right:0;
padding:0;
box-sizing: border-box;
}
#newModal.delivery_addr_edit .basic_modal_footer> .footer_btn_wrap{
width:95%;
}
#newModal.delivery_addr_edit .order_cont > .order_cont_title{
width:20%;
}
#newModal.delivery_addr_edit .order_cont > .order_cont_cont{
width:80%;
}
.basic_modal_header .basic_modal_title{
font-size:20px;
}
/*****************마이페이지 메인 *************/
.contents_inner.renewal.full_width {
margin: 0;
}
.contents_inner.renewal.full_width {
width: 100%;
}
.contents_inner.renewal > .new_my_group {
border-bottom: 12px solid #f6f6f6;
margin-bottom: 0;
}
.contents_inner.renewal > .new_my_group:last-of-type {
border-bottom: 0;
}
.contents_inner.renewal > .new_my_group > div {
width: 95%;
margin: 0 auto;
}
.contents_inner.renewal > .new_my_group > div.result_list_wrap{
margin-bottom: 30px;
}
.new_my_group > .new_my_title_wrap > .new_my_tile {
font-size: 18px;
padding: 16px 0;
}
.new_my_group > .new_my_title_wrap > a.more_detail {
text-indent: -999em;
}
.new_my_group .result_list_wrap.purchase > .result_list > li {
padding-bottom: 0;
}
.contents_inner.renewal > .new_my_group:nth-of-type(4),
.contents_inner.renewal > .new_my_group:nth-of-type(5) {
margin-bottom: 0;
width: 100%;
}
.border_round_box.notice {
border: none;
border-radius: 0;
padding: 0;
}
.new_my_group.point_box {
box-shadow: none;
padding: 0;
}
.new_my_group.point_box .result_list.point_list > li {
margin-bottom: 0;
padding: 20px 0;
}
#container.new .border_round_box.notice > .notice_list_wrap > table.new_list > tbody > tr {
padding:0;
margin:0;
height:72px;
}
#container.new .border_round_box.notice > .notice_list_wrap > table.new_list > tbody > tr > td:nth-child(1) {
display: block;
width: 100%;
padding-top:35px;
}
#container.new .border_round_box.notice > .notice_list_wrap > table.new_list > tbody > tr > td:nth-child(1) > a {
width: 100%;
max-width: none;
padding-bottom: 0;
font-size: 14px !important;
}
#container.new .border_round_box.notice > .notice_list_wrap > table.new_list > tbody > tr > td:nth-child(2) {
position: absolute;
left: 0;
top:16px;
height: auto;
color:#999;
font-size:12px;
font-weight:500;
}
#container.new .border_round_box.notice > .notice_list_wrap > table.new_list > tbody > tr:last-of-type{
margin-bottom: 10px;
}
.omr_down_btn,
.simple_buy{
display: none;
}
.new_my_group .result_list > li{
align-items: self-start;
border-bottom: 0;
padding-bottom: 0;
}
.test_list_cont_group{
width:calc(100% - 40px);
}
.mo_kebab_btn_wrap{
display: block;
width:40px;
height:100%;
vertical-align: top;
position: relative;
}
.mo_kebab_btn_wrap >a{
width:24px;
height:24px;
position: absolute;
right:0;
top:0;
}
.mo_kebab_btn_wrap > ul{
display: none;
padding:5px 0;
}
.mo_kebab_btn_wrap > ul.on{
display: flex;
flex-direction: column;
}
.mo_kebab_btn_wrap > ul{
right: 0;
top:30px;
position: absolute;
background-color:#fff;
box-shadow: 2px 4px 15px 1px rgba(0, 0, 0, 0.15);
border-radius: 8px;
width:172px;
}
.mo_kebab_btn_wrap > ul >li{
width:100%;
height:40px;
line-height: 40px;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
padding:0 16px;
box-sizing: border-box;
color:#333;
}
.mo_kebab_btn_wrap > ul >li>a{
font-size: 15px;
font-weight:500;
color:#333;
width:100%;
text-align: left;
}
.mo_kebab_btn_wrap > ul >li>a >img{
margin-right:5px;
}
.test_name_wrap > .test_name{
font-size: 16px;
}
.test_state_group{
flex-direction: row;
flex-wrap: wrap;
gap:8px;
}
.test_state_group_inner.mo_full{
box-sizing: border-box;
margin-right:0;
}
.test_list_btn_group{
width:100%;
flex-direction: row;
justify-content: space-between;
margin-top: 19px;
}
.test_list_btn_group > a,
.test_result_btn_group > a{
width:49%;
font-size:14px;
}
.test_list_btn_group > a > img{
display: none;
}
.point_info_etc > span{
margin-right:0;
display: block;
}
.test_result_group_inner{
width:calc(100% - 40px);
}
.test_result_info >span:nth-of-type(3){
display: block;
}
.test_result_info >span:nth-of-type(3):before{
display: none;
}
.group_name{
font-size: 12px;
}
.result_testname > .btn_memo{
display: none;
}
.test_result_info_names{
flex-direction: column;
}
.test_result_info_names > .info_name_group > .name_title{
margin-right: 8px;
}
.test_result_info_names > .info_name_group >.name_title,
.test_result_info_names > .info_name_group >.name_text1,
.test_result_info_names > .info_name_group >.name_text2{
font-size: 14px;
}
.test_result_info_names >div:nth-of-type(2):before{
display: none;
}
.test_result_btn_group{
width:100%;
margin-top:20px;
}
.test_result_btn_group>a{
display: block;
width:100%;
}
.test_result_btn_group>a>img{
display: none;
}
.mymain_point_wrap{
display: block;
}
.no_result{
min-height:197px;
display: flex;
align-items: center;
justify-content: center;
}
/*************** 심리검사 실시·결과 ***************/
.desc_box.holding_onlinecode{
margin-top:20px;
}
.psycl_test_wrap.holding_onlinecode {
border-radius: 16px;
background-color: #fff;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
}
.psycl_test_wrap.holding_onlinecode .search_tb .new_select{
width:100%;
margin-bottom: 8px;
}
.psycl_test_wrap.holding_onlinecode .search_box_style,
.psycl_test_wrap.holding_onlinecode .btn_area_center {
padding: 0;
}
.psycl_test_wrap.holding_onlinecode .btn_area_center {
width: 100%;
justify-content: center;
margin: 30px 0 10px;
}
.psycl_test_wrap.holding_onlinecode .btn_area_center > a {
width: 100%;
}
.psycl_test_wrap.holding_onlinecode .search_tb .new_select + #psyItemNm{
width:100%;
background-color: #fff;
border:1px solid #ddd;
}
.psycl_test_wrap.holding_onlinecode > .search_group > .btn_area_center{
margin-top:36px;
margin-bottom:0;
}
.list_header.holding_onlinecode{
margin:16px 0 36px;
}
.result_list_wrap.holding_onlinecode > ul > li{
padding-bottom:20px;
margin-bottom: 20px;
}
.result_list_wrap.holding_onlinecode > ul > li:last-of-type{
border-bottom:none;
}
.test_list_btn_group > a.send_onlinecode {
margin-bottom: 0;
}
.onlinecode_reverse_desc{
width:100%;
font-size: 15px;
word-break: keep-all;
margin-bottom: 20px;
}
.reverse_test_name{
padding:16px;
font-size:14px;
margin-bottom: 20px;
}
.chk_all_wrap{
padding-left:0;
}
.reverse_list>ul>li{
padding:20px 0;
align-items:normal;
}
.onlinecode_status{
font-size:16px;
}
.onlinecode_datetype >span{
font-size: 14px;
}
.onlinecode_tester > .tester_title,
.onlinecode_tester > .tester_name{
font-size:14px;
}
.reverse_list_wrap > .reverse_list{
height:auto;
}
.mo_kebab_btn_wrap > ul > li >a{
color:#333;
}
.mo_kebab_btn_wrap .simple_buy{
display: flex;
color:#333;
background-color: #fff;
justify-content: normal;
}
/* 포인트로 전환 모달*/
.basic_modal.change_point_modal .desc_box.blue_box{
width: 100%;
}
.basic_modal.change_point_modal .desc_list,
.basic_modal.change_point_modal .desc_list span,
.cp_test_name{
font-size:14px;
}
.cp_transfer_quantity > input.new_input_type{
width:calc(100% - 80px);
}
/* 온라인코드 간편구매 모달*/
.simple_buy_contents{
width:100%;
}
.buy_quantity_wrap > .buy_quantity_num >input.new_input_type{
width:calc(100% - 120px);
font-size: 15px;
}
.sb_test_name_wrap > .sb_test_name,
.sb_test_price_wrap > .sb_test_price,
.buy_quantity_wrap > .buy_quantity_title,
.buy_quantity_wrap > .buy_quantity_num > .min_buy_quantity,
.sb_buy_total,
.cp_quantity_wrap,
.transfer_point{
font-size: 14px;
}
.sb_test_price_wrap > .sb_test_saleprice{
font-size:12px;
}
.sb_buy_total_price,
.transfer_point > .transfer_point_num{
font-size:16px;
}
.order_type + .unit_price::before{
margin:0 7px;
}
/* 원격온라인 검사코드 발송 모달*/
.os_add_title{
font-size: 18px;
border-bottom: none;
}
.os_add_info_tb > tbody > tr > th{
width:85px;
}
.os_add_info_tb > tbody > tr > td{
width:calc(100% - 85px);
padding-left:5px;
}
.os_add_info_tb > tbody > tr > td input.new_input_type{
width:100%;
}
.os_add_info_tb > tbody > tr > td input.input_tell{
width:29%;
}
.os_add_info_tb > tbody > tr > td .new_select{
width:calc(100% - 110px);
}
.onlinecode_send_modal .basic_modal_body > div{
width:100%;
}
.os_add_wrap{
flex-wrap: wrap;
}
.os_add_wrap > .os_add_info_wrap,
.os_add_wrap > .os_add_list_group{
width:100%;
}
.os_test_name{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.switch_wrap > td > .result_switch_wrp{
width:100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.switch_wrap > td > .result_switch_wrp > .data_desc{
display: block;
width:calc(100% - 55px);
}
.os_add_wrap > .os_add_list_group{
margin-top:35px;
}
.onlinecode_send_desc > ul,
.preview_message{
font-size: 14px;
}
.insert_excel .desc_txt_list .font_blue{
font-size: 12px;
}
.os_add_info_tb > tbody > tr.insert_excel > th{
padding-bottom:16px;
}
.os_add_info_tb > tbody > tr.insert_excel > th > .down_excel{
margin-left:30px;
}
.os_add_info_tb > tbody > tr.insert_excel > td{
padding-left:85px;
}
.insert_excel_btn{
justify-content: normal;
}
/* 그룹 생성/관리 모달 */
.basic_modal.group_admin_modal .basic_modal_body{
height:70vh;
}
.basic_modal.group_admin_modal .basic_modal_body > div{
width:100%;
}
.group_edit_tab > ul{
justify-content: normal;
}
.group_tab_title > .tab_title{
font-size: 18px;
}
.group_tab_title > .tab_title_desc{
font-size: 14px;
}
.group_search #groupSearchForm{
padding:0;
justify-content: space-between;
}
.group_info_tb > tbody > tr > th{
padding-bottom: 16px;
}
.group_info_tb > tbody > tr > th,
.group_info_tb > tbody > tr > td{
width:100%;
display: block;
}
.group_info_tb > tbody> tr > td > input#examineeGroupName{
width:100%;
}
.group_info_tb > tbody> tr > td > input#examineeGroupName_modify{
width:100%;
}
.group_list_wrap > .group_list > li:last-of-type{
border-bottom: none;
}
.group_search #examineeGroupNm{
width:calc(100% - 88px);
}
.group_search #searchBtn{
width:80px;
margin-left:8px;
}
/********* 그룹수정하기 *********/
.group_info_edit_wrap{
width:100%;
}
.group_info_edit_wrap > .group_info_tb > tbody > tr:last-of-type > th{
padding-bottom: 16px;
}
/********온라인코드 실시현황*****/
.desc_box.onlinecode_state {
margin-top: 20px;
}
.psycl_test_wrap.onlinecode_state {
border-radius: 16px;
background-color: #fff;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
padding: 20px;
}
.psycl_test_wrap.onlinecode_state .search_box_style {
padding: 0;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > th {
padding-bottom: 10px;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > td {
width: 100%;
padding: 0;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr > td > .new_select {
width: 100% !important;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:first-of-type > td > #psyItemNm,
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:first-of-type > td > .inputbox,
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:nth-of-type(3) .inputbox {
width: 100%;
margin-left: 0;
margin-top: 8px;
background-color: #fff;
border: 1px solid #ddd;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:nth-of-type(3) > td:nth-of-type(1) > .new_select {
width: calc(100% - 110px) !important;
z-index: 10;
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:nth-of-type(3) > td:nth-of-type(1) {
position: relative;
}
.group_admin_wrap {
flex-direction: row-reverse;
position: absolute;
right: 0;
top: 0;
height: 42px; /*추가*/
margin-top: 0 !important; /*추가*/
}
.psycl_test_wrap.onlinecode_state .search_tb > tbody > tr:last-of-type > th {
padding-bottom: 10px;
}
.list_header.onlinecode_state {
margin-top: 16px;
margin-bottom: 36px;
}
.onlinecode_state_list_btn_group {
display: none;
}
.result_list_wrap.onlinecode_state > .chk_all_wrap > .btn_group {
display: block;
}
.result_list_wrap.onlinecode_state > .chk_all_wrap > .btn_group > .more_btn_mo.on + ul {
display: block;
}
.result_list_wrap.onlinecode_state > .chk_all_wrap {
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.chk_all_wrap > .btn_group > .more_btn_mo {
display: block;
border: 1px solid #ddd;
border-radius: 8px;
width: 36px;
height: 36px;
background-image: url(../images/renewal/meatball_btn.png);
background-position: center;
background-repeat: no-repeat;
text-indent: -999em;
}
.result_list_wrap.onlinecode_state > .chk_all_wrap > .btn_group > ul {
display: none;
position: absolute;
right: 0;
top: 50px;
border: 1px solid #ddd;
border-radius: 16px;
background-color: #fff;
padding: 10px;
z-index: 60;
width: 160px;
}
.result_list_wrap.onlinecode_state > .chk_all_wrap > .btn_group > ul > li > a {
display: block;
width: 100%;
height: 36px;
line-height: 36px;
font-size: 15px;
font-weight: 600;
color: #333;
background-color: #fff;
text-align: center;
}
.result_list_wrap.onlinecode_state > .result_list > li {
align-items: normal;
padding-bottom: 20px;
margin-bottom: 20px;
}
.result_list_wrap.onlinecode_state > .result_list > li:last-of-type {
border-bottom: none;
}
.result_list_wrap.onlinecode_state > .result_list > li > .chk_wrap {
width: 35px;
}
.result_list_wrap.onlinecode_state > .result_list > li > .onlinecode_state_info_wrap {
width: calc(100% - 35px);
flex-direction: column;
justify-content: normal;
}
.result_list_wrap.onlinecode_state > .result_list > li > .onlinecode_state_info_wrap > div {
width: 100%;
}
.onlinecode_state_btn_group {
margin-top: 20px;
}
.onlinecode_state_btn_group > a {
width: 100%;
}
.onlinecode_state_btn_group > a > img {
display: none;
}
.onlinecode_state_cont > .pname_info,
.onlinecode_state_cont > .pname_info > .p_info_edit {
font-size: 16px;
}
.onlinecode_state_cont > .p_group_name {
font-size: 12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.onlinecode_state_cont > .p_test_name,
.onlinecode_state_cont > .p_issuer {
font-size: 14px;
}
.onlinecode_state_info > .onlinecode_state_cont {
margin-bottom: 5px;
}
/*******************피검자 정보 수정 모달******************/
.basic_modal.pinfo_edit_modal .basic_modal_body > .pinfo_test_info {
width: 100%;
padding: 16px 20px;
}
.pinfo_tb_wrap > .pinfo_tb_title {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 30px;
font-size: 18px;
}
.pinfo_test_info > .pinfo_date,
.pinfo_test_info > .pinfo_test_name {
font-size: 14px;
}
.basic_modal.pinfo_edit_modal .basic_modal_body .new_input_type {
font-size: 14px;
}
.basic_modal.pinfo_edit_modal .pinfo_tb > tbody > tr > th {
width: 80px;
}
.basic_modal.pinfo_edit_modal .pinfo_tb > tbody > tr > th > label {
word-break: keep-all;
}
.basic_modal.pinfo_edit_modal .pinfo_tb > tbody > tr > td {
width: calc(100% - 80px);
padding-left: 5px;
box-sizing: border-box;
}
.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: calc(100% - 105px);
}
.pinfo_tb_wrap > .pinfo_tb > tbody > tr > td > .groupmanage > .groupBtn {
margin-left: 5px;
}
/***************************심리검사결과_리스트********************************/
.desc_box.test_result_list {
margin-top: 20px;
}
.psycl_test_wrap.test_result_list {
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
padding: 16px 20px;
border-radius: 16px;
}
.psycl_test_wrap.test_result_list .search_tb_wrap > .search_reset{
top:-20px;
}
.psycl_test_wrap.test_result_list .search_box_style {
padding: 0;
}
.psycl_test_wrap.test_result_list .search_box_style .search_input_wrap {
flex-direction: column-reverse;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr > th {
padding-bottom: 12px;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td {
padding-top: 0;
padding-bottom: 0;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td > .inputbox,
.psycl_test_wrap.test_result_list .search_tb > tbody > tr > td > #psyItemNm {
width: 100%;
background-color: #fff;
border: 1px solid #ddd;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr.name > td > .new_select + #searchValue {
width: 100%;
margin-left: 0;
margin-top: 8px;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr.group > td > .new_select {
width: calc(100% - 120px);
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr.group > td > .group_admin_wrap {
position: static;
}
.psycl_test_wrap.test_result_list .search_tb > tbody > tr:last-of-type > th {
padding-bottom: 12px;
}
.list_header.test_result_list > .sub_title.list {
flex-direction: column;
padding-top: 16px;
}
.list_header.test_result_list > .sub_title.list > div {
width: 100%;
}
.list_header.test_result_list > .sub_title.list > .sub_title_text {
font-size: 18px;
}
.list_header.test_result_list > .sub_title.list > .sub_title_text > span {
font-size: 14px;
}
.list_header.test_result_list > .sub_title.list > .title_search_group {
font-size: 14px;
}
.result_list_wrap.test_result_list > ul > li {
padding: 20px 0;
margin-bottom: 0;
flex-direction: column;
justify-content: normal;
align-items: normal;
}
.result_list_wrap.test_result_list > ul > li > .list_test_result_count > span {
text-align: left;
display: inline-block;
}
.result_list_wrap.test_result_list > ul > li > .list_test_result_count > span + span {
margin-left: 5px;
}
.result_list_wrap.test_result_list > ul > li > .list_test_name > a,
.result_list_wrap.test_result_list > ul > li > .list_test_result_count > span.count_num {
font-size: 14px;
}
/********************** 심리검사결과 _상세보기 **********************************/
.list_header.test_result_detail > .sub_title.list > .sub_title_text {
margin-bottom: 16px;
}
.list_header.test_result_detail > .sub_title.list > .sub_title_text > div {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.title_search_group > #viewList_Countdiv {
display: none;
}
.title_search_group > .list_filter_group{
width:100%;
justify-content: flex-end;
flex-wrap: wrap;
}
.title_search_group > .list_filter_group > .new_select.page{
min-width: 100px;
}
.title_search_group > .list_filter_group > span {
display: none;
}
.title_search_group > .list_filter_group > .new_select {
font-size: 14px;
}
.title_search_group > .list_filter_group > .result_switch_wrp {
margin-left: 12px;
}
.list_header.test_result_detail > .sub_title.list > .title_search_group {
border-bottom: none;
padding-bottom: 0;
}
.order_select_wrap.test_result_detail {
padding-left: 0;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 10px;
border-bottom: 1px solid #ddd;
}
.order_select_wrap.test_result_detail .more_btn_mo.on + ul {
border: none;
box-shadow: 2px 4px 15px 1px rgba(0, 0, 0, 0.15);
width: 172px;
padding: 0 0 0 16px;
box-sizing: border-box;
z-index: 20;
}
.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li + li {
margin-left: 0;
}
.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li > a {
display: block;
padding: 0;
height: 40px;
line-height: 40px;
}
.order_select_wrap.test_result_detail > .btn_group_wrap > .btn_group > ul > li > a.btn_lightgray {
background-color: #fff;
color: #333;
}
.result_list_wrap.test_result_detail > .result_list > li {
align-items: normal;
padding-bottom: 20px;
margin-bottom: 20px;
}
.result_list_wrap.test_result_detail > .result_list > li > .test_result_detail_cont {
flex-direction: column;
}
.test_result_detail_cont > .test_result_group_inner {
width: 100%;
position: relative;
}
.result_testname > .testname{
font-size: 14px;
}
.testname.ellipsis {
max-width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
}
.test_result_detail_cont > .mo_kebab_btn_wrap {
position: absolute;
right: 0;
top: 0;
}
.off_result .test_result_detail_cont > .test_result_group_inner{
margin-top:40px;
}
.off_result .test_result_detail_cont > .mo_kebab_btn_wrap{
top:40px;
}
.test_result_btn_group > .resilt_hide{
position: absolute;
top:0;
left:40px;
justify-content: normal;
}
/********************** 결과 삭제 모달 **************************/
.basic_modal_body > .alert_msg {
font-size:16px;
}
/********************** 결과 유형 선택 모달 **************************/
.type_select_btn >label{
font-size:18px;
}
/**************************피검자 이름 수정 모달*********************************/
.basic_modal_body > .pname_edit_wrap{
width:100%;
display: flex;
flex-direction: column;
}
.pname_edit_wrap > .new_input_type{
width:100%;
margin-left:0;
}
/******************************메모 등록 모달************************************/
.basic_modal_body > .memo_cont_wrap{
width:100%;
}
.basic_modal_body > .memo_cont_wrap > .memo_cont{
flex-direction: column;
}
.basic_modal_body > .memo_cont_wrap textarea#memo{
width: 100%;
}
.basic_modal_body > .memo_cont_wrap > .memo_cont > .memo_cont_title{
margin-bottom:10px;
}
.basic_modal_body > .memo_cont_wrap > .memo_cont > .memo_cont_title,
.basic_modal_body > .memo_cont_wrap > .memo_cont > .memo_test_name{
font-size:14px;
}
.memo_modal .basic_modal_body{
margin:0;
}
/***************** 그룹지정/변경 모달 *********************/
.basic_modal_body > .group_set_desc,
.basic_modal_body > .group_set_desc >span{
font-size:16px;
}
.group_set_wrap > .group_set_title{
font-size:14px;
}
.group_set_wrap > .group_select_wrap{
width:calc(100% - 100px);
}
.group_set_wrap > .group_select_wrap > .new_select{
font-size: 14px;
width:100%;
}
.group_set_wrap > .group_select_wrap > .new_select .list{
max-height: 160px;
}
/**************************KAT 결과 및 라이선스 조회***************************************/
.desc_box.KAT{
flex-direction: column;
align-items: normal;
margin-top:20px;
}
.desc_box.KAT > .result_upload{
margin-top:20px;
}
/* .psycl_test_wrap.test_result_list.KAT .search_tb_wrap > .search_reset{
top:-20px;
} */
.list_header.KAT{
margin-top:16px;
}
.btn_group_wrap.KAT{
margin-top:30px;
flex-direction:row;
}
.btn_group_wrap.KAT > .btn_group > ul{
display: flex;
}
.btn_group_wrap.KAT > .btn_group > ul> li >a{
font-size: 13px;
}
.result_list_wrap.test_result_detail > .result_list > li:last-of-type{
border-bottom: none;
margin-bottom: 0;
}
/*****************************KAT 라이선스 조회 모달*********************************************/
.basic_modal.KAT_license_modal .basic_modal_header{
height:60px;
}
.basic_modal.KAT_license_modal .basic_modal_body > div{
width:100%;
}
.basic_modal.KAT_license_modal .basic_modal_body > div > ul > li{
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding:16px 20px;
box-sizing: border-box;
}
.basic_modal.KAT_license_modal .basic_modal_body > div > ul > li > div.license_info_3{
flex-direction: column
}
.license_info_3 > .license_info_cont + .license_info_cont::before{
display: none;
}
.license_info_2{
font-size:16px;
}
.license_info_4 > .license_info_cont > .license_info_title,
.license_info_4 > .license_info_cont > span:nth-of-type(2){
font-size: 14px;
}
.license_info_4{
padding:14px 16px;
}
/*****************************KAT 결과 파일 업로드 모달*********************************************/
.basic_modal.KAT_upload_modal .basic_modal_body > .kat_file_add_wrap{
width:100%;
flex-direction: column;
}
.kat_file_add_wrap > .kat_file_add_title{
width:100%;
padding-top:0;
padding-bottom:8px;
}
.kat_file_add_wrap .file_add_box{
padding-right:91px;
}
.kat_file_add_wrap .file_add_box > .btn_file{
width:81px;
height:38px;
line-height: 38px;
}
.kat_file_add_wrap .file_add_box> #FileTxt{
width:100% !important;
height:38px;
}
.duplicate_list_title{
font-size:16px;
}
.duplicate_list >li{
font-size:14px;
}
/***************************** GOLDEN Group 보고서 ************************************/
.desc_box.blue_box.GOLDEN{
margin-top:20px;
}
.list_header.GOLDEN{
margin-top:15px;
border-bottom: none;
}
/* .psycl_test_wrap.test_result_list.GOLDEN .search_tb_wrap > .search_reset{
top:-20px;
} */
.chk_all_wrap.GOLDEN{
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.info_name_group + .info_name_group::before{
display: none;
}
/************************그룹 리더 등록/수정 모달***************************/
.basic_modal.GOLDEN_groupleader_modal .basic_modal_body > div{
width:100%;
}
.group_target_list_wrap{
height:auto;
}
/************************교육신청현황***************************/
.psycl_test_wrap.edu_search {
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px;
padding: 16px;
margin: 20px auto;
}
.psycl_test_wrap.edu_search .search_box_style {
padding: 0;
}
.psycl_test_wrap.edu_search .search_box_style .search_input_wrap {
flex-direction: column-reverse;
}
.list_header.adu_apply_list > .sub_title {
text-align: left;
border-bottom: none;
}
.psycl_test_wrap.edu_search > .search_tb > tbody > tr:nth-of-type(2) > th {
padding-top: 15px;
}
.psycl_test_wrap.edu_search .search_tb .new_select {
width: 100%;
}
.psycl_test_wrap.edu_search .search_tb .new_select + #searchValue {
margin-left: 0;
margin-top: 10px;
border: 1px solid #ddd;
background-color: #fff;
}
.psycl_test_wrap.edu_search .search_box_style .search_tb > tbody > tr > td > label {
line-height: 24px;
}
.order_select_wrap.adu_apply_list {
width: 100%;
}
.result_list_wrap.adu_apply_list > ul > li {
align-items: normal;
}
.result_list_wrap.adu_apply_list > ul > li:last-of-type {
border-bottom: none;
}
.edu_cont_wrap > .edu_cont {
flex-wrap: wrap;
}
.edu_cont_wrap > .edu_cont > .edu_apply_num::before {
display: none;
}
.result_list_wrap.adu_apply_list > ul > li > .edu_detail_cont_wrap {
flex-direction: column;
width: calc(100% - 30px);
padding-left: 5px;
box-sizing: border-box;
}
.edu_detail_cont_wrap > .edu_cont_wrap {
width: 100%;
}
.edu_detail_cont_wrap > .edu_state {
width: 100%;
margin-top: 20px;
}
.chk_wrap {
width: 30px;
}
.edu_cont_wrap > .edu_cont > .edu_progress,
.edu_cont_wrap > .edu_cont > .edu_apply_date,
.edu_cont_wrap > .edu_cont > .edu_apply_num {
font-size: 14px;
}
.edu_cont_wrap > .edu_cont > .edu_apply_num > a {
text-decoration: underline;
}
.edu_cont_wrap > .edu_cont > .edu_apply_num > a > img {
display: none;
}
.edu_cont > .edu_type {
font-size: 13px;
}
.edu_cont > .edu_lecturename {
font-size: 16px;
}
.edu_cont > .edu_lecturename{
margin-left:0;
margin-top:5px;
}
.edu_cont > .edu_instructor {
padding: 0;
background-color: #fff;
font-size: 13px;
}
.edu_cont .edu_lecture_date {
margin-left: 0;
font-size: 13px;
}
.edu_cont_wrap > .edu_cont:nth-of-type(3) {
flex-direction: column;
justify-content: normal;
align-items: normal;
}
.edu_cont_wrap > .edu_cont + .edu_cont {
margin-top: 5px;
}
.edu_cont .edu_lecture_date > .lecture_date_list {
display: none;
padding: 0;
border: none;
height: auto;
line-height: normal;
}
.edu_lecture_date_wrap {
display: flex;
}
.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 {
margin: 0 7px;
}
.edu_cont .edu_lecture_date > .lecture_date_list_pop {
position: inherit;
border: none;
padding: 0;
display: block;
height: 20px;
overflow: hidden;
line-height: normal;
}
.edu_cont .edu_lecture_date.on > .lecture_date_list_pop {
height: auto;
overflow: inherit;
}
.edu_cont .edu_lecture_date > .lecture_date_list_pop > li + li {
margin-top: 5px;
}
.edu_cont .add_text{
position: relative;
}
.edu_cont .add_text::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: -20px;
top: 10px;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.edu_cont .edu_lecture_date.on + .add_text::after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.edu_lecture_date_wrap.online .add_text::after{
display: none;
}
.edu_lecture_date_wrap.online{
flex-wrap: wrap;
}
.edu_cont .add_text {
margin-left: 5px;
}
.edu_cont .edu_lecture_date_wrap.online .add_text{
display: block;
width:100%;
margin-left:0;
}
.result_list_wrap.adu_apply_list > ul > li {
padding-bottom: 20px;
}
.edu_detail_cont_wrap > .edu_state > .edu_on,
.edu_detail_cont_wrap > .edu_state > .edu_off {
width: 100%;
display: flex;
align-items: center;
}
.edu_state > .edu_on > div + div,
.edu_state > .edu_on > div + a {
margin-top: 0;
margin-left: 10px;
}
.edu_state > .edu_on > .edu_state_1,
.edu_state > .edu_on > .edu_state_2,
.edu_state > .edu_off {
font-size: 18px;
}
/**************************수료증 확인 모달**********************************/
.basic_modal.certificate_modal .basic_modal_body > div {
width: 100%;
}
.basic_modal.certificate_modal .basic_modal_body > .edu_lecture_wrap {
padding: 16px;
margin: 10px 0 20px;
}
.basic_modal.certificate_modal .edu_lecture_wrap > .lecture_type {
font-size: 13px;
}
.basic_modal.certificate_modal .edu_lecture_wrap > .lecture_name {
font-size: 14px;
}
.completer_list_wrap > ul > li {
display: flex;
flex-wrap: wrap;
}
.completer_title {
font-size: 18px;
}
.completer_name {
font-size: 16px;
width: 60px;
}
.completer_info_wrap {
width: calc(100% - 60px);
flex-direction: column;
}
.completer_info_wrap > .completer_info {
width: 100%;
}
.completer_info_wrap > .completer_info > .info_detail {
flex-direction: column;
}
.info_detail > .info_detail_inner {
width: 100%;
display: flex;
}
.info_detail > .info_detail_inner {
margin-bottom: 5px;
}
.info_detail > .info_detail_inner + .info_detail_inner::before {
display: none;
}
.info_detail > .info_detail_inner > span {
display: block;
}
.info_detail > .info_detail_inner > .info_title {
width: 50px;
}
.info_detail > .info_detail_inner > .info_text {
width: calc(100% - 55px);
}
.completer_info_wrap > .certificate_ko_wrap {
width: 100%;
flex-direction: row;
align-items: center;
}
.certificate_ko_wrap > .comple_result {
margin-bottom: 0;
font-size: 16px;
margin-right: 15px;
}
.print_certificate {
font-size: 15px;
padding: 7px 18px;
}
.certificate_en_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left: 60px;
}
#completer_name_en.new_input_type {
height: 38px;
font-size: 14px;
font-weight: 500;
width: 100%;
margin-bottom: 5px;
}
.print_certificate.en {
margin-left: 0;
}
/**************************교육신청현황_상세**********************************/
.order_detail_wrap.edu .order_number_btn_wrap {
flex-direction: column;
}
.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap {
width: 95%;
justify-content: flex-end;
}
.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap > .btn_group {
margin-top: 20px;
}
.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap > .btn_group > a {
font-size: 13px !important;
height: 30px;
line-height: 30px !important;
margin-left: 0;
box-sizing: border-box;
}
.order_detail_wrap.edu .order_number_btn_wrap > .btn_group_wrap > .btn_group > a.more_btn_mo {
width: 30px;
padding: 0;
margin-left: 8px;
}
.order_detail_wrap.edu .edu_apply_state {
width: 95%;
margin: 20px auto 30px;
padding: 20px 16px;
justify-content: space-between;
box-sizing: border-box;
}
.order_detail_wrap.edu .edu_apply_state > div.apply_state {
font-size: 18px;
}
.order_detail_wrap.edu .edu_apply_state > div {
text-align: left;
width: auto;
}
.order_detail_wrap.edu .edu_apply_state > div.apply_total_price {
display: flex;
align-items: center;
}
.order_detail_wrap.edu .edu_apply_state > div.apply_total_price > .total_price {
font-size: 18px;
}
.apply_info_wrap {
padding-bottom: 24px;
border-bottom: 12px solid #F6F6F6;
}
.apply_info_wrap > .sub_inner_title > .apply_info_btn_group > li {
display: none;
}
.apply_info_wrap > .sub_inner_title > .apply_info_btn_group > li:nth-of-type(1) {
display: block;
}
.apply_info_wrap > .sub_inner_title {
width: 95%;
}
.apply_info_wrap > .apply_info {
border: none;
padding: 0;
width: 95%;
margin: 0 auto;
}
.apply_lecture_wrap {
flex-direction: column;
justify-content: normal;
}
.apply_lecture_wrap > .lecture_name_wrap {
display: flex;
flex-wrap: nowrap;
margin-bottom: 8px;
width:100%;
}
.lecture_price_wrap {
margin-top: 8px;
}
.apply_lecture_wrap > .lecture_name_wrap > .lecture_name{
font-size:14px;
}
.apply_lecture_wrap > .lecture_date_wrap{
width:100%;
}
.payment_wrap.apply_payment {
border-top: none;
background-color: #F8F8FB;
border-radius: 8px;
padding: 16px 20px;
}
.mo_symbol {
display: inline-block;
margin-right: 5px;
}
.payment_wrap.apply_payment > div.payment_price > div:nth-child(1),
.payment_wrap.apply_payment > div.payment_price > div:nth-child(2) {
margin-top: 0;
}
.payment_wrap.apply_payment > div > div:last-of-type {
margin-bottom: 0;
font-size: 14px;
}
.payment_wrap > div.total_payment {
border-top: none;
}
.payment_wrap.apply_payment .total_payment > .payment_cont {
font-size: 16px;
}
.payment_wrap.apply_payment > div:nth-of-type(1),
.payment_wrap.apply_payment > div:nth-of-type(3) {
margin-bottom: 8px;
}
.applicant_info_wrap {
margin-top: 20px;
padding-bottom: 24px;
}
.applicant_info_wrap > .applicant_info {
padding: 0;
border: none;
width: 95%;
margin: 0 auto;
}
.applicant_info > .applicant_info_tb > tbody > tr > td.info_title {
width: 30%;
}
.applicant_info > .applicant_info_tb > tbody > tr > td.info_cont {
width: 70%;
}
.refund_info_wrap {
padding: 0;
margin-top: 0px;
}
.refund_info_wrap > .sub_inner_title {
border-top: 1px solid #ddd;
padding-top: 15px;
}
.refund_info_wrap > .refund_info {
border: none;
padding: 0;
width: 95%;
margin: 0 auto;
}
.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th {
padding: 0;
}
.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div:last-of-type {
margin-bottom: 16px;
}
.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div + div::before {
display: none;
}
.refund_info_wrap > .refund_info > .refund_info_tb > thead > tr > th > div > .refund_title {
font-size: 16px;
}
.refund_info > .refund_info_tb > tbody > tr > td {
padding: 0 0 8px 0;
}
.refund_info > .refund_info_tb > tbody > tr > td.info_title {
width: 30%;
}
.refund_info > .refund_info_tb > tbody > tr > td.info_cont {
width: 70%;
text-align: right;
}
.refund_info > .refund_info_tb > tbody > tr:nth-of-type(4) > td.info_cont,
.refund_info > .refund_info_tb > tbody > tr:nth-of-type(5) > td.info_cont {
text-align: left;
}
.payment_wrap.edu_total_price > .payment_total > .payment_total_point {
display: none;
}
/************************ 교육 환불신청 모달 *********************/
.basic_modal .basic_modal_body > .desc_box.blue_box {
width: 100%;
}
.edu_refund .basic_modal_body,
.edu_virtual_refund .basic_modal_body {
overflow-y: auto;
}
.account_refund_form > .account_refund_tb > tbody > tr > td:last-of-type {
width: 65%;
}
.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: 100%;
}
.edu_refund .new_select.refund_bank,
.edu_virtual_refund .new_select.refund_bank {
width: 100%;
}
.edu_refund .basic_modal_body .new_select .list,
.edu_virtual_refund .basic_modal_body .new_select .list {
max-height: 120px;
}
.edu_refund .account_refund_form label.refund_title,
.edu_virtual_refund .account_refund_form label.refund_title {
font-size: 14px;
}
/**********************************할인신청현황***************************************/
.psycl_test_wrap.edu_search.apply_discount > .search_group .search_tb > tbody > tr + tr > th {
padding-top: 24px;
}
.list_header.adu_applydiscount_title .sub_title_text {
font-size: 20px;
margin-bottom: 16px;
}
.list_header.adu_applydiscount_title span.list_total {
font-size: 14px;
}
.result_list_wrap.adu_applydiscount_list_wrap ul > li {
box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
border: none;
border-radius: 16px;
flex-wrap: nowrap;
padding: 16px 20px;
}
div.applydiscount_state > .apply_state > .state_rate {
font-size: 22px;
}
div.applydiscount_state > .apply_state > .state {
margin-left: 12px;
}
.apply_workshop > .workshop_type {
font-size: 13px;
}
.apply_workshop > .workshop_name {
font-size: 14px;
}
.apply_validity {
flex-direction: column;
align-items: normal;
}
.apply_validity > a.apply_discount_detail {
margin-top: 16px;
}
/**************************** 할인신청 상세보기 모달 **********************************/
.basic_modal.edu_apply_discount .basic_modal_body > div {
width: 100%;
}
.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap {
padding: 16px 20px;
}
.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap > .lecture_type {
font-size: 13px;
}
.basic_modal.edu_apply_discount .basic_modal_body > div.edu_lecture_wrap > .lecture_name {
font-size: 14px;
}
.edu_apply_discount_tb > tbody > tr > th,
.edu_apply_discount_tb > tbody > tr > td {
font-size: 14px;
}
.edu_apply_discount_tb > tbody > tr:last-of-type > th {
vertical-align: text-top;
padding-top: 8px;
}
.edu_apply_discount_tb > tbody > tr:last-of-type > td {
padding-top: 8px;
}
/***************************************교육신청 대기자 현황********************************************/
.psycl_test_wrap.edu_search .search_tb #searchValue {
margin-left: 0;
margin-top: 10px;
border: 1px solid #ddd;
background-color: #fff;
}
.edu_detail_cont_wrap > .edu_waitlist_detail {
width: 100%;
}
.edu_waitlist_state_wrap {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 20px;
}
.edu_waitlist_detail > .edu_state,
.edu_waitlist_detail > .edu_title_wrap > .workshop_name {
font-size: 14px;
}
.edu_waitlist_detail > .edu_cat,
.edu_waitlist_detail > .edu_title_wrap > .workshop_type {
font-size: 13px;
}
.edu_waitlist_detail > .edu_detail > span {
display: block;
font-size: 13px;
}
.edu_waitlist_detail > .edu_detail > span > a,
.edu_waitlist_detail > .edu_detail > span span {
font-size: 13px;
}
.edu_waitlist_detail > .edu_detail > span + span::before {
display: none;
}
.edu_waitlist_state_wrap > .waitlist_state,
.edu_waitlist_state_wrap > .waitlist_apply_btn {
margin-top: 0;
margin-left: 8px;
}
.edu_waitlist_state_wrap > .waitlist_title {
font-size: 12px;
}
.edu_waitlist_state_wrap > .waitlist_state {
font-size: 18px;
}
/********************** 단체신청 수료증 ****************************/
.psycl_test_wrap.edu_search .search_box_style .inputbox {
width: 100%;
}
.result_list_wrap.group_completion > ul > li {
padding: 20px 0;
margin-bottom: 0;
border-bottom: none;
}
.result_list_wrap.group_completion > ul > li > .edu_detail_cont_wrap {
width: 100%;
padding-left: 0;
}
.result_list_wrap.group_completion .edu_completion,
.result_list_wrap.group_completion .edu_completion_date,
.result_list_wrap.group_completion .edu_applicant_info {
font-size: 14px;
}
.group_completion .edu_cont_wrap > .edu_cont:nth-of-type(2) {
flex-wrap: wrap;
}
.group_completion .edu_cont_wrap > .edu_cont > .edu_lecturename {
margin-left: 0;
width: 100%;
}
/* 검사자 선택 모달 */
.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc {
margin-bottom: 16px;
flex-direction: column;
gap: 20px;
height:auto;
}
.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc.select_empty{
margin-bottom:20px;
}
.basic_modal.tester_select_modal .basic_modal_body .tester_wrap{
width:100%;
}
#tester_select{
padding:0 16px;
height:30vh;
}
.basic_modal.tester_select_modal .basic_modal_body .desc_list{
font-size:12px;
}
#no_tester{
padding:16px;
}
#no_tester .radio_label_wrap .tester_no_desc{
display: block;
margin-left:0;
}
#tester_select .add_tester_wrap{
top:50px;
right:20px;
}
.basic_modal.tester_select_modal .basic_modal_body .tester_select_desc .add_tester_wrap {
width: 100%;
position: static;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
/* 레벨 안내 툴팁*/
.level_info_icon > span.level_desc {
min-width:calc(100vw - 60px);
}
.level_info_icon > span.level_desc > span{
word-break:keep-all;
}
.level_info_icon > span.level_desc > span >a{
font-size:16px;
}
.level_info_icon > span.level_desc ul >li >span{
font-size:13px;
}
/* 광고성 회원정보 수신 모달 추가 */
.member_edit_marketing_agree .marketing_agree_group{
flex-wrap: wrap;
gap:16px;
}
.member_edit_marketing_agree .marketing_agree_group .member_chk_wrap{
width:100%;
}
/* 회원정보 수정 탭 구분 */
.new_mypage #memberModifyForm{
margin:0;
}
.new_mypage #memberModifyForm #edit_info,
.new_mypage #memberModifyMarketingForm #edit_maketing_agree{
padding:0 20px;
}
.edit_info_tab{
padding:0 20px;
margin-bottom: 20px;
}
.edit_info_tab .edit_tab{
gap:20px;
}
.edit_info_tab .edit_tab li{
padding-bottom: 14px;
}
.edit_info_tab .edit_tab li a{
font-size:14px;
font-weight: 500;
padding-bottom: 13px;
}
.edit_maketing_agree_content > div > .marketing_title{
font-size: 18px;
}
.edit_maketing_agree_content > div > table th{
width:50%;
}
.edit_maketing_agree_content > div > table td .member_input_wrap{
text-align: right;
}
.edit_maketing_agree_content{
margin:24px 0 40px;
}
/* 결제 완료 페이지 간소화 */
.btn_area_center.buy_step3{
padding:0 16px;
margin-bottom:50px;
}
.tester_select_modal .tooltip_text_wrap{
display: none;
}
.basic_modal.upgrade_alert_modal .basic_modal_content{
position: static;
width: 90%;
height: auto;
}
.basic_modal.upgrade_alert_modal .basic_modal_body{
min-width:auto;
}
.basic_modal.upgrade_alert_modal .basic_modal_footer{
position: static;
border: none;
}
.basic_modal.upgrade_alert_modal .basic_modal_body span{
font-size:20px;
font-weight: 300;
}
.org_upgrade_title{
font-size: 16px;
}
.org_upgrade_content{
flex-direction: column;
gap:72px;
padding:72px 0;
}
.org_upgrade_content > div{
width:100%;
}
.org_upgrade_content > div:first-of-type{
border-right: none;
}
.org_upgrade_box .box_title{
font-size:16px;
}
.org_upgrade_box .box_dsec{
font-size:14px;
}
}
@media all and (max-width: 400px) {
.contents_inner.new_mypage .login_box input {
width: 300px;
}
.contents_inner.new_mypage .btn_area_center a.prev_btn {
width: 100px;
}
.contents_inner.new_mypage .btn_area_center a.confirm_btn {
width: 190px;
}
.rememver_id {
padding: 0;
}
/*기관로고*/
.logo_filebox {
width: 68%;
}
.logo_filebox input[type="text"] {
width: 74%;
}
.logo_filebox .file_hidden {
width: 74%;
}
.logo_filebox .btn_upload {
right: 30%;
}
.logo_size {
left: 70%;
}
}