#mypage_pr_page { width:100%;  }
#mypage_pr_page .title { font-size:30px; text-align:center; padding:40px 0; color:#444; background:#f4f4f4;  }
.write_group { margin:40px 0; }
.write_group .write_group_title { display:flex; color:#444; font-size:18px; justify-content:space-between; margin-bottom:10px; }
.write_group .write_group_title h2 { font-size:20px; font-weight:normal; }
.write_group .write_group_title .use_select { line-height:20px; font-size:14px; }
.write_group .write_group_title .use_select .input_chk { margin:4px 0 0 5px; vertical-align:top; }
.write_group .write_group_title .use_select span { margin-left:3px; }
.write_area { height:470px; }

.btnarea { text-align:center; margin:0 0 50px 0; display:flex; justify-content:space-between; width:100% }
.btnarea .btn_save {  background:#eee; color:#222; border:1px solid #ccc; display:block; padding:7px 0 8px; width:200px; text-align:center;  font-size:18px; border-radius:5px; }
.btnarea .black {  background:#555; color:#fff; border:0; }
.btnarea .margin0auto { margin:30px auto 0; }


#sub22 * { box-sizing:border-box; color:#222; }
#sub22 { padding:20px;  max-width:100%; box-sizing:border-box; }
.registerForm { }
#sub22 .subjectLine { font-size:20px; margin-bottom:20px; }
#sub22 .registerList { font-size:14px; background:#f5f5f5; border-radius:10px; padding:20px 10px; }
#sub22 .registerList label { display:flex; align-items:center; }
#sub22 .registerList .label_title { display:block; min-width:60px; line-height:25px; text-align:center; }

#sub22 .registerList { display:flex; flex-wrap:wrap; }
#sub22 .registerList dd { flex-grow:1; padding:3px 0; }

#sub22 .registerList select,
#sub22 .registerList input,
#sub22 .registerList button{ border-radius:3px; }

#sub22 .registerList input[type="text"],
#sub22 .registerList select
{ font-size:14px; border:1px solid #aaa; background:#fff;  margin:3px; padding:0px 5px; height:25px; line-height:25px; }
#sub22 .registerList .in_date { width:100px; }
#sub22 .registerList .backBTN { background:#555; color:#fff; border:0; height:25px; padding:0 10px; }

#sub22_t { padding:20px; }
#sub22_t * { box-sizing:border-box; }
#sub22_t * { font-size:16px; }
#sub22_t { font-size:20px; margin-bottom:20px; }
#sub22_t .tableArea { padding:0px; }
#sub22_t .count { font-size:12px; color:#999; text-align:right; }
#sub22_t .tableList { width:100%; margin:10px auto; }

#sub22_t .tableList table { width:100%; padding:0px; margin-bottom:10px; }
#sub22_t .tableList th { padding:10px; text-align:center; background:#dfedf5; white-space:nowrap; font-weight:500; color:#222; }
#sub22_t .tableList td { padding:10px 15px; white-space:nowrap; border-top:3px solid #fff; text-align:center; background:#f9f9f9; 
max-width:600px; overflow:hidden; color:#333; }
#sub22_t .tableList tr:nth-child(even) td { background:#f1f1f1; }
#sub22_t .tableList .last_td { background:#dfedf5; padding:15px 15px; font-weight:500; }
#sub22_t .tableList .empty_td { background:#fff; padding:50px 0; text-align:center; }

#sub22_t .tableList .btn_detail { background:#555; color:#fff; border-radius:10px; padding:0 10px; display:inline-block; }
#sub22_t .click_popup { display:none; }
.click_popup_inner img { max-width:30px; }

.sjsp_paging { text-align:center; padding:20px 0; line-height:20px; height:20px; color:#aaa;  
display:flex; align-items:center; justify-content:center; }
.sjsp_paging .fot_pa { color:#333; padding:0 2px; }
.sjsp_paging a.fot_pa { color:#333; }

.page_select { border:1px solid #ddd; width:70px;height:30px; line-height:30px; background:#fff; }




.myoffice_box_cu { width:100%; padding:20px;background:#fff; }
.myoffice_box_cu .inner { width:100%; border:1px solid #ddd;  padding:10px 20px;border-radius:10px; }
.myoffice_box_cu h2 { font-size:14px; border-bottom:1px solid #ddd; padding:10px 0; }
.myoffice_box_cu .cu_url { font-size:13px;  }
.myoffice_box_cu .cu_btn { font-size:13px; background:#888; color:#fff; border:0; border-radius:5px; padding:2px 5px; }
.myoffice_box_cu .cu_flex { display:flex; justify-content:space-between; height:25px; margin:10px 0; }
.myoffice_box_cu .btn_kakao_cu { background:#f9e000 url('../images/icon_kakao.png') no-repeat; padding:2px 5px 2px 30px; font-size:13px; 
border-radius:5px; background-size:20px; background-position:5px 2px; }
.myoffice_box_cu .cu_sns { padding-bottom:5px; }
.border1 { border:1px solid #ddd; width:95%; margin:0 auto; }





@media(max-width:800px){
#sub22 { padding:10px; max-width:100%; width:100%; }
#sub22 .registerList .in_date { max-width:33% }
#sub22 .registerList label { width:100%; max-width:100%; }
#sub22 .registerList label * { font-size:12px; }
#sub22 .registerList label input { font-size:12px !important; }
#sub22 .registerList .label_title { min-width:20px; flex-shrink:0; }

#sub22 .registerList input[type="text"],
#sub22 .registerList select
{ font-size:12px !important; }

#sub22 .registerList .backBTN { flex-shrink:0; text-align:center; white-space:nowrap; padding:0 5px;  font-size:12px }
#sub22_t { padding:0;max-width:calc(100vw - 15px); }
#sub22_t * { font-size:12px; }
#sub22_t .tableArea { }
#sub22_t .tableList table { padding:0px; margin:10px;  }
#sub22_t .tableList { overflow-x:scroll; }
#sub22_t .tableList::-webkit-scrollbar { width:10px; height:10px; background-color:#f5f5f5; }
#sub22_t .tableList::-webkit-scrollbar-thumb { background-color:#ddd; }
}



@media(max-width:550px){
#sub22_t { position:relative; }
#sub22_t .click_popup { display:block; position:absolute; left:0px; top:60px; width:100%; padding-top:20px;
 z-index:999; }
.click_popup_inner { background:rgba(0,0,0,.7); padding:20px 0; color:#fff; text-align:center; width:80vw; margin:0 auto; 
line-height:30px; }

}









.paging_style { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  margin:30px 0 30px; }
.paging_style span,
.paging_style a,
.paging_style strong { display:inline-block; padding:0px 3px; font-size:14px; white-space:nowrap; margin:0 0px; line-height:25px; height:25px;  min-width:25px; font-family:'Arial' ; text-align:center; letter-spacing:-1px; }
.paging_style strong { color:#fff; background:#aaa; }
.paging_style span { color:#999; }
.paging_style a { color:#444; }
.paging_style a:hover { background:#eee; }
.paging_style .paging_first,
.paging_style .paging_end { margin:0; padding:0; opacity:0.6;  font-size:25px; line-height:25px; }
.paging_style .paging_prev,
.paging_style .paging_next { margin:0; padding:0; opacity:0.6;  font-size:25px; line-height:21px; }
.paging_style .paging_first:hover,
.paging_style .paging_prev:hover,
.paging_style .paging_next:hover,
.paging_style .paging_end:hover { opacity:1; color:#222;  background:none; }