@charset "utf-8";

/* =========================================================
JY LOGISTICS - FORM UI RENEWAL
- PC 기준 최대폭 1500px
- 기존 HTML 구조/ID 유지
- 서브비주얼 CSS는 별도 추가 예정
========================================================= */

/* =========================================================
1. FORM COMMON
========================================================= */
#dp_form_pc_area{position:relative;width:100%;max-width:1500px;margin:0 auto;padding:70px 30px 100px;overflow:visible;box-sizing:border-box;color:#222;font-family:'Pretendard','Noto Sans KR',Arial,sans-serif;}
#dp_form_pc_area *{box-sizing:border-box;}
#dp_form_pc_area ul,#dp_form_pc_area ol{margin:0;padding:0;list-style:none;}
#dp_form_pc_area input,#dp_form_pc_area select,#dp_form_pc_area textarea,#dp_form_pc_area button{font-family:inherit;}

/* =========================================================
2. LIST TOP
========================================================= */
#dp_form_pc_list_top{width:100%;margin-bottom:18px;}
#dp_form_pc_list_top_search{position:relative;display:flex;align-items:center;min-height:42px;background:none;}
#dp_form_pc_list_top_search_none{position:relative;min-height:42px;line-height:42px;}
#dp_form_pc_list_top_total_record{display:block;color:#7b8490;font-size:14px;}
#dp_form_pc_list_top_total_record2{color:#0c6eb8;font-weight:700;}

/* =========================================================
3. LIST
========================================================= */
#dp_form_pc_list{width:100%;}
#dp_form_pc_list ul li{display:flex;align-items:center;width:100%;min-height:58px;height:auto;margin-bottom:8px;overflow:hidden;border:1px solid #e3e8ee;border-radius:8px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
#dp_form_pc_list ul li:hover{border-color:#b9d5e8;box-shadow:0 8px 24px rgba(15,52,78,.07);transform:translateY(-2px);}
#dp_form_pc_list ul li:last-child{margin-bottom:0;}
#dp_form_pc_list ul li.no_data{display:block;padding:70px 30px;text-align:center;color:#65717d;font-size:14px;font-weight:500;background:#fafbfd;border:1px solid #e3e8ee;}
#dp_form_pc_list ul li span.no{display:flex;align-items:center;justify-content:center;flex:0 0 90px;width:90px;min-height:58px;height:auto;margin-right:24px;color:#0c6eb8;background:#f4f9fc;font-family:Arial,sans-serif;font-size:15px;font-weight:700;}
#dp_form_pc_list ul li span.nick{display:inline-flex;align-items:center;min-width:0;min-height:58px;color:#1d2732;font-size:15px;font-weight:500;}
#dp_form_pc_list ul li span.reply{display:inline-flex;align-items:center;min-height:58px;}
#dp_form_pc_list ul li span.state{display:flex;align-items:center;justify-content:center;flex:0 0 140px;width:140px;min-height:58px;margin-left:auto;text-align:center;}
#dp_form_pc_list ul li span.state_1,#dp_form_pc_list ul li span.state_2,#dp_form_pc_list ul li span.state_3,#dp_form_pc_list ul li span.state_4{display:inline-flex;align-items:center;justify-content:center;width:100px;height:28px;margin:0;border-radius:30px;font-size:12px;font-weight:600;}
#dp_form_pc_list ul li span.state_1{color:#17739c;border:1px solid #b9deed;background:#eaf7fc;}
#dp_form_pc_list ul li span.state_2{color:#9f563c;border:1px solid #f0cabb;background:#fff1eb;}
#dp_form_pc_list ul li span.state_3{color:#655f86;border:1px solid #d3d0e5;background:#f2f0fa;}
#dp_form_pc_list ul li span.state_4{color:#6a7346;border:1px solid #dce2bf;background:#f5f8e8;}
#dp_form_pc_list ul li span.date{display:flex;align-items:center;justify-content:center;flex:0 0 120px;width:120px;min-height:58px;color:#89929c;font-family:Arial,sans-serif;font-size:12px;text-align:center;}
#dp_form_pc_list ul li span.admin_msg{color:#6c7680;font-weight:400;}
#dp_form_pc_list ul li input[type=checkbox]{vertical-align:middle;accent-color:#0c6eb8;}

