102 lines
8.0 KiB
CSS
102 lines
8.0 KiB
CSS
/* 분쟁조정 신청 */
|
|
.apl_info_content .depth02.orange_border{margin:40px 0 0 0;}
|
|
.apl_info_content .checkbox_wrap{display:flex;margin:15px 0 0 0;}
|
|
.apl_info_content .checkbox_wrap .checkbox{width:18px;height:18px;margin:3px 8px 0 0;}
|
|
.apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;}
|
|
|
|
.apl03_info_content .process_step_wrap.step5{margin:0 0 40px 0;gap:40px;}
|
|
.apl03_info_content .process_step_wrap.step5 li{position:relative;min-height:75px;}
|
|
.apl03_info_content .process_step_wrap.step5 li::after{left:calc(100% + 9px);}
|
|
.apl03_info_content .process_step_wrap.step5 span{white-space:nowrap;}
|
|
.apl03_info_content .process_step_wrap.step5 i{position:absolute;width:45px;height:75px;right:9px;background-repeat:no-repeat;}
|
|
.apl03_info_content .process_step_wrap.step5 .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05.png) no-repeat center;}
|
|
|
|
.apl03_info_content .process_step_wrap.step5 .active .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01_active.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .active .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02_active.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .active .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03_active.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .active .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04_active.png) no-repeat center;}
|
|
.apl03_info_content .process_step_wrap.step5 .active .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05_active.png) no-repeat center;}
|
|
|
|
.apl_03_content .title.blue_border::after{top:7px;}
|
|
.apl_03_content+.btn_wrap{margin:20px 0 0 0;}
|
|
|
|
.apl03_info_content .table_top{margin:60px 0 0 0;}
|
|
.apl03_info_content .table_type_rows .gray_fill{margin:0 0 0 10px;}
|
|
.apl03_info_content .reason_add{margin:5px 0 0 0;}
|
|
.apl03_info_content .reason_add .select,.apl03_info_content .reason_list .select,.apl03_info_content .reason_add .select,.apl03_info_content td .select{width:45%;}
|
|
.apl03_info_content .reason_list{display:flex;margin:10px 0 5px 0;flex-wrap:wrap;gap:10px;}
|
|
.apl03_info_content .reason_list li{width:calc((100% - 25px)/2);}
|
|
.apl03_info_content .reason_list li .select{width:calc(100% - 30px);}
|
|
.apl03_info_content .reason_list li .btn_delect_reason:hover{box-shadow:none;}
|
|
.apl03_info_content .reason_list .btn_delect i{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;}
|
|
|
|
.apl03_info_content .table_top.title{border-bottom:1px solid #cacaca;padding:0 0 10px 0;}
|
|
.apl03_info_content .table_top.title .area_right{display:flex;gap:15px;align-items:center;}
|
|
.apl03_info_content .table_top.title .area_right .btn_35{padding:0 10px;}
|
|
.apl03_info_content .apl_list>li{margin:20px 0;}
|
|
.apl03_info_content .apl_list .apl_title{position:relative;}
|
|
.apl03_info_content .apl_list .btn_apl_slide{display:flex;width:100%;height:63px;padding:0 25px;font-size:1.9rem;font-weight:bold;color:#333;border-radius:0 0 5px 5px;background:#f8f9fa;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;align-items:center;justify-content:space-between;}
|
|
.apl03_info_content .apl_list .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#bebebe;}
|
|
.apl03_info_content .apl_list .btn_apl_slide i::after{position:absolute;content:"";width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0 0 2px 2px;left:9.95px;top:8px;transform:rotate(225deg);}
|
|
.apl03_info_content .apl_list .btn_delete_apl{position:absolute;left:100px;top:14px;padding:0 10px;}
|
|
.apl03_info_content .apl_list.rapl_list .btn_delete_apl{left:120px;}
|
|
.apl03_info_content .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;background:#d3e3ff;box-shadow:0 0 5px rgba(0,0,0,0.15);}
|
|
.apl03_info_content .apl_list .active .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#2e40ba;}
|
|
.apl03_info_content .apl_list .active .btn_apl_slide i::after{top:11px;transform:rotate(45deg);}
|
|
|
|
.apl03_info_content .apl_info_input{display:none;margin:18px 0 0 0;}
|
|
.apl03_info_content .apl_info_input table{border-top:1px solid #d8d8d8;}
|
|
.apl03_info_content .apl_info_input table td>.select{width:calc((100% - 535px));}
|
|
.apl03_info_content .apl_info_input .postcode_input{margin:5px 0;gap:10px;}
|
|
.apl03_info_content .apl_info_input .postcode_input label{font-size:1.5rem;color:#666;}
|
|
.apl03_info_content .apl_info_input .address_input{margin:5px 0;gap:7px;}
|
|
.apl03_info_content .apl_info_input .address_input li,.apl03_info_content .apl_info_input .address_input .input_text{width:100%;}
|
|
.apl03_info_content .apl_info_input .email_wrap{display:flex;gap:10px;align-items:center;}
|
|
.apl03_info_content .apl_info_input .email_wrap .select{width:150px;}
|
|
.apl03_info_content .apl_info_input .phone_wrap .select{width:80px;}
|
|
.apl03_info_content .apl_info_input .fax_wrap .input_text{width:calc((100% - 30px)/3);}
|
|
|
|
/* 분쟁조정 사건조회 */
|
|
.inquiry_content .box.gray_fill{padding:50px 20px;}
|
|
.inquiry_content .input_box.column{width:500px;justify-content:center;margin:0 auto;}
|
|
.inquiry_content .input_box.column li{display:flex;width:100%;height:50px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;align-items:center;flex-wrap:wrap;}
|
|
.inquiry_content .input_box.column li:last-child{background:transparent;border:0;}
|
|
.inquiry_content .input_box.column p{position:relative;width:110px;padding:0 20px;margin:0 20px 0 0;}
|
|
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
|
|
.inquiry_content .input_box.column .input_text{width:calc(100% - 140px);border:0;}
|
|
.inquiry_content .input_box.column .btn_50{margin:10px 0 0 0;}
|
|
.inquiry_content .gray_border.gray_fill{padding:30px;}
|
|
|
|
/* ==================== 테블릿 ==================== */
|
|
@media screen and (max-width: 1199px){
|
|
.apl_01_content .box.gray_border .btn_wrap{flex-wrap:wrap;gap:26px;}
|
|
.apl_01_content .box.gray_border .btn_wrap .skyblue_fill{width:100%;}
|
|
|
|
.apl_01_content .btn_wrap.right{justify-content:center;}
|
|
.apl_01_content .btn_wrap.right .orange_fill{width:300px;}
|
|
|
|
/* 분쟁조정 사건조회 */
|
|
.inquiry_content .box.gray_fill{padding:100px 50px;}
|
|
.inquiry_content .input_box.column{width:95%;}
|
|
.inquiry_content .input_box.column li{height:100px;border-radius:10px;}
|
|
.inquiry_content .input_box.column p{position:relative;width:240px;padding:0 40px;margin:0 40px 0 0;}
|
|
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:30px;background:#d8d8d8;right:0;top:10px;}
|
|
.inquiry_content .input_box.column .input_text{width:calc(100% - 300px);border:0;}
|
|
}
|
|
|
|
/* ==================== 모바일 ==================== */
|
|
@media screen and (max-width: 767px){
|
|
.apl_01_content .box.gray_border .btn_wrap{gap:13px;}
|
|
.apl_01_content .btn_wrap.right .orange_fill{width:150px;}
|
|
|
|
/* 분쟁조정 사건조회 */
|
|
.inquiry_content .box.gray_fill{padding:50px 25px;}
|
|
.inquiry_content .input_box.column li{height:50px;border-radius:5px;}
|
|
.inquiry_content .input_box.column p{position:relative;width:120px;padding:0 20px;margin:0 20px 0 0;}
|
|
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
|
|
.inquiry_content .input_box.column .input_text{width:calc(100% - 150px);border:0;}
|
|
} |