/* popup */
.simple_resume.dim_pop{width: 100%;height: 100%;position: fixed;background: rgba(255,255,255,.97);z-index: 100;left: 0;top: 0;}
.simple_resume.dim_pop_alert_message{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.4);z-index: 100;left: 0;top: 0;}
.simple_resume.layer_pop {box-sizing: border-box;top: 50px;left: 50%;z-index: 100;font-family: 'Noto Sans KR';border-radius: 4px; }
.simple_resume.layer_pop.w645{width: 645px; margin-top:552px; margin-left:80px; padding-right: 10px;}

.simple_resume.pop_header{position: relative;padding: 10px 20px;background: #fff;border-radius: 5px 5px 0 0;}
.pop_tit{font-size: 14px;color: #fff;letter-spacing: -0.05em;}
.pop_tit::before{content: '';display: inline-block;width: 3px;height: 3px;background: #fff;margin-right: 7px;vertical-align: middle;}
.btn_popClose {display: block;position: absolute;top: 13.5px;right: 20px;width: 9px;height: 9px;background: url(../images/common/ico/ico_popClose.png)no-repeat;background-size: 9px;}
.pop_con{background: #fff;padding: 20px;border-radius: 0 0 5px 5px; box-shadow: #b0b0b0 5px 5px;}
.pop_table{width: 100%;}
.pop_table th, .pop_table td{padding: 15px 20px; vertical-align: middle; text-align: left;border: 1px solid #ddd;line-height: 1.2;}
.pop_table tr:first-child th, .pop_table tr:first-child td{border-top: 1px solid #888;}
.pop_table th{color: #333333;font-size: 14px;letter-spacing: -0.05em;background: #f9f9f9;}
.pop_table td{color: #777777;font-size: 14px;}
.pop_table td.disabled{background: #ededed;}
.im{color: #e5132e;}
.pop_table .sel{width: 100%;}
.pop_table_normal tr:first-child th, .pop_table_normal tr:first-child td{border-top: 1px solid #ddd;}
.pop_txt{color: #989898;font-size: 14px;letter-spacing: -0.05em;}

.pop_scrollArea{max-height: 600px;overflow-y: auto;}

.section_titArea{position: relative;margin-bottom: 10px;}
.section_titArea.section_titArea_top{padding-top: 13.5px;}
.section_tit{font-size: 15px;color: #333333;letter-spacing: -0.05em;padding-left: 7px;position: relative;}
.section_tit::before{content: "";display: inline-block;width: 3px;height: 3px;background: #e5132e;vertical-align: top;position: absolute;left: 0;top: 4px;}

.hire_con_head{display: flex;width: 100%;justify-content: space-between;align-items: center;}

.mb_10 {margin-bottom: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.ml_20 {margin-left: 20px !important;}
.w70 {width: 70px !important;}
.w110 {width: 110px !important;}
.w148 {width: 148px !important;}
.w200 {width: 200px !important;}
.w230 {width: 230px !important;}
.w258 {width: 258px !important;}
.w645 {width: 645px !important; }
.align_center{text-align: center !important;}

/* input */
.inp{display: inline-block;width: 100%;}
.inp input{width: 100%;height: 36px;line-height: 36px; border: 1px solid #ddd;font-size: 14px;padding: 0 10px;box-sizing: border-box;color: #1d1e1e;border-radius: 4px;}
.inp input::placeholder {color: #c9c9c9;}
.inp input:disabled{color: #ddd;background: #fff;}
.inp_sm label{display: inline-block;font-size: 14px;letter-spacing: -0.05em;color: #333;padding: 0 8px 0 10px;}
.inp_sm input{font-size: 14px;height: 24px;line-height: 24px;}
.inp_mm label{display: inline-block;font-size: 14px;letter-spacing: -0.05em;color: #333;padding: 0 8px 0 10px;}
.inp_mm input{font-size: 13px;height: 20px;line-height: 20px;}
.search_box{font-size: 0;padding-right: 20px;}
.search_box .inp_search{margin-right: 10px;vertical-align: top;width: 330px;}
.inp_search input{height: 30px;line-height: 30px;border-color: #777;background: url(../images/common/ico/ico_search_gray_11x12.png) no-repeat; background-position:calc(100% - 8px) center;padding: 0 25px 0 10px;}
.inp_search .btn_add{vertical-align: top;}
.search_box_sm{padding-right: 10px;}
.search_box_sm .inp_search{margin-right: 0;}
.search_box_sm .inp_search input{height: 24px;line-height: 24px;background: url(../images/common/ico/ico_search_gray_9x9.png) no-repeat;background-position: calc(100% - 8px) center;padding: 0 25px 0 10px;border-radius: 4px;border-color: #ddd;font-size: 14px;}
.inp_sm.inp_search input{height: 24px;line-height: 24px;background: url(../images/common/ico/ico_search_gray_9x9.png) no-repeat; background-position:calc(100% - 8px) center;padding: 0 25px 0 10px;border-color: #ddd;font-size: 14px;}

.blackBorder{border-color: #777 !important;}
.inp_wrap { display: flex; align-items: center; } 
.inp_wrap .inp { font-size: 0; } 
.inp_wrap .inp * { font-size: 14px; } 
.inp_wrap > * + * { margin-left: 10px; } 

.inp_desc{font-size: 14px;letter-spacing: -0.05em;color: #989898;}

/* rdo_term */
.rdo_term{font-size: 0;}
.rdo_term_item{display: inline-block;}
.rdo_term_item input{display: block;opacity: 0;height: 0; width: 0; margin: 0; padding: 0; position: fixed; top: 0;}
.rdo_term_item label{font-family: 'Noto Sans KR';font-size: 16px;color: #777777;width: 143px; height: 46px; display: inline-block; text-align: center;border: 1px solid #dddddd;border-left: 0;background: #fff;line-height: 40px;box-sizing: border-box;cursor: pointer;border-radius: 10px;}
.rdo_term_item:first-child label{border: 1px solid #dddddd;}
.rdo_term_item input:checked + label {border : 2px solid #e5132e; color: #e5132e; background-color: rgba(200, 0, 0, 0.1);}


/* data */
.inp_date_wrap{font-size: 0;}
.inp_date{width: 101px;color: #777777;font-size: 14px;border: 1px solid #dddddd;background-color: #fff;box-sizing: border-box;height: 24px;cursor: pointer;padding: 0 10px;vertical-align: middle;display: inline-block;position: relative;border-right: 0;border-radius: 4px 0 0 4px;}
.inp_date02 { width: 120px; color: #777777; font-size: 14px; border: 1px solid #dddddd; background-color: #fff; background: url("../images/common/ico/ico_date.png") no-repeat calc(100% - 8px) center/9px; box-sizing: border-box; height: 27px; cursor: pointer; padding: 0 16px 0 10px; vertical-align: middle; display: inline-block; } 
.inp_date_line{width: 5px;height: 1px;display: inline-block;background: #888888;vertical-align: middle;margin: 8px 10px;}
.inp_date_wrap .ui-datepicker-trigger{width: 24px;height: 24px;vertical-align: middle;box-sizing: border-box;border: 1px solid #ddd;border-left: 0;background: url(../images/common/ico/ico_date.png) no-repeat center;border-radius: 0 4px 4px 0;}
.inp_date_wrap-noborder .inp_date{width: 80px;border: 0;}
.inp_date_wrap-noborder .ui-datepicker-trigger{border: 0;}
.inp_time{width: 120px;color: #777;font-size: 14px;border: 1px solid #ddd;box-sizing: border-box;height: 24px;cursor: pointer;padding: 0 20px 0 10px;vertical-align: middle;display: inline-block;position: relative;background-color: #fff;background: #fff url(../images/common/ico/ico_time.png) no-repeat;background-position: calc(100% - 6px) center;border-radius: 4px;}
/*.date_time_wrap .inp_date{width: 83px;}*/
.date_time_wrap .inp_time{width: 100px;}
.date_time_wrap * + .inp_time {margin-left: 5px;}


/* select */
.sel{display: inline-block;background: #fff;width: 100%;}
.sel select{width: 100%; height: 36px;border: 1px solid #ddd; background: url(../images/common/ico/ico_selectArrow.png) no-repeat; background-size: 7px 4px; background-position: calc(100% - 10px) 50%; box-sizing: border-box; font-size: 14px; color: #333; letter-spacing: -0.025em; appearance: none; -webkit-appearance: none; -moz-appearance: none;padding: 0 10px;border-radius: 4px;} 
.sel select::-ms-expand {display: none;}
.sel select:disabled {opacity: 1; color: #ddd; cursor: auto;}
.sel_filter{width: 280px;}
.sel_filter select{height: 24px;font-size: 14px;border-radius: 4px;}
.sel_sm select{height: 24px;font-size: 14px;}
.sel_wrap { width: 100%; display: flex; } 
.sel_wrap > .sel + .sel { margin-left: 10px; } 


/* section */
.section{margin-bottom: 13.5px;box-sizing: border-box;}
.section_borderBot{border-bottom: 1px solid #ddd;}
.section_group{display: flex;}
.section_group_left{padding-right: 5px;}
.section_group_right{padding-left: 5px;}
.row{display: flex;}
.col1{width: 8.5%;}
.col2{width: 16.5%;}
.col3{width: 25%;}
.col4{width: 33.5%;}
.col5{width: 41.5%;}
.col6{width: 50%;}
.col7{width: 58.5%;}
.col8{width: 66.5%;}
.col9{width: 75%;}
.col10{width: 83.5%;}
.col11{width: 91.5%;}
.col12{width: 100%;}
.section_titArea{position: relative;margin-bottom: 10px;}
.section_titArea.section_titArea_top{padding-top: 13.5px;}
.section_tit{font-size: 15px;color: #333333;letter-spacing: -0.05em;padding-left: 7px;position: relative;}
.section_tit::before{content: "";display: inline-block;width: 3px;height: 3px;background: #e5132e;vertical-align: top;position: absolute;left: 0;top: 4px;}
.tool_tip {display: inline-block; width: 11px; height: 11px; background: url("../images/common/ico/ico_toolTip.png") no-repeat; vertical-align: top; margin-left: 5px; margin-top: 1px; cursor: pointer; position: relative; z-index: 30; overflow: hidden;}
.tool_tip_txt {width: 220px; line-height: 1.25; padding: 7px; border-radius: 3px; font-size: 14px; background: #555; color: #fff; position: absolute; left: 5px; top: 16px; transform: translateX(-50%);}
.tool_tip:hover { overflow: visible;}
.tool_tip_w { display: inline-block; width: 11px; height: 11px; background: url(../images/common/ico/ico_toolTip_w.png) no-repeat; vertical-align: top;margin-left: 5px;margin-top: 1px;cursor: pointer;} 
.btn_refresh{display: inline-block;width: 18px;height: 18px;background: url(../images/common/btn/btn_refresh.png) no-repeat;position: absolute;right: 0;top: -2px;}

/* 지원자관리 > 지원자 현황 > 지원서 직접 개별, 일괄등록, 사진 및 첨부파일 등록 */
.pop_scrollArea{max-height: 600px;overflow-y: auto;}
.upload_pic{display: flex;align-items: center;}
.upload_pic_img{width: 160px;height: 200px;box-sizing: border-box;border: 1px solid #ddd;margin-right: 35px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.upload_pic_info .page_info{padding: 0;}
.upload_pic_info .btn_group{padding: 0 6px;margin-top: 20px;}

.btn_pic_white{border:1px solid #bbbbbb;color: #bbbbbb;background: #fff;}
.btn_pic_black{border:1px solid #787878;color: #787878;background: #fff;}

/* btn */
.btn{display: inline-block;font-size: 14px;padding: 0 10px;letter-spacing: -0.06em;border-radius: 4px;line-height: 24px;box-sizing: border-box;}

.btn_sm{line-height: 22px;}
.btn_md{ line-height: 27px; font-size: 14px;border-radius: 4px;}
.btn_lg{padding: 5px 20px;font-size: 14px;border-radius: 4px;}
.btn_xl{font-size: 18px; padding: 17px 20px; border-radius: 5px; }
.btn_black{background: #1d1e1e;border: 1px solid #1d1e1e;color: #fff;}
.btn_white{border:1px solid #888888;background: #fff;color: #888888;}
.btn_group{font-size: 0;}
.btn_group .btn+.btn{margin-left: 8px;}
.btn.sm { padding: 0 10px !important; line-height: 15px; } 


/* file */
.filebox input[type="file"]{position: absolute;width: 0;height: 0;padding: 0;overflow:hidden;border: 0;}
.filebox label{display: inline-block;font-size: 14px;color: #888888;letter-spacing: -0.06em;padding: 7px 10px;border: 1px solid #bbbbbb;border-radius: 3px; background: #fff; cursor: pointer;}
.filebox label::before{content: "";display: inline-block;width: 11px;height: 9px;background: url(../images/common/ico/ico_file.png) no-repeat center;margin-right: 4px;}
.file_txt{display: inline-block;color: #999999;font-size: 14px;letter-spacing: -0.06em;margin-left: 8px;}

/* agree */

.agree_txt{display: inline-block;color: #777;font-size: 16px;letter-spacing: -0.06em;margin-left: 20px;}
.agree_link{display: inline-block;color: #777;font-size: 18px;letter-spacing: -0.06em;margin-left: auto;}

/* popupResume 내부의 .form-section에 대한 추가 스타일 */
.layer_pop.simple_resume .form-section {
    padding: 20px; /* 섹션 내부 패딩 */
    background-color: #fff;
}

/* 폼 행 간격 및 정렬 */
.layer_pop.simple_resume .form-row {
    display: flex;
    align-items: center; /* 세로 중앙 정렬 */
    margin-bottom: 20px; /* 각 행의 아래쪽 여백 */
    gap: 15px; /* input-float-container, 체크박스 등 간의 간격 */
    flex-wrap: wrap; /* 내용이 넘칠 경우 다음 줄로 넘어가도록 */
}

/* 마지막 폼 행의 하단 마진 조정 */
.layer_pop.simple_resume .form-row:last-of-type {
    margin-bottom: 0;
}

/* 플로팅 라벨 컨테이너 기본 스타일 */
.layer_pop.simple_resume .form-group-float {
    flex-grow: 1; /* 가용한 공간 채우기 */
    position: relative;
}

.layer_pop.simple_resume .input-float-container {
    position: relative;
    width: 100%;
}

/* 너비 지정된 플로팅 라벨 컨테이너 */
.layer_pop.simple_resume .input-float-container.w200 {
    width: 200px;
    flex-shrink: 0; /* 축소 방지 */
}
.layer_pop.simple_resume .input-float-container.w230 {
    width: 230px;
    flex-shrink: 0;
}
.layer_pop.simple_resume .input-float-container.w110 {
    width: 110px;
    flex-shrink: 0;
}

/* 입력 필드 기본 스타일 */
.layer_pop.simple_resume .input-float-container input[type="text"],
.layer_pop.simple_resume .input-float-container input[type="email"],
.layer_pop.simple_resume .input-float-container select {
    width: 100%;
    padding: 12px 12px 6px; /* 상단 패딩을 크게 주어 라벨이 위로 올라갈 공간 확보 */
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease-in-out;
    background-color: #fff;
    color: #333; /* 입력 텍스트 색상 명확히 지정 */
    /*text-indent: 50px;*/
    height: 48px;
}

/* select의 기본 화살표 제거 (커스텀 필요시) */
.layer_pop.simple_resume .input-float-container select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* select에 대한 추가 화살표 스타일 */
.layer_pop.simple_resume .input-float-container.sel::after {
    content: '▼'; /* 아래 화살표 */
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #888;
    pointer-events: none; /* 클릭 이벤트를 select로 전달 */
}


/* 입력 필드 포커스 시 스타일 */
.layer_pop.simple_resume .input-float-container input:focus,
.layer_pop.simple_resume .input-float-container select:focus {
    border-color: #1D1E1E; /* 포커스 시 테두리 색상 변경 */
}

/* 플로팅 라벨 기본 스타일 */
.layer_pop.simple_resume .input-float-container label {
    position: absolute;
    top: 50%; /* 초기 위치를 중앙으로 설정 */
    left: 12px;
    transform: translateY(-50%); /* 정확한 중앙 정렬 */
    color: #888;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    pointer-events: none; /* 라벨 클릭 시 input으로 이벤트 전달 */
    white-space: nowrap; /* 라벨 텍스트 줄바꿈 방지 */
    z-index: 1; /* 라벨이 텍스트 위로 오도록 z-index 설정 */
}

/* 입력 필드에 값이 있거나 포커스 시 라벨 스타일 (플로팅 효과) */
/* placeholder=" "를 사용했으므로 :placeholder-shown을 사용하여 작동합니다. */
.layer_pop.simple_resume .input-float-container input:focus:not([type="checkbox"]) + label,
.input-float-container input:not(:placeholder-shown):not(:focus):not([type="checkbox"]) + label, /* focus 되지 않았지만 값이 있을 때 */
.layer_pop.simple_resume .input-float-container select:focus + label,
.layer_pop.simple_resume .input-float-container select:not([value=""]) + label { /* select의 경우 value가 ""가 아니면 (선택되면) */
    top: 3px; /* 위로 이동 */
    font-size: 12px; /* 글씨 크기 작게 */
    color: #E30019; /* 색상 변경 */
    transform: translateY(0); /* 이동 효과를 위해 translateY 제거 */
    background-color: #fff; /* 라벨 아래 input 배경이 비치지 않도록 */
    padding: 0 4px; /* 라벨 배경 패딩 */
    left: 8px; /* 이동 후 약간 안쪽으로 */
    z-index: 2; /* 입력 텍스트보다 위에 보이도록 */
}

/* select 박스가 값이 선택되지 않은 상태일 때 (placeholder 역할을 하는 option 선택 시) */
.layer_pop.simple_resume .input-float-container select[value=""] + label {
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #888;
    background-color: transparent; /* 배경색 투명하게 */
    padding: 0;
    left: 12px;
    z-index: 1;
}


/* 필수 항목 표시 (*) */
.layer_pop.simple_resume .input-float-container label em,
.layer_pop.simple_resume .static-label em {
    color: #f00;
    font-style: normal; /* 기울임꼴 제거 */
    margin-right: 2px; /* *과 텍스트 사이 간격 */
}

/* 정적 라벨 (성별, 제출서류 등) */
.layer_pop.simple_resume .static-label {
    font-size: 16px;
    color: #333;
    min-width: 60px; /* 라벨이 짧은 경우에도 최소 너비 확보 */
    flex-shrink: 0; /* 라벨이 축소되지 않도록 */
    display: flex;
    align-items: center;
    height: 40px; /* input 높이에 맞춰서 */
    font-weight: 200;
}

/* 전화번호 체크박스 스타일 */
.layer_pop.simple_resume .custom-checkbox {
    display: flex;
    align-items: center;
    margin-left: 10px; /* 전화번호 필드와의 간격 */
}

.layer_pop.simple_resume .custom-checkbox input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
    flex-shrink: 0;
}

.layer_pop.simple_resume .custom-checkbox input[type="checkbox"]:checked {
    background-color: #E30019;
    border-color: #E30019;
}

.layer_pop.simple_resume .custom-checkbox input[type="checkbox"]:checked::before {
    content: '\2713';
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(111%, 111%);
}

.layer_pop.simple_resume .custom-checkbox label {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    left: 25px !important;
    display: contents;
}


/* 라디오 버튼 그룹 */
.layer_pop.simple_resume .form-row.radio-group-row {
    margin-top: 10px;
}

.layer_pop.simple_resume .custom-radio-group {
    display: flex;
    gap: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.layer_pop.simple_resume .radio-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.layer_pop.simple_resume .radio-item input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
    flex-shrink: 0;
}

.layer_pop.simple_resume .radio-item input[type="radio"]:checked {
    border-color: #E30019;
}

.layer_pop.simple_resume .radio-item input[type="radio"]:checked::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #E30019;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layer_pop.simple_resume .radio-item label {
    font-size: 15px;
    color: #333;
    cursor: pointer;
}

/* 기존 성별 라디오 버튼 그룹 (rdo_term) 스타일 재정의 */
.layer_pop.simple_resume .sex-group .rdo_term {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-grow: 1;
    height: 50px;
}

.layer_pop.simple_resume .sex-group .rdo_term_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.layer_pop.simple_resume .sex-group .rdo_term_item input[type="radio"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
}

.layer_pop.simple_resume .sex-group .rdo_term_item input[type="radio"]:checked {
    border-color: #E30019;
}

.layer_pop.simple_resume .sex-group .rdo_term_item input[type="radio"]:checked::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #E30019;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layer_pop.simple_resume .sex-group .rdo_term_item label {
    font-size: 15px;
    color: #333;
    cursor: pointer;
}


/* 생년월일 필드 (insta-birthday-wrap) - 기존 스타일 유지 및 플로팅 라벨 적용*/
.layer_pop.simple_resume .birthday-group .insta-birthday-wrap {
    position: relative;
    width: 100%;
}

.layer_pop.simple_resume .birthday-group .insta-birthday-input {
    width: 100%;
    padding: 18px 12px 6px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 15px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease-in-out;
    color: #333; /* 텍스트 색상 명확히 지정 */
    /*text-indent: 20px;*/
}

.layer_pop.simple_resume .birthday-group .insta-birthday-input:focus {
    border-color: #1D1E1E;
}

.layer_pop.simple_resume .birthday-group .insta-birthday-wrap label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #888;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.layer_pop.simple_resume .birthday-group .insta-birthday-input:focus:not([type="checkbox"]) + label,
.layer_pop.simple_resume .birthday-group .insta-birthday-input:not(:placeholder-shown):not(:focus):not([type="checkbox"]) + label {
    top: 8px;
    font-size: 12px;
    color: #c9c9c9;
    transform: translateY(0);
    background-color: #fff;
    padding: 0 4px;
    left: 8px;
    z-index: 2;
}

/* 제출서류 파일 선택 필드 (기존 스타일 유지) */
.layer_pop.simple_resume .file-upload-row {
    align-items: flex-start;
}

.layer_pop.simple_resume .filebox {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 40px;
    width: calc(100% - 70px);
    max-width: 280px;
    flex-grow: 1;
}

.layer_pop.simple_resume .filebox label {
    display: inline-block;
    padding: 8px 12px;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.layer_pop.simple_resume .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.layer_pop.simple_resume .filebox .file_txt {
    padding: 0 10px;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
}

/* 버튼 그룹 스타일 */
.layer_pop.simple_resume .btn_group {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    padding-bottom: 20px;
}

.layer_pop.simple_resume .btn {
    padding: 12px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.layer_pop.simple_resume .btn_black {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.layer_pop.simple_resume .btn_black:hover {
    background-color: #333;
}

.layer_pop.simple_resume .btn_white {
    background-color: #fff;
    color: #555;
    border: 1px solid #ccc;
}

.layer_pop.simple_resume .btn_white:hover {
    background-color: #f0f0f0;
}

/* 팝업 헤더 타이틀 및 서브타이틀 */
.layer_pop.simple_resume .pop_title.simple_resume {
    font-size: xxx-large;
    font-weight: 700;
    color: rgb(51, 61, 75);;
    text-align: left;
    margin-bottom: 10px;
    padding-top: 20px;
}

.layer_pop.simple_resume .pop_subtit.simple_resume {
    font-size: xx-large;
    color: rgb(78, 89, 104);
    text-align: left;
    margin-bottom: 20px;
}
/* Placeholder 텍스트 색상 변경 */
.layer_pop.simple_resume .input-float-container input::placeholder,
.layer_pop.simple_resume .input-float-container textarea::placeholder { /* textarea도 포함할 경우 */
    color: #c9c9c9; /* 원하는 색상 코드로 변경 */
    opacity: 1; /* 일부 브라우저에서 기본 opacity가 적용될 수 있으므로 1로 설정하여 완전한 색상을 만듭니다. */
}

/* Chrome, Edge, Safari */
.layer_pop.simple_resume .input-float-container input::-webkit-input-placeholder,
.layer_pop.simple_resume .input-float-container textarea::-webkit-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}

/* Firefox 19+ */
.layer_pop.simple_resume .input-float-container input::-moz-placeholder,
.layer_pop.simple_resume .input-float-container textarea::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}

/* Internet Explorer 10-11 */
.layer_pop.simple_resume .input-float-container input:-ms-input-placeholder,
.layer_pop.simple_resume .input-float-container textarea:-ms-input-placeholder {
    color: #c9c9c9;
    opacity: 1;
}