/* =========================================================
4. LIST BOTTOM / SEARCH
========================================================= */
#dp_form_pc_list_bottom{clear:both;position:relative;width:100%;overflow:hidden;}
#dp_form_pc_list_bottom_paging{margin-top:30px;text-align:center;}
#dp_form_pc_list_bottom_all_check{float:left;margin-top:20px;}
#dp_form_pc_list_bottom_write{float:right;margin-top:20px;}
#dp_form_pc_list_bottom_search_form{clear:both;display:flex;align-items:center;width:100%;margin-top:28px;padding:16px;border:1px solid #e2e8ef;border-radius:10px;background:#f7f9fb;text-align:center;overflow:hidden;}
#dp_form_pc_list_bottom_search_keyword{float:none;flex:1;width:auto;height:44px;padding:0 16px;color:#333;border:1px solid #dce3ea;border-right:0;border-radius:6px 0 0 6px;background:#fff;font-size:14px;line-height:44px;outline:none;}
#dp_form_pc_list_bottom_search_keyword:focus{border-color:#0c8ec7;box-shadow:0 0 0 3px rgba(12,142,199,.08);}
#dp_form_pc_list_bottom_search_submit{float:none;flex:0 0 48px;width:48px;height:44px;border:0;border-radius:0 6px 6px 0;background:#0b83bf URL('../img/but_search1.jpg') center center no-repeat;cursor:pointer;}

/* =========================================================
5. WRITE FORM
========================================================= */
#dp_form_pc_write{width:100%;margin:0 auto;}
#dp_form_pc_write span.nessesary_info{display:block;margin:0 0 18px;color:#8a929a;font-size:13px;line-height:1.6;vertical-align:middle;}
#dp_form_pc_write span.nessesary_info > img{margin:0 5px;vertical-align:middle;}
#dp_form_pc_write span.calendar_area{position:relative;display:inline-block;width:0;height:0;margin:0;padding:0;vertical-align:top;}
#dp_form_pc_write p.explanation{margin:8px 0 0;color:#8b949e;font-size:12px;line-height:1.6;}

/* 폼 테이블 */
#dp_form_pc_write table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid #152f4f;background:#fff;}
#dp_form_pc_write table th{width:250px;padding:18px 22px;border-bottom:1px solid #e4e8ed;background:#f7f9fb;color:#1e2f40;font-size:14px;font-weight:700;line-height:1.5;text-align:left;vertical-align:middle;}
#dp_form_pc_write table td{padding:14px 20px;border-bottom:1px solid #e4e8ed;background:#fff;color:#444;font-size:14px;line-height:1.6;vertical-align:middle;}
#dp_form_pc_write table tr:last-child th,#dp_form_pc_write table tr:last-child td{border-bottom:1px solid #d9e0e7;}

/* 기본 INPUT */
#dp_form_pc_write input[type=text],#dp_form_pc_write input[type=password],#dp_form_pc_write input[type=email],#dp_form_pc_write input[type=number],#dp_form_pc_write select,#dp_form_pc_write textarea{max-width:100%;border:1px solid #d6dde4;border-radius:5px;background:#fff;color:#252c33;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}

#dp_form_pc_write input[type=text],#dp_form_pc_write input[type=password],#dp_form_pc_write input[type=email],#dp_form_pc_write input[type=number],#dp_form_pc_write select{height:46px;padding:0 15px;line-height:44px;}

