* div { max-width:100%; }
.pc_on { display:block; }
.m_on { display:none; }

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

.pcver_menu h1 { padding:20px 0 20px 20px; }
.pcver_menu h1 img { max-height:60px; max-width:220px; }

.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 100px; }
.pcver_menu_ul > li { width: 100%;   margin: 0px auto;  }
.pcver_menu_ul > li  a { color:#aaa; }
.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 { border-radius:6px;  cursor: pointer;  display: block; 
font-size: 18px; position: relative;  
height:45px; line-height:45px; padding:0px 5px 0px 50px; 
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; color:#fff;}
.pcver_menu_ul li .link_a { padding-left:0; }
.pcver_menu_ul li .link:hover { background:#fff; color:#222; -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;  }
.pcver_menu_ul li .link a { display:flex; align-items:center;color:#fff;   padding-left:50px;  }
.pcver_menu_ul li .link_a a:hover {  color:#222 }
.pcver_menu_ul li .link span.material-symbols-outlined { position:absolute; left:12px; top:11px; }
.pcver_menu_ul li .link img { width:24px; margin-right:10px; margin-bottom:3px; }
.pcver_menu_ul li .link i.fa { color:#fff;display:none;  }
.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:#fff; 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: #fff;  -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: #fff; }
.pcver_menu_ul li li.open i { color: #fff; }
.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 .sub_view li { height:35px; line-height:35px; padding:0 15px; }
.pcver_menu_ul .sub_view li a { display:flex; align-items:center;color:#fff;  }
.pcver_menu_ul .sub_view li img { width:20px; margin-right:10px; }
.pcver_menu_ul .submenu {  display: none;   padding:3px 0 10px 0; }
.pcver_menu_ul .submenu li { }
/* .pcver_menu_ul .submenu li:hover { background:#333; } */
.pcver_menu_ul .submenu a { font-size:16px; display: block;  text-decoration: none;  padding: 0px 12px 1px 55px; 
 -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.pcver_menu_ul .submenu a:hover {  color: #fff; }

.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:none; }
#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 .my_office_layout_left { /* flex-shrink:0; */ width:300px; min-height:100%; 
position:absolute; top:0px; left:0px;  z-index:99999; }

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

#my_office_layout .opacity_black { width:100%; min-height:100%; height:100vh; 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; }





.my_office_top { background:#fff; width:100%;  position:relative; margin:0px auto; background:#333;
border-radius:10px; display:flex; align-items:center; justify-content:spacebetween; padding:0px 0;   height:60px;}

.my_office_top .newsticker {position:relative;overflow:hidden; flex-shrink:1; width:100%; max-width:800px;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:#fff}

.my_office_top .notice_title { background:#222; 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; white-space:nowrap; }
.my_office_top .member_menu a  { color:#fff;  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:#999; font-size:12px;  }
.my_office_top .member_menu span strong { color:#fff; font-weight:400; font-size:14px; margin-left:5px; }
.my_office_top .member_menu .user_admin a { background:#666; border-radius:10px; height:25px; line-height:25px; padding:0 10px;
font-weight:400; }

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

.wing_menu::-webkit-scrollbar { width:5px; height:2px; background-color:#eee; }
.wing_menu::-webkit-scrollbar-thumb { background-color:#aaa; }


.wm_title { background:#000; 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:#444; border-radius:5px; margin:3px 0 0 10px; 
height:16px; line-height:14px; padding:0px 4px; font-weight:100; display:inline-block; }


.menu_list { background:#222; height:100%; color:#fff;  }
.menu_list a { color:#fff;}
.menu_list .accordion { color:#fff; width: 100%;   margin: 0px auto 20px; padding-bottom:50px}
.menu_list .accordion .link { cursor: pointer;  display: block;   height:35px; line-height:35px; padding:0 15px 0 43px; position: relative;  
-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease; }
.menu_list .accordion .link span.material-symbols-outlined { position:absolute; left:15px; top:5px; }
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 100,
  'GRAD' 200,
  'opsz' 20
}
.menu_list .accordion li img { width:20px; margin-right:10px;}
.menu_list .accordion li i { display:none;  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 {  }
.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 { padding:15px 0 5px 10px ;color:#999 !important; }

.menu_list .sub_view li { height:35px; line-height:35px; padding:0 15px; }
.menu_list .sub_view li a { display:flex; align-items:center;color:#fff;  }
.menu_list .sub_view li img { width:20px; margin-right:10px; }

.menu_list .submenu {  font-size: 13px; padding:0 0 10px 0;}
.menu_list .submenu li { height:25px; line-height:25px; }
.menu_list .submenu a { display: block;  text-decoration: none;  color: #aaa;  padding:0 12px;  padding-left: 42px;  
-webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}


.my_office_footer { padding:30px; font-weight:normal; font-weight:300; width:100%; 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;  }


#box_div { width:93%; margin:0 auto; }




.contents_body { background:none; padding:0px;}
.subpage_con { background:#fff; padding:30px;  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; }



.main_box_menu { min-width:800px; border-radius:10px;  width:100%; margin:0px 0px; font-size:14px; 
 background:#111;padding:15px; max-width:100%; }
.main_box_menu ul {  width:100%; margin:0 auto; display:flex; flex-wrap:wrap;  border-radius:10px; }
.main_box_menu li { width:25%; border-left:1px solid #333; border-bottom:1px solid #333;}
.main_box_menu li:nth-child(1),
.main_box_menu li:nth-child(5) { border-left:0; }
.main_box_menu li:nth-child(5),
.main_box_menu li:nth-child(6),
.main_box_menu li:nth-child(7),
.main_box_menu li:nth-child(8) { border-bottom:0; }
.main_box_menu li a { width:100%; color:#fff; display:block; padding:0px 30px 0px 0px; background-repeat:no-repeat; background-size:auto 45%; 
background-position:89% center; height:80px; line-height:80px; white-space:nowrap; text-align:center; font-size:19px }
.main_box_menu li:hover { background:#1b3d6c; }


.icon_chart { background-image:url('../image/blue_icon_chart.png'); }
.icon_member { background-image:url('../image/blue_icon_member.png') ; }
.icon_join { background-image:url('../image/blue_icon_join.png') ; }
.icon_memberlist { background-image:url('../image/blue_icon_memberlist.png') ; }
.icon_buy { background-image:url('../image/blue_icon_buy.png') ; }
.icon_wallet { background-image:url('../image/blue_icon_wallet.png') ; }
.icon_send { background-image:url('../image/blue_icon_send.png') ; }
.icon_point { background-image:url('../image/blue_icon_point.png') ; }
.icon_bonus { background-image:url('../image/blue_icon_bonus.png') ; }


.my_office_main .member_menu { padding:10px; position:relative; }
.my_office_main .member_menu ul { display:flex; width:95%; margin:0 auto; padding:10px 0 }
.my_office_main .member_menu li { white-space:nowrap; }
.my_office_main .member_menu .logout {  position:absolute; top:10px; right:10px; }
.my_office_main .member_menu { width:100%; }
.my_office_main .member_menu .logout a {  background:#222; color:#fff; font-size:13px; border:1px solid #333;
border-radius:5px; padding:2px 5px; }
.my_office_main .member_menu .logout img { width:15px; margin-right:5px; opacity:.8; }
.my_office_main .member_menu span.user_name { width:100%; display:block; font-size:24px; font-weight:400; color:#fff; }
.my_office_main .member_menu span { display:inline-block; font-weight:300; color:#999; font-size:16px; margin:5px 0 }
.my_office_main .member_menu span strong { color:#fff; font-weight:400; font-size:18px; margin-left:10px; }
.my_office_main .member_menu .rb10 { margin-right:30px; }
.my_office_main .member_menu .info { flex-grow:1; padding:20px 0; }
.my_office_main .member_menu .smile { display:none; flex-shrink:0; margin-right:20px; padding:10px }
.my_office_main .member_menu .smile img {  width:50px; border-radius:25px; margin:0 10px 0 0; }

.mbs_01 { border-radius:10px;  width:100%; margin:10px 0px; font-size:14px; 
background:#333; padding:20px 20px; max-width:100%; }
.mbs_01 h1 { font-size:18px; color:#fff; font-weight:500; margin-bottom:10px; }

.mbs_btn { padding-top:10px; }
.mbs_btn a { background:#1b3d6c; display:block; text-align:center; color:#fff; font-size:22px;
padding:10px 0 11px; border-radius:10px; }

.mbs_02 { border-radius:10px;  width:100%;  margin:0px 0px 0px;  background:#063f85; font-size:14px; background:#333;
color:#fff; padding:20px; max-width:100%;}
.mbs_02 ul { display:flex; justify-content:space-between; align-items:center; }
.mbs_02 ul li { font-size:22px; }
.mbs_02 ul li.mbs_02_num strong { font-size:24px; margin-right:5px; }
.mbs_02 h1  { margin-bottom:10px; }




.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 { }
.link_copy #text3 { font-size:15px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text3 span { display:block; margin:5px 10px 5px 0;color:#fff; }
.link_copy #text2 { font-size:18px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text2 span { display:block; margin:5px 10px 5px 0; color:#fff;}
.link_copy .copy_btn { font-size:14px; border:0; background:#1b3d6c; color:#fff; border-radius:5px; padding:5px 10px; cursor:pointer; }



.link_copy .sns_link {  margin-top:30px; }
.link_copy .sns_link h2 img { width:18px; margin-right:5px; opacity:.8; }
.link_copy .sns_link ul { display:block;display:flex; justify-content:left; align-items:center;  }
.link_copy .sns_link ul li { margin-right:10px; margin-top:10px;  border-radius:15px; height:30px; width:30px; }
.link_copy .sns_link ul li img { border-radius:50%; filter:grayscale(30%); }
.link_copy .sns_link ul li.kakaotalk { background:#f9e000; width:125px; }
.link_copy .sns_link ul li.kakaotalk a { display:block;  font-size:13px; font-weight:400; }
.link_copy .sns_link ul li.kakaotalk img { width:30px; }

.mbs_main_info { background:#fff; background:#333;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_table { overflow-x:auto; }
.table_s01 { width:100%;}
.table_s01 th, .table_s01 td { padding:10px 15px; font-size:16px; text-align:right; 
 border-left:1px solid #444; background:#333;  color:#fff; border-bottom:1px solid #444 }
.table_s01 th:first-child, .table_s01 td:first-child { border-left:0; }
.table_s01 th { background:#252525; color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td { background:#111; margin:5px;text-align:center; }
.table_s01 .total_td { background:#111; }
.mbs_table_h1 { display:flex; justify-content:space-between; }
.mbs_table_h1 span { font-size:12px; font-weight:normal; }








.btn_more { font-size:12px; background:url('../image/icon_right.png') no-repeat;  background-position: right 5px;  
padding-right:10px; background-size:4px auto; height:15px; line-height:15px; color:#fff; }


.main_flex { display:flex; width:100%; justify-content:space-between; margin-bottom:30px;  }
.main_flex > div {  width:50%; }
.main_flex > div:nth-child(1) { margin-right:30px; flex-grow:1;  }




.pchidden { display:none; }
.mhidden { display:block; }

.bottom_blank { height:50px; }


@media(max-width:1400px){

.m_top { display:block; padding-left:50px; background:#000; height:55px; display:flex; align-items:center; }
.m_top h1 img { height:35px; }
#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_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; position:fixed; }
#contents { width:100%;max-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:#000; }
.folding_menu_btn ul { width:25px; margin:0 auto; }
.folding_menu_btn ul li { height:2px; width:25px; background:#fff; 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; }

.my_office_main { padding:20px 40px; }

}





@media(max-width:1000px){

.pchidden { display:block; }
.mhidden { display:none; }

.main_flex { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between;margin:0px auto !important; }
.main_flex > div { max-width:100%; width:100%;  margin:10px auto !important; }

.main_box_menu { min-width:auto; border-radius:10px;  width:100%; margin:0px 0px; font-size:14px; 
 background:#111;padding:10px; max-width:100%; }
.main_box_menu ul { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; border-radius:10px; }
.main_box_menu li { width:50%; border-left:1px solid #333; border-bottom:1px solid #333; }
.main_box_menu li:nth-child(odd) { border-left:0;  border-bottom:1px solid #333; }
.main_box_menu li:nth-child(even) { border-left:1px solid #333;border-bottom:1px solid #333;  }
.main_box_menu li:nth-child(7),
.main_box_menu li:nth-child(8) { border-bottom:0; }
.main_box_menu li a { width:100%; color:#fff; display:block; padding:0px 30px 0px 0px; background-repeat:no-repeat; background-size:auto 60%; 
background-position:89% center; height:50px; line-height:50px; white-space:nowrap; text-align:center; font-size:16px }
.main_box_menu li:hover { background:#1b3d6c; }


.my_office_main .member_menu .info { flex-grow:1; padding:0px 0; }

.my_office_main .member_menu { display:block; }
.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:#000; height:55px; display:flex; align-items:center; }
.m_top h1 img { height:35px; }
#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, .mbs_02 {  margin:10px 10px; padding:20px; } 
 */
.notice_title {  margin:0 10px 0 0px; }
.record_01 img { margin:0 10px 0 0; width:45px;  }



.table_s01 th, .table_s01 td { padding:8px 5px; font-size:12px; text-align:right;white-space:nowrap; }
.table_s01 th {  color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td {  margin:5px;text-align:center; }
.table_s01 .total_td {  }
.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%;max-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:#000; }
.folding_menu_btn ul { width:25px; margin:0 auto; }
.folding_menu_btn ul li { height:2px; width:25px; background:#fff; 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; }




.pc_on { display:none; }
.m_on { display:block; }

.bottom_banner { position:fixed; bottom:0; width:100%; height:70px; background:#fff; border-top:1px solid #ddd; }
.bottom_banner ul { display:flex; }
.bottom_banner ul li { width:20%; }
.bottom_banner ul li a { display:block; color:#222; line-height:45px; padding:28px 0 0 0 ; font-size:12px; text-align:center; }
.bottom_banner ul li { background-size: 27px auto; background-repeat:no-repeat; background-position:center 12px; }
.bottom_banner ul li.m_btn_home { background-image:url('../image/m_icon_home.png'); }
.bottom_banner ul li.m_btn_chart { background-image:url('../image/m_icon_chart.png'); }
.bottom_banner ul li.m_btn_wallet { background-image:url('../image/m_icon_wallet.png'); }
.bottom_banner ul li.m_btn_money { background-image:url('../image/m_icon_money.png'); }
.bottom_banner ul li.m_btn_info { background-image:url('../image/m_icon_info.png'); }


.sub_page_menu { width:100%; overflow-x:scroll; max-width:100%; }
.sub_page_menu::-webkit-scrollbar { width:5px; height:2px; background-color:#eee; }
.sub_page_menu::-webkit-scrollbar-thumb { background-color:#aaa; }
.sub_page_menu ul { text-align:center;  width:98%; margin:0 auto; white-space:nowrap; }
.sub_page_menu li { display:inline-block;  margin:0 }
.sub_page_menu li a { display:block; padding: 5px 10px; }




.notice_article ul { padding:5px 0; flex-shrink:1; box-sizing:border-box; }
.notice_article li { line-height:22px; border-top:1px solid #eee; padding:10px 0; }
.notice_article li a { font-size:16px; padding:0; margin:0; color:#fff; }
.notice_article li span { display:block; width:100%; white-space:nowrap; display:block; text-overflow: ellipsis; overflow:hidden; }
.notice_article li .date1 { font-size:12px; color:#999; }

.link_copy #text2 { font-size:14px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text2 span { display:block; margin:5px 10px 5px 0; color:#fff;}
.link_copy .copy_btn { font-size:14px; border:0; background:#1b3d6c; color:#fff; border-radius:5px; padding:5px 10px; cursor:pointer; }

}




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




#google_translate_element {  width:130px; margin-right:10px; padding:0; box-sizing:border-box; }

@media(max-width:800px){
.my_office_top { display:block; position:absolute; top:15px; right:15px; background:none; padding:0; margin:0; width:110px;}
.my_office_top h3,
.my_office_top > div { display:none; }
#google_translate_element { position:absolute; top:0px; right:0px; z-index:99; margin-right:0; display:block; }
}