#pcver { display:flex; width:100%; }
#pcver .pcver_menu { width:260px; flex-shrink:0; }
#pcver .pcver_con { flex-grow:1; }

.pcver_menu h1 { padding:10px 0 20px 20px; }
.pcver_menu h1 img {  }

.pcver_menu .btn_go_home { padding:20px; margin-top:200px; position:absolute; bottom:0px; background:#fff; }
.pcver_menu .btn_go_home a { padding:10px; background:#eee; display:block; text-align:center; border-radius:5px; font-size:15px; 
display:flex; align-items:center; justify-content:center; color:#555; width:220px; }
.pcver_menu .btn_go_home a:hover { background:#eeedfd;  }
.pcver_menu .btn_go_home a img { width:15px; margin-right:10px; }

.pcver_menu_ul { width:90%; margin:0 auto; }
.pcver_menu_ul > li { width: 100%;   margin: 0px auto;  }
.pcver_menu_ul > li  a { color:#888; }
.pcver_menu_ul > li.left_menu_title { margin:30px 0 5px; color:#aaa; font-size:14px; }
.pcver_menu_ul > li.left_menu_title:hover { background:none; }
/*
.pcver_menu_ul > li:active { background:#796df0; }
*/
.pcver_menu_ul li .link { cursor: pointer;  display: block; 
font-size: 16px; position: relative;  
height:40px; line-height:40px; padding:0 15px; 
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; color:#888; }


.pcver_menu_ul li:hover .link { background:#eee; border-radius:10px; }


.pcver_menu_ul li .link a { display:flex; align-items:center; }

.pcver_menu_ul li .link img { width:20px; margin-right:10px; opacity:.8; }

.pcver_menu_ul li .link i:first-child { margin-right:10px; }
.pcver_menu_ul li .link i.fa-chevron-down { position:absolute; right:10px; top:15px; color:#999; font-size:10px; }

.pcver_menu_ul li li:last-child .link { border-bottom: 0; }
.pcver_menu_ul li li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  
color: #aaa;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.pcver_menu_ul li li i.fa-chevron-down {  right: 12px;  left: auto;  font-size: 16px;}
.pcver_menu_ul li li.open .link { color: #333; }
.pcver_menu_ul li li.open i { color: #aaa; }
.pcver_menu_ul li li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}
.pcver_menu_ul li.left_menu_title { padding:0 15px; }


.pcver_menu_ul .submenu {  display: none;  background: #fff; padding:10px 0; }
.pcver_menu_ul .submenu li { }
.pcver_menu_ul .submenu a { font-size:15px; display: block;  text-decoration: none;  padding: 5px 12px 5px 45px; 
 -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.pcver_menu_ul .submenu a:hover {  color: #222;}


.top_area_2 { display:none !important; }




#my_office_layout { display:flex; width:100%; margin:0 auto;  position:relative; justify-content:center; min-height:90vh; 
background:#f5f5f5; }
#my_office_layout .my_office_layout_left { display:none; min-width:100%; }
#my_office_layout .homepage_layout_left { display:none; min-width:100%; }
#my_office_layout .my_office_layout_contents { flex-grow:1;   margin:30px; }
.my_office_layout_sub { width:300px; }


#my_office_layout {  margin:0 auto;  position:relative; height:100%; }
#my_office_layout .my_office_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:absolute; top:-55px; left:0px;  z-index:99999;  }

#my_office_layout .homepage_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:absolute; top:0; left:0px;  z-index:99999; }

#my_office_layout .opacity_black { width:100%; min-height:100%; display:none; background:rgba(0,0,0,0.5); }




#contents { width:100%; display:flex; }
.contents_body { flex-grow:1; }
.contents_inner { min-height:70vh;}

/*
.contents_body { flex-grow:1; background:#eee; padding:30px 40px; }
.contents_inner { background:#fff; border-radius:20px; padding:10px;  min-height:70vh;}
*/

.sub_layout_left { background:#4a94c8; width:270px; min-width:270px; }
.sub_left_menu { padding:30px 0 0 0px; color:#fff; }
.sub_left_menu h2 { font-size:20px; font-weight:400; padding-left:70px; margin-bottom:20px; }
.sub_left_menu a { color:#fff; font-size:16px; display:block; padding:10px 0 10px 70px; }
.sub_left_menu a:hover ,
.sub_left_menu a.selected { background:#193b56; }


.btn_close_wing { display:none; }
.folding_menu_btn { display:none; }

.btn_close_wing_2 {flex-grow:1; min-height:100%;}


.top_area_2 { width:100%; display:flex; justify-content:space-between; align-items:center; 
background:#fff; padding:10px 70px; height:80px; }
.top_logo { max-width:300px; margin-right:30px; }
.top_logo img { padding:5px 0; }
.status_myoffice { display:inline-block; background:#000; color:#fff; border-radius:5px; 
height:15px; padding:0 3px; line-height:14px; margin-left:10px; font-size:10px; }
.top_main_menu { position:relative; flex-grow:1; }
.main_menu_list { display:flex; max-width:800px; justify-content:space-between; margin:0 auto; }
.main_menu_list li { position:relative; white-space:nowrap; }
.main_menu_list li .over_submenu { position:absolute; top:45px; left:50%; display:none; 
background:#fff; box-shadow: 5px 5px 5px #ddd; padding:10px; width:150px; margin-left:-75px;  border-radius:10px; }
.over_submenu li a { display:block; font-size:16px; white-space:nowrap; text-align:center; color:#666; 
padding:5px 0; }

.main_menu_list li:hover .over_submenu { display:block; }
.main_menu_list > li > a { display:block; font-size:18px; color:#444; padding:10px 10px; text-align:center; }



.my_office_top { background:#fff; width:100%;  position:relative; margin:0px auto; box-shadow: 2px 2px 7px 7px #eee;
border-radius:10px; display:flex; align-items:center; justify-content:spacebetween; padding:0px 0;  }

.my_office_top .newsticker {position:relative;overflow:hidden;width:500px;height:40px;text-align:left; margin:10px 0 10px 0px; }
.my_office_top .newsticker ul {padding:0px;margin:0px; }
.my_office_top .newsticker ul li {width:100%;padding:0;font-size:16px;height:40px;line-height:40px;overflow:hidden;
text-overflow: ellipsis;white-space: nowrap;}
.my_office_top .newsticker ul li a {color:#222}

.my_office_top .notice_title { background:#7367f0; color:#fff; height:30px; width:30px; text-align:center; line-height:28px; 
border-radius:20px; font-size:15px; margin:0 20px; flex-shrink:0; }


.my_office_top .member_menu { text-align:right; }
.my_office_top .member_menu { padding:5px 20px; width:100%; text-align:right; }
.my_office_top .member_menu a  { color:#333;  padding:5px 10px; display:inline-block; font-size:14px; line-height:25px; }
.my_office_top .member_menu img { width:25px; margin-right:5px; opacity:.8; }
.my_office_top .member_menu span { margin:0 10px; font-weight:300; color:#aaa; font-size:12px;  }
.my_office_top .member_menu span strong { color:#333; font-weight:400; font-size:14px; margin-left:5px; }
.my_office_top .member_menu .user_admin a { background:#eee; border-radius:10px; height:25px; line-height:25px; padding:0 10px;
font-weight:400; }

.wing_menu { color:#333; padding:0px 0 20px 0; width:300px;position:relative; background:#fff; 
min-width:300px;overflow-y:auto !important; min-height:100%; }

.wm_title { background:#193b56; height:90px; padding:15px; color:#fff; }
.wm_title h1 { font-size:20px; font-weight:400; display:flex; align-items:center; }
.wm_btn_logout { font-size:11px; color:#fff; background:rgba(0,0,0,.6); border-radius:5px; margin:3px 0 0 10px; 
height:16px; line-height:14px; padding:0px 4px; font-weight:100; display:inline-block; }



.menu_list .accordion {  width: 100%;   margin: 0px auto 20px; }

.menu_list .accordion .link { cursor: pointer;  display: block;  padding: 15px 15px 15px 20px; 
font-size: 14px;  border-bottom: 1px solid #ddd;  position: relative;  
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; }
.menu_list .accordion li img { width:25px; margin-right:10px;; }

.menu_list .accordion li:last-child .link { border-bottom: 0; }
.menu_list .accordion li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  
color: #aaa;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.menu_list .accordion li i.fa-chevron-down {  right: 20px;  left: auto;  font-size: 16px;}
.menu_list .accordion li.open .link { color: #333; }
.menu_list .accordion li.open i { color: #aaa; }
.menu_list .accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}

.menu_list .left_menu_title { display:none; }

.menu_list .submenu {  display: none;  background: #f5f5f5;  font-size: 14px;}
.menu_list .submenu li { border-bottom: 1px solid #eee; }
.menu_list .submenu a {  display: block;  text-decoration: none;  color: #555;  padding: 12px;  padding-left: 42px;  -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.menu_list .submenu a:hover {  background: #fff;  color: #333;}

.my_office_footer { padding:30px; font-weight:normal; font-weight:300; width:100%;   background:#f6f6f6; color:#666; }
.my_office_footer ul { margin:2px 0; text-align:right; }
.my_office_footer li { display:inline-block; border-left:1px solid rgba(255,255,255,0.2); line-height:14px; height:14px; margin:0px 0px; 
font-size:12px; padding:0 8px 0 10px;  color:#666; }
.my_office_footer li:first-child { border:0; margin-left:0; padding-left:0; }
.my_office_footer li.copyright { margin-top:10px;  }







.contents_body { background:#f5f5f5; padding:0px;}
.subpage_con { background:#fff; padding:20px; box-shadow: 2px 2px 7px 7px #eee;  border-radius:15px; margin-top:30px; 
min-height:80vh; }



.my_office_main { padding:20px 0px;  max-width:100%; width:100%; display:flex; flex-wrap:wrap; }
.mbs_01 { border-radius:10px;  width:100%;  margin:20px 0px;  background:#fff; font-size:14px; 
box-shadow: 2px 2px 7px 7px #eee; padding:30px 35px; }

.my_office_flex2 { display:flex; justify-content:space-between; width:100%; }
.my_office_flex2 > div:first-child { flex-grow:1; margin-right:40px; }
.my_office_flex2 > div:last-child { width:720px; flex-shrink:0; }

.link_copy { display:flex; justify-content:space-between; }
.link_copy #text3 { font-size:15px; text-decoration:underline; }
.link_copy .copy_btn { font-size:13px; border:0; background:#999; color:#fff; border-radius:5px; margin-left:10px; 
padding:2px 4px}
.link_copy > ul { display:flex; justify-content:space-between; }

.link_copy .sns_link { text-align:right; }
.link_copy .sns_link h2 { display:flex; align-items:center; justify-content:right; font-size:15px; font-weight:normal; } 
.link_copy .sns_link h2 img { width:18px; margin-right:5px; opacity:.8; }
.link_copy .sns_link ul { margin-top:10px; display:flex; align-items:center; }
.link_copy .sns_link ul li { margin-left:10px; background:#eee; border-radius:23px; height:46px; width:46px;
display:flex; justify-content:center; align-items:center; }
.link_copy .sns_link ul li img { border-radius:50%; }

.link_copy .sns_link ul li:nth-child(1) { background:#eeedfd; }
.link_copy .sns_link ul li:nth-child(2) { background:#e0f9fc; }
.link_copy .sns_link ul li:nth-child(3) { background:#fceaea; }
.link_copy .sns_link ul li:nth-child(4) { background:#e5f8ed; }
.link_copy .sns_link ul li:nth-child(5) { background:#f8f0e5; }


.mbs_01 h1 { font-size:18px; color:#333; font-weight:500; margin-bottom:20px; }
.mbs_notice {  display:flex; align-items:center; max-width:100%;  }
.notice_title { background:#FFC107; color:#fff; height:40px; width:40px; text-align:center; line-height:38px; 
border-radius:10px; font-size:18px; margin:0 20px; flex-shrink:0; }
.notice_article { padding:5px 0; flex-shrink:1; }
.notice_article li {  text-overflow: ellipsis; overflow:hidden; line-height:22px;  height:23px}
.notice_article a { font-size:16px; padding:0; margin:0; color:#777; ; }





.mbs_main_info { background:#fff; box-shadow: 2px 2px 7px 7px #eee; display:flex; align-items:center; }
.info_01 { border-right:1px solid #ddd; width:200px; text-align:center; color:#555; }
.info_01 strong { font-size:20px; display:block;  }
.info_01 span { }
.info_02 { padding:0 10px; }
.info_02 ul { display:flex;  }
.info_02 li { padding:0 0 0 20px; }
.info_02 li span { font-size:16px; margin-left:15px; color:#aaa; }
.info_02 li span:first-child { margin:0; }
.info_02 li strong { font-size:18px; font-weight:400; color:#555; }

.record_my_level { display:flex; }
.record_my_level > div { width:50%; }
.record_01 { display:flex; }
.record_01 img { background:#aaa; width:50px; padding:10px; border-radius:25px; margin:0 20px; }
.record_01_01 span {  }
.record_01_01 strong { display:block; font-size:18px; }
.record_graph { background:#ddd; width:100%; height:30px; border-radius:15px; overflow:hidden; margin-top:30px; }
.graph_fill { width:60%; height:100%; background:#fdab5d; color:#fff; text-align:center; line-height:29px; }


.record_table { overflow-x:auto; }
.table_s01 { width:100%;border-bottom:1px solid #ddd; }
.table_s01 th, .table_s01 td { padding:10px 15px; font-size:16px; text-align:right; background:#fff;
border-top:1px solid #ddd; border-left:1px solid #ddd; }
.table_s01 th:first-child, .table_s01 td:first-child { border-left:0; }
.table_s01 th { background:#eeedfd; color:#555;  font-weight:400; text-align:center; }
.table_s01 .point_td { background:#f5f5f5; margin:5px;text-align:center; }
.table_s01 .total_td { background:#dfddff; }
.mbs_table_h1 { display:flex; justify-content:space-between; }
.mbs_table_h1 span { font-size:12px; font-weight:normal; }




.m_top { display:none; border-bottom:1px solid #ddd; }









@media(max-width:1700px){
.mbs_main_info { background:#fff; box-shadow: 2px 2px 7px 7px #eee; display:flex; align-items:center;  }
.info_01 { border-right:1px solid #ddd; width:170px; text-align:center; color:#555; }
.info_02 { padding:0 0px; }
.info_02 ul { display:block;  }
.info_02 li span { margin:0; display:block; }
.info_02 li span:first-child { margin:0; }
}


@media(max-width:1600px){
.link_copy { flex-wrap:wrap; }
.link_copy > div { width:100%; }
.link_copy .sns_link h2 {  justify-content:left; margin:10px 0 5px; } 
.link_copy .sns_link ul { padding:0; margin:0; }
.link_copy .sns_link ul li:first-child { margin-left:0; }
.my_office_flex2 > div:first-child { width:100%; }
.my_office_flex2 > div:last-child { width:400px; flex-shrink:1; max-width:100%;  }
.mbs_main_info { display:block; }
.info_01 { border-right:0; width:100%; background:#f5f5f5; border-radius:5px; padding:20px 0;  }
.info_02 { padding-top:20px; }
.info_02 li { display:flex; align-items:center; justify-content:space-between; }
.info_02 li span { width:49%; }
.info_02 li span:first-child { text-align:right; }

}





@media(max-width:1000px){

.my_office_flex2 { display:flex; flex-wrap:wrap; }
.my_office_flex2 > div:first-child { width:100%; margin:10px;}
.my_office_flex2 > div:last-child { width:100%; max-width:100%;  }


.my_office_flex2 > div:first-child { margin:10px; }

.m_top { display:block; padding-left:50px; background:#fff; height:55px; }
.m_top h1 img { max-height:50px; }
#pcver .pcver_menu { display:none; }
.top_main_menu { display:none; }
.my_office_top { display:none; }
.top_area_2 { padding:6px 55px; height:70px; border-bottom:1px solid #eee; }

.contents_body { background:#fff; padding:0px;}
.subpage_con { background:#fff; padding:0px; box-shadow:none;  border-radius:0px; margin-top:0px; }




.my_office_main { padding:10px; }
.mbs_01 {  margin:10px 10px; padding:20px; }
.notice_title {  margin:0 10px 0 0px; }
.record_01 img { margin:0 10px 0 0; width:45px;  }
.record_graph { margin-top:20px }

.table_s01 th, .table_s01 td { padding:8px 5px; font-size:12px; text-align:right; background:#f5f5f5; white-space:nowrap; }
.table_s01 th { background:#527f97; color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td { background:#e3f3fb; margin:5px;text-align:center; }
.table_s01 .total_td { background:#193b56; }
.mbs_table_h1 { display:flex; justify-content:space-between; }
.mbs_table_h1 span { font-size:12px; font-weight:normal; }



.my_office_footer { padding:10px 10px 15px 10px;}
.my_office_footer li { border-left:0; line-height:11px; height:11px; font-size:10px; padding:0; }

.sub_layout_left { display:none; }


#my_office_layout .opacity_black { display:flex; }

#contents { width:100%;  }

#my_office_layout .my_office_layout_contents {  margin:0px; }


.btn_close_wing { display:block; position:absolute; top:20px; right:20px; }
.btn_close_wing span { color:#fff; font-size:30px; font-weight:500; display:block; cursor:pointer; }
.folding_menu_btn { z-index:2; display:flex; align-items:center; position:absolute; top:5px; left:5px;
width:45px; height:45px; /*background:rgba(0,0,0,.6); */ background:#fff; }
.folding_menu_btn ul { width:25px; margin:0 auto; }
.folding_menu_btn ul li { height:2px; width:25px; background:#aaa; margin-top:6px; }
.folding_menu_btn ul li:first-child { margin:0; }


.my_office_main .today_new ul { padding:10px 10px; display:flex; flex-wrap:wrap;  justify-content:space-between; }
.my_office_main .today_new li {  width:49%;  font-size:15px; display:inline-block; display:flex; justify-content:space-between; padding:10px 10px 10px 10px; border-bottom:1px solid #eee; }





.menu_list .btn_go_home { padding:20px; margin-top:20px;  background:#fff; }
.menu_list .btn_go_home a { padding:10px; background:#eee; display:block; text-align:center; 
border-radius:5px; font-size:15px; 
display:flex; align-items:center; justify-content:center; color:#555; width:100%; }
.menu_list .btn_go_home a:hover { background:#eeedfd;  }
.menu_list .btn_go_home a img { width:15px; margin-right:10px; }


}




@media(max-width:800px){
.lay_pop { left:5% !important; top:10px !important; max-width:90% !important; }
}