/* 일반 입력창 */
#dp_form_pc_write table td > input[type=text]:not(.css_tel):not(.addr),#dp_form_pc_write table td > input[type=email],#dp_form_pc_write table td > input[type=password]{width:560px;max-width:100%;}

/* 전화번호 */
#dp_form_pc_write input.css_tel{float:none;width:150px;height:46px;}

/* 주소 */
#dp_form_pc_write input.addr{display:block;width:650px;max-width:100%;height:46px;margin-top:7px;}

/* 문의내용 */
#dp_form_pc_write textarea{width:800px;max-width:100%;height:280px;min-height:220px;padding:18px;line-height:1.7;resize:vertical;}

/* FOCUS */
#dp_form_pc_write input[type=text]:focus,#dp_form_pc_write input[type=password]:focus,#dp_form_pc_write input[type=email]:focus,#dp_form_pc_write input[type=number]:focus,#dp_form_pc_write select:focus,#dp_form_pc_write textarea:focus{border-color:#0c8ec7;background:#fff;box-shadow:0 0 0 3px rgba(12,142,199,.09);}

/* CHECK / RADIO */
#dp_form_pc_write input[type=checkbox],#dp_form_pc_write input[type=radio]{width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;accent-color:#0c8ec7;}
#dp_form_pc_write label{margin-right:14px;color:#45515d;font-size:14px;cursor:pointer;}

/* 달력 */
#dp_form_pc_write button.calendar_open,#dp_form_pc_write button.calendar_reset{width:40px;height:40px;border:1px solid #d6dde4;border-radius:5px;background-position:center;background-repeat:no-repeat;background-color:#fff;vertical-align:middle;cursor:pointer;}
#dp_form_pc_write button.calendar_open{background-image:url('../img/icon_change_date.png');}
#dp_form_pc_write button.calendar_reset{background-image:url('../img/icon_change_x.png');}

/* 약관 */
#dp_form_pc_write textarea[readonly]{width:100%;min-height:160px;background:#fafbfc;color:#606a74;}
#dp_form_pc_write .agree_area,#dp_form_pc_write .agreement_area,#dp_form_pc_write .terms_area{width:100%;margin-bottom:30px;}

/* 첨부파일 */
#dp_form_pc_write input[type=file]{width:560px;max-width:100%;min-height:50px;padding:7px 10px;border:1px solid #d6dde4;border-radius:5px;background:#fafbfc;color:#5c6670;font-size:13px;}
#dp_form_pc_write input[type=file]::file-selector-button{margin-right:10px;padding:8px 14px;border:0;border-radius:4px;background:#edf3f7;color:#32475a;font-weight:600;cursor:pointer;}

/* 버튼 */
#dp_form_pc_write div.bottom_area{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:35px 0 45px;text-align:center;}
#dp_form_pc_write div.bottom_area button,#dp_form_pc_write div.bottom_area input[type=submit],#dp_form_pc_write div.bottom_area input[type=button],#dp_form_pc_write div.bottom_area a{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:48px;padding:0 24px;border:1px solid #0b83bf;border-radius:5px;background:#0b83bf;color:#fff;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s ease;}
#dp_form_pc_write div.bottom_area button:hover,#dp_form_pc_write div.bottom_area input[type=submit]:hover,#dp_form_pc_write div.bottom_area input[type=button]:hover,#dp_form_pc_write div.bottom_area a:hover{border-color:#075f96;background:#075f96;transform:translateY(-2px);box-shadow:0 8px 18px rgba(7,95,150,.16);}
#dp_form_pc_write div.bottom_area button:nth-child(2),#dp_form_pc_write div.bottom_area input[type=button]:last-child,#dp_form_pc_write div.bottom_area a:last-child{border-color:#737b84;background:#737b84;}


/* =========================================================
6. MODIFY
========================================================= */
#dp_form_pc_mod{width:100%;}
#dp_form_pc_mod span.nessesary_info{display:block;margin-bottom:18px;color:#8a929a;font-size:13px;line-height:1.6;vertical-align:middle;}
#dp_form_pc_mod span.nessesary_info > img{margin:0 5px;}
#dp_form_pc_mod span.calendar_area{position:relative;display:inline-block;width:0;height:0;margin:0;padding:0;vertical-align:top;}
#dp_form_pc_mod p.explanation,#dp_form_pc_mod p.file_del_comment{color:#8b949e;font-size:12px;line-height:1.6;}
#dp_form_pc_mod p.file_del_comment{margin-bottom:6px;}
#dp_form_pc_mod input.css_tel{float:none;width:150px;}
#dp_form_pc_mod input.addr{margin-top:6px;}
#dp_form_pc_mod button.calendar_open,#dp_form_pc_mod button.calendar_reset{width:40px;height:40px;border:1px solid #d6dde4;border-radius:5px;background-position:center;background-repeat:no-repeat;background-color:#fff;vertical-align:middle;cursor:pointer;}
#dp_form_pc_mod button.calendar_open{background-image:URL('../img/icon_change_date.png');}
#dp_form_pc_mod button.calendar_reset{background-image:URL('../img/icon_change_x.png');}
#dp_form_pc_mod div.bottom_area{padding:40px 0;text-align:center;}

/* =========================================================
7. VIEW
========================================================= */
#dp_form_pc_view{width:100%;}
#dp_form_pc_view_no_member_pwd{padding:50px 30px;border:1px solid #e0e5ea;border-radius:8px;background:#f8fafb;text-align:center;color:#27323d;font-size:14px;font-weight:600;}
#dp_form_pc_view_no_member_pwd input[type=password]{width:220px;height:42px;padding:0 13px;border:1px solid #d6dde4;border-radius:5px;background:#fff;color:#0b83bf;font-size:14px;font-weight:600;vertical-align:middle;outline:none;}
#dp_form_pc_view_no_member_pwd input[type=password]:focus{border-color:#0c8ec7;box-shadow:0 0 0 3px rgba(12,142,199,.09);}
#dp_form_pc_view_no_member_pwd_bottom{margin-top:24px;text-align:right;}
#dp_form_pc_view_admin_func{margin-top:30px;}
#dp_form_pc_view_admin_func span.admin_mode_title{display:block;width:100%;height:auto;padding:14px 20px;border:1px solid #dce3ea;border-radius:6px 6px 0 0;background:#f7f9fb;color:#e85d22;font-size:14px;font-weight:700;line-height:1.5;}
#dp_form_pc_view_admin_func div.admin_mode_content{padding:20px;border:1px solid #dce3ea;border-top:0;border-radius:0 0 6px 6px;background:#fbfcfd;}
#dp_form_pc_view_table2{width:100%;border-collapse:collapse;}
#dp_form_pc_view_table2 th{width:100px;padding:14px;border-bottom:1px solid #e5e9ee;background:#f8fafb;color:#263544;text-align:center;font-weight:700;}
#dp_form_pc_view_table2 th.state{color:#e85d22;}
#dp_form_pc_view_table2 td{padding:14px;border-bottom:1px solid #e5e9ee;}
#dp_form_pc_view_table2 td.func{width:120px;text-align:center;}
#dp_form_pc_view_table2 td p{margin-bottom:6px;}
#dp_form_pc_view_table2 select{height:40px;padding:0 12px;margin-right:10px;border:1px solid #d6dde4;border-radius:5px;background:#fff;font-size:14px;outline:none;}
#dp_form_pc_view_table2 select:focus{border-color:#0c8ec7;}
#dp_form_pc_view_table2 textarea{width:100%;min-height:100px;padding:14px;border:1px solid #d6dde4;border-radius:5px;background:#fff;color:#333;font-size:14px;line-height:1.6;resize:vertical;outline:none;}
#dp_form_pc_view_table2 textarea:focus{min-height:220px;border-color:#0c8ec7;box-shadow:0 0 0 3px rgba(12,142,199,.09);}
#dp_form_pc_view_bottom{margin-top:30px;text-align:right;}

/* =========================================================
8. PRINT
========================================================= */
#dp_form_pc_print{width:100%;}
#dp_form_pc_print_table{width:100%;border-collapse:collapse;}
#dp_form_pc_print_table th{width:160px;padding:14px 18px;border:1px solid #e2e6eb;background:#f7f9fb;color:#263544;text-align:left;font-weight:700;}
#dp_form_pc_print_table td{padding:14px 18px;border:1px solid #e2e6eb;background:#fff;}
#dp_form_pc_print_table td.point{background:#fff4ee;}
#dp_form_pc_print_table select.default_nor{height:38px;padding:0 10px;border:1px solid #d9dfe5;border-radius:4px;background:#f7f8f9;}
#dp_form_pc_print_table textarea.default_nor{width:100%;min-height:100px;padding:12px;border:1px solid #dfe4e8;border-radius:4px;background:#f7f8f9;line-height:1.6;vertical-align:middle;}

/* =========================================================
9. DELETE
========================================================= */
#dp_form_pc_del{width:100%;}
#dp_form_pc_del_no_auth{padding:50px 30px;margin-bottom:20px;border:1px solid #e0e5ea;border-radius:8px;background:#f8fafb;text-align:center;color:#303a44;}
#dp_form_pc_del_buttom{margin:20px 0;padding-top:20px;border-top:1px solid #e3e8ed;text-align:right;}
#dp_form_pc_del #dp_form_pc_del_no_auth input.comment_input_pwd{height:42px;padding:0 15px;border:1px solid #d6dde4;border-radius:5px;background:#fff;outline:none;}

/* =========================================================
10. RESPONSIVE
========================================================= */
@media(max-width:1100px){
#dp_form_pc_area{padding:55px 24px 80px;}
#dp_form_pc_write table th{width:155px;padding:16px;}
#dp_form_pc_write table td{padding:13px 15px;}
}

@media(max-width:768px){
#dp_form_pc_area{padding:40px 18px 65px;}
#dp_form_pc_write table,#dp_form_pc_write table tbody,#dp_form_pc_write table tr,#dp_form_pc_write table th,#dp_form_pc_write table td{display:block;width:100%;}
#dp_form_pc_write table{border-top:2px solid #152f4f;}
#dp_form_pc_write table th{padding:13px 14px;border-bottom:0;background:#f7f9fb;}
#dp_form_pc_write table td{padding:12px 14px 18px;}
#dp_form_pc_write input[type=text],#dp_form_pc_write input[type=password],#dp_form_pc_write input[type=email],#dp_form_pc_write input[type=number],#dp_form_pc_write select,#dp_form_pc_write textarea,#dp_form_pc_write input.addr{width:100%;}
#dp_form_pc_write input.css_tel{width:30%;}
#dp_form_pc_write div.bottom_area{padding-top:28px;}
#dp_form_pc_list ul li{flex-wrap:wrap;padding-right:10px;}
#dp_form_pc_list ul li span.no{flex-basis:60px;width:60px;margin-right:12px;}
#dp_form_pc_list ul li span.state{flex-basis:100px;width:100px;}
#dp_form_pc_list ul li span.date{flex-basis:95px;width:95px;}
}

@media(max-width:480px){
#dp_form_pc_area{padding:32px 14px 55px;}
#dp_form_pc_write input.css_tel{width:29%;}
#dp_form_pc_write div.bottom_area{gap:7px;}
#dp_form_pc_write div.bottom_area button,#dp_form_pc_write div.bottom_area input[type=submit],#dp_form_pc_write div.bottom_area input[type=button],#dp_form_pc_write div.bottom_area a{flex:1;min-width:0;height:46px;padding:0 12px;}
#dp_form_pc_list_bottom_search_form{padding:10px;}
}