body { background:#999 !important; }
#my_office_layout {  max-width:1200px; margin:0 auto; } 

.body_overflowhidden { overflow-y:hidden; }

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

#pcver { display:flex; width:100%; }
#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-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; }
.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:100%; 
background:#eeeeee; }
#my_office_layout .my_office_layout_left { display:none; min-width:100%; height: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:0px; 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:80vh; padding-bottom:100px; }

/*
.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; cursor:pointer; }

.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; }
*/


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

.newsticker_flex .newsticker {position:relative;overflow:hidden; flex-shrink:1; width:100%; max-width:800px;height:40px;text-align:left; margin:10px 0 10px 0px; }
.newsticker_flex .newsticker ul {padding:0px;margin:0px; }
.newsticker_flex .newsticker ul li {width:100%;padding:0;font-size:16px;height:40px;line-height:40px;overflow:hidden;
text-overflow: ellipsis;white-space: nowrap;}
.newsticker_flex .newsticker ul li a {color:#222}
.newsticker_flex .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 { background:#fff; width:100%;  position:relative; margin:0px auto; box-shadow: 0px 0px 5px 5px #eaeaea;
border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:spacebetween; padding:7px 0; }


@media(max-width:700px){
.newsticker_flex .newsticker ul li a {color:#222;font-size:14px}
.newsticker_flex .notice_title { background:#7367f0; color:#fff; height:24px; width:24px; text-align:center; line-height:24px; 
border-radius:12px; font-size:13px; margin:0 10px 0 15px; flex-shrink:0; }
}


.my_office_top .member_menu { text-align:right; flex-grow:1; }
.my_office_top .member_menu { padding:5px 20px 5px 0; text-align:right; white-space:nowrap; }
.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; }

.link_aleo { padding:0 0 0 20px; }
.link_aleo a { display:flex; align-items:center; }
.link_aleo img { height:30px; margin-right:10px; }
.link_aleo span { white-space:nowrap; color:#555; font-size:16px; }


.link_aleo_m { background:#fff; width:100%;  position:relative; margin:10px auto 10px; box-shadow: 0px 0px 5px 5px #eaeaea;
border-radius:10px; padding:15px 0 15px 15px; display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; }

.link_aleo_m a { display:flex; align-items:center;  }
.link_aleo_m img { height:30px; margin-right:10px; }
.link_aleo_m span { white-space:nowrap; color:#ff0000; font-size:15px; letter-spacing:-0.5px; font-weight:bold; }


.member_menu_t1 { margin-top:5px; margin-right:10px;  }
.member_menu_t1 ul { display:flex; justify-content:right; flex-wrap:wrap; }
.member_menu_t1 .logout { flex-shrink:0; }
.member_menu_t1 .logout a {  background:#f5f5f5; color:#222; font-size:13px; border:1px solid #aaa; border-radius:5px; padding:2px 3px; }
.member_menu_t1 span { margin-right:10px; font-weight:300; color:#aaa; font-size:13px;  }
.member_menu_t1 span strong { color:#333; font-weight:400; font-size:14px; }
.member_menu_t1 .info { flex-grow:1; }


@media(max-width:700px){
.member_menu_t1 { width:100%; margin:10px auto 0; padding-right:10px; }
}


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

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



.wm_title { background:#193b56; height:90px; padding:15px; color:#fff; }
.wm_title h1 { font-size:22px; font-weight:400; display:flex; align-items:center; }
.wm_btn_logout { font-size:13px; color:#fff; background:rgba(0,0,0,.6); border-radius:5px; margin:3px 0 0 10px; 
height:19px; line-height:14px; padding:2px 6px; 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%; 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;  margin-bottom:60px; text-align:center; font-size:14px; width:100%; }





.contents_body { background:#eee; padding:0px;}
.subpage_con { background:#fff; padding:30px; box-shadow: 0px 0px 5px 5px #eaeaea;  border-radius:15px; margin-top:30px; 
min-height:calc(100vh - 200px);  }

.my_office_main { padding:20px 0px;  max-width:100%; width:100%; display:flex; flex-wrap:wrap; }

.main_box_menu { padding:10px 0 0px; width:100%; }


.yellowbox { border:3px solid #ff9900; padding-left: 10px; padding-right:10px; border-radius:7px; margin-top:10px; margin-bottom:10px;  }

.main_box_menu ul { flex-wrap:wrap; justify-content:space-between;  width:100%; margin:0 auto;}
.main_box_menu li { margin-right:0%;  width:calc(33.3333% - 8px); background:#fff; font-size:16px; 
box-shadow: 0px 0px 5px 5px #eaeaea; padding:5px; border-radius:10px;  margin-bottom:10px; }
/*
.main_box_menu li { margin-right:1%; width:48.5%; background:#fff; font-size:16px; 
box-shadow: 0px 0px 5px 5px #eaeaea; padding:5px; border-radius:10px;  margin-bottom:10px; }
*/
.main_box_menu li a { width:100%; display:block; padding:0px 0 0px 50px; background-repeat:no-repeat; background-size:30px; 
background-position:10px center  ; height:50px; line-height:50px; white-space:nowrap; }

.icon_chart { background-image:url('../image/blue_icon_point.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') ; }

@media(max-width:700px){
.main_box_menu ul { flex-wrap:wrap; }
.main_box_menu li {width:calc(50% - 8px); }
.main_box_menu li a { font-size:14px; height:40px; line-height:40px;  background-size:20px auto; padding-left:40px }
}


.main_flex { display:flex; width:100%; justify-content:space-between; }
.main_flex > div { max-width:49.5%; }
.main_flex > div.bgnavy { }
.main_flex > div.bgy { background:#fffaee; }




.my_office_main .member_menu { padding:15px 10px;  }
.my_office_main .member_menu ul { display:flex; align-items:center; width:95%; margin:0 auto; }
.my_office_main .member_menu li { white-space:nowrap; }
.my_office_main .member_menu .logout { flex-shrink:0; }
.my_office_main .member_menu { width:100%; }
.my_office_main .member_menu .logout a {  background:#f5f5f5; color:#222; font-size:13px; border:1px solid #aaa;
border-radius:5px; padding:2px 3px; }
.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:18px; font-weight:400; color:#222; }
.my_office_main .member_menu span { margin-right:10px; font-weight:300; color:#aaa; font-size:12px;  }
.my_office_main .member_menu span strong { color:#333; font-weight:400; font-size:14px; }
.my_office_main .member_menu .info { flex-grow:1; }
.my_office_main .member_menu .smile { flex-shrink:0; margin-right:10px; }
.my_office_main .member_menu .smile img { background:#aaa; width:40px; padding:5px; border-radius:25px; margin:0 10px 0 0; }

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

.mbs_01_s1 { display:flex; align-items:center; justify-content:space-around; border:2px solid #ff0000;  }
.mbs_01_s1 div { font-size:19px; color:#ff0000; font-weight:bold; }
.mbs_01_s1 div p { font-weight:bold; font-size:24px;  }

.mbs_title { font-size:18px; font-weight:bold; margin-top:15px; display:flex; justify-content:space-between; align-items:center; width:100%; flex-wrap:wrap; }
.mbs_title h4 { font-size:18px; font-weight:bold; white-space:nowrap; }
.mbs_title .mbs_t_sum { border-radius:7px; box-shadow: 0px 0px 5px 5px #eaeaea; color:#ff0000;  
box-shadow:inset 2px 2px 2px 0px rgba(203,157,18,.5),  7px 7px 20px 0px rgba(0,0,0,.1),  4px 4px 2px 0px rgba(203,157,18,.5);
outline: none;  background: rgb(255,220,83); padding:4px 10px; font-size:16px; white-space:nowrap; }

.f_green { color:#0d9a48; }

.mbs_title_green { color:#006600; }
.mbs_title_blue { color:#0070c0; }
.mbs_btn { padding-top:10px; }
.mbs_btn a { background:rgba(0,0,0,0.5); display:block; text-align:center; color:#fff; font-size:17px;
padding:10px 0 11px; border-radius:10px; }

.mbs_02 { border-radius:10px;  width:100%;  margin:10px 0px;  background:#063f85; font-size:14px; 
box-shadow: 0px 0px 5px 5px #eaeaea; 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:18px; }
.mbs_02 ul li.mbs_02_num strong { font-size:24px; margin-right:5px; }

.mbs_inner { }
.mbs_inner ul { display:flex; justify-content:space-between; align-items:center;  border-top:1px solid #436998; padding:5px 0; }
.mbs_inner ul:first-child { border-top:2px solid #fff; margin-top:5px; padding-top:10px;}
.mbs_inner ul li { font-size:14px; }

.mbs_inner_type02 ul { display:flex; justify-content:space-between; align-items:center;  border-top:0px solid #ddd; padding:5px 0; }
.mbs_inner ul:first-child { border-top:2px solid #ddd; margin-top:5px; padding-top:10px; }
.mbs_inner ul li { font-size:14px; }
 

.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; flex-wrap:wrap; }
.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; }
.link_copy #text2 { font-size:15px;   display:flex;  flex-wrap:wrap; align-items:center; }
.link_copy #text2 span { display:block; margin:5px 10px 5px 0; }
.link_copy .copy_btn { font-size:13px; border:0; background:#999; color:#fff; border-radius:5px; padding:0px 4px; height:23px; cursor:pointer; }
.link_copy > ul { display:flex; justify-content:space-between; }


.link_copy .sns_link { text-align:right; margin-top:10px; }
.link_copy .sns_link h2 { display:none; /* 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 { display:flex; align-items:center; flex-wrap:wrap; }
.link_copy .sns_link ul li { margin-right:10px; margin-top:10px;  border-radius:15px; height:30px; width:30px;
display:flex; justify-content:center; align-items:center; }
.link_copy .sns_link ul li img { border-radius:50%; }
.link_copy .sns_link ul li.kakaotalk { background:#f9e000; width:100px; }
.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; box-shadow: 0px 0px 5px 5px #eaeaea; 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:5px 0 15px 0;  line-height:29px; }
.record_graph:last-child { margin-bottom:5px; }
.graph_fill { padding:0 5px; height:100%; background:#ffae00; color:#fff; text-align:center; }

.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:#063f85; color:#fff;  font-weight:400; text-align:center; }
.table_s01 .point_td { background:#f5f5f5; margin:5px;text-align:center; }
.table_s01 .total_td { background:#031f42; }
.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; }




.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; }




.mbs_01_state { padding:0px; width:100%; max-width:0; }
.mbs_01_state .a_title { display:flex; justify-content:space-between; padding:10px 20px; align-items:center;font-size:20px; text-align:center; }
.mbs_01_state .a_title img { max-width:35px; }
.mbs_01_state ul { display:flex; flex-wrap:wrap; border-top:1px solid #ddd;  border-left:1px solid #ddd; border-radius:10px; overflow:hidden; }
/* .mbs_01_state ul li { width:calc(100% / 3);border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 17px; text-align:center; letter-spacing:-.5px; } */
.mbs_01_state ul li { width:calc(100% / 2); border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 17px; text-align:center; letter-spacing:-.5px; }
/*
.mbs_01_state ul li:nth-child(7),
.mbs_01_state ul li:nth-child(8),
.mbs_01_state ul li:nth-child(9) { border-bottom:0; }
.mbs_01_state ul li:nth-child(3), 
.mbs_01_state ul li:nth-child(6),
.mbs_01_state ul li:nth-child(9) { border-right:0; }
*/

.mbs_01_state ul li span.tt { font-size:15px; }
.mbs_01_state ul li span.tt i { font-size:11px; font-style:normal; line-height:15px; height:15px; display:block; }
.mbs_01_state ul li span.ti { font-size:11px; color:#777; }
.mbs_01_state ul li p { font-size:20px; font-weight:bold; white-space:nowrap; }
.mbs_01_state ul li .f_green { color:#0d9a48; }
.mbs_01_state ul li .f_red { color:#ee4230; }
.mbs_01_state ul li .f_blue { color:#1e73cd; }
.mbs_01_state ul li strong { font-weight:normal; }


.mbs_01_s1 { border:0; border:0px;
box-shadow:inset 2px 2px 2px 0px rgba(203,157,18,.5),  7px 7px 20px 0px rgba(0,0,0,.1),  4px 4px 2px 0px rgba(203,157,18,.5);
outline: none;  background: rgb(255,204,5);  }


.greenbox { border:3px solid #0a8a41; background:#f2f8ee; }
.greenbox ul { border-top:1px solid #0a8a41;  border-left:1px solid #0a8a41; border-radius:7px; overflow:hidden;  }
.greenbox ul li { border-right:1px solid #0a8a41; border-bottom:1px solid #0a8a41;  }

.redbox { border:3px solid #ff0000; }
.redbox ul { border-top:1px solid #ff0000;  border-left:1px solid #ff0000; border-radius:7px; overflow:hidden;  }
.redbox ul li { border-right:1px solid #ff0000; border-bottom:1px solid #ff0000;  }

.redbox2  { border:3px solid #ff0000; padding-left: 10px; padding-right:10px; border-radius:7px; margin-top:10px; margin-bottom:10px;  }


.bluebox { border:3px solid #2e75b6; background:#e1ffff; }
.bluebox ul { border-top:1px solid #2e75b6;  border-left:1px solid #2e75b6; border-radius:7px; overflow:hidden;  }
.bluebox ul li { border-right:1px solid #2e75b6; border-bottom:1px solid #2e75b6;  }


@media(max-width:700px){
.mbs_01_state { width:100%;  min-width:0px; margin-left:0; }

/*
.mbs_01_state ul li { width:50%; }
.mbs_01_state ul li:nth-child(2),
.mbs_01_state ul li:nth-child(4),
.mbs_01_state ul li:nth-child(6) { border-right:0; border-bottom:1px solid #ddd; }
.mbs_01_state ul li:nth-child(3) { border-right:1px solid #ddd; }
.mbs_01_state ul li:nth-child(8) { border-right:0; border-bottom:0;}
*/

.mbs_01_state ul li span.tt { font-size:13px; }


}



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



@media(max-width:999999px){

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

.main_flex { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; }
.main_flex > div { max-width:100%; }
.main_flex > div { max-width:100%; }
.main_flex > div:nth-child(1),
.main_flex > div.bgnavy { width:100%; margin-right: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 { padding-left:15px; background:#fff; height:55px; display:flex; align-items:center; justify-content:center; }
.m_top h1 img { height:38px !important; }
#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; }

.m_top .select_lang {  position:absolute; top:15px; left:15px;  }
.m_top .select_lang img { height:24px; border:1px solid #ddd; }

.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; }

.menu_t_link { position:absolute; top:15px; right:55px; cursor:pointer; }
.menu_t_link img { width:25px; }

.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; flex-direction:row-reverse; height:100%; }

#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; right: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; }




.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; z-index:20 }
.bottom_banner ul { display:flex; max-width:700px; margin:0 auto; justify-content:center; }
.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'); }


.bottom_banner2 { position:fixed; bottom:0; width:100%; height:45px; background:#fff; border-top:1px solid #ddd; z-index:20 }
.bottom_banner2 > ul { display:flex; max-width:700px; margin:0 auto; justify-content:center; }
.bottom_banner2 > ul > li { width:25%; position:relative; }
.bottom_banner2 > ul > li  > a { display:block; color:#222; line-height:45px; padding:0px 0 0 0 ; font-size:12px; text-align:center; }

.bottom_banner2 .seller_menu > div { display:none; position:absolute; bottom:45px;  left:50%; background:#f1f1f1; border-radius:5px; border:1px solid #ccc; width:80px; margin-left:-40px;}
.bottom_banner2 .seller_menu > div ul { padding:5px }
.bottom_banner2 .seller_menu > div ul li a { display:block; padding:2px 5px; text-align:center; white-space:nowrap; font-size:12px; }
.bottom_banner2 .seller_menu:hover > div { display:block; }

.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: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:#555; }
.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; }


}




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



#google_translate_element { position:absolute; top:15px; right:95px; z-index:99; }

@media(max-width:700px){
#google_translate_element { position:absolute; top:60px; right:auto; left:10px; z-index:99; width:120px;  overflow:hidden;  }


}

@media(max-width:750px){
.m_top h1 img { height:28px; }
}


@media(max-width:450px){
.m_top h1 img { height:25px; }
}







.mnb_t9 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .mnb_t9 {
    flex-direction: column;
  }

  .mnb_t9 .mn_block ul li {
    width: calc(50% - 5px);
  }
}

.mnb_t9 .mn_cal {
  width: 20%;
  flex-shrink: 0;
  border: 1px solid #3777c5;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

.mnb_t9 .mn_block {
  width: 100%;
}

.mnb_t9 .mn_block ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.mnb_t9 .mn_block ul li {
  width: calc(33.333% - 4px);
  margin: 0 0 5px 5px;
  text-align: center;
  border: 1px solid #3777c5;
  background: #fff;
  border-radius: 5px;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
  box-sizing: border-box;
}

.mnb_t9 .mn_block ul li:nth-child(4n+1) {
  margin-left: 0;
}

.mnb_t9 .mn_block ul li strong {
  font-size: 13px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

.mnb_t9 .mn_block ul li p {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  margin: 5px 0 0 0;
  padding: 0;
  line-height: 1.4;
}




.sns_share_a { background:rgba(0,0,0,0.85); position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999999; padding:30px 0; display:flex; align-items:center; }
.sns_share_inner { background:#fff; border-radius:20px; padding:20px; width:90%; height:300px; position:relative ;
max-width:500px; margin:0px auto 0px; }
.sns_share_a .sns_share_close { position:absolute; top:15px; right:20px; cursor:pointer; font-size:20px;}
.sns_share_a .sns_share_inner > h2 { padding-bottom:10px; font-size:18px; margin-bottom:20px; border-bottom:1px solid #ddd; }
.body_fixed { overflow:hidden !important; height:100vh; }

.link_copy_a #text2 { font-size:14px; }
.link_copy_a #text2 span { display:block; margin:15px 10px 15px 0; font-size:13px;}
.link_copy_a .copy_btn { font-size:16px; border:0; background:#0057a9; color:#fff; border-radius:8px; height:40px; cursor:pointer; width:100%; display:block; margin-top:10px; }
.link_copy_a .sns_link { margin-top:40px; background:#f5f5f5; border:1px solid #f1f1f1; border-radius:8px; padding:12px; }
.link_copy_a .sns_link h2 { font-size:14px; display:flex; align-items:center; } 
.link_copy_a .sns_link h2 img { width:18px; margin-right:5px; opacity:.8; }
.link_copy_a .sns_link ul { display:flex; align-items:center; flex-wrap:wrap; }
.link_copy_a .sns_link ul li { margin-right:10px; margin-top:10px;  border-radius:15px; height:30px; width:30px;
display:flex; justify-content:center; align-items:center; }
.link_copy_a .sns_link ul li img { border-radius:50%; }
.link_copy_a .sns_link ul li.kakaotalk { background:#f9e000; width:90px; }
.link_copy_a .sns_link ul li.kakaotalk a { display:block;  font-size:13px; font-weight:400; }
.link_copy_a .sns_link ul li.kakaotalk img { width:30px; }



.mn_box { border-radius:10px; background:#fff; box-shadow: 0px 0px 5px 5px #eaeaea; margin:0px 0px 20px; width:100%; }
@media(max-width:800px){
}

.mnb_aleo { padding:0px 0px;  }
.mnb_aleo a { display:flex; align-items:center; }
.mnb_aleo a span { color:#555; font-size:14px; white-space:nowrap; }
.mnb_aleo .logo_aleo { width:41px; height:41px;  border-radius:20px; box-shadow:0px 3px 5px rgba(0,0,0,0.2); margin-right:12px; flex-shrink:0; padding:8px; }
.mnb_aleo .logo_aleo img { width:25px; height:25px; }

@media(max-width:800px){
.mnb_aleo { padding:0px 0px;  }
.mnb_aleo a { display:flex; align-items:center; }
.mnb_aleo a span { color:#555; font-size:14px; white-space:nowrap; }
.mnb_aleo .logo_aleo { width:41px; height:41px;  border-radius:20px; box-shadow:0px 3px 5px rgba(0,0,0,0.2); margin-right:12px; flex-shrink:0; padding:8px; }
.mnb_aleo .logo_aleo img { width:25px; height:25px; }

}




.index_b { display:flex; border-radius:10px; overflow:hidden; margin:10px auto;  width:100%; border:3px solid #ff0000; }
.index_b > div { margin-left:5px; width:calc(100% / 3) }
.index_b > div:first-child { margin-left:0px; }
.index_b > div a { position:relative;  width:100%; display:block; }
.index_b > div img { object-fit:cover; width:100%;  }

.index_b > div:nth-child(1) a span
{ display:block;  color:#fff; position:absolute; top:calc(50% - 20px); left:10%; width:80%; height:40px; line-height:40px; text-align:center; font-size:21px; font-weight:bold; 
white-space:nowrap; }


.index_b > div:nth-child(2) a span,
.index_b > div:nth-child(3) a span
{ display:block;  color:#fff; position:absolute; top:calc(50% - 20px); left:10%; width:80%; height:40px; line-height:40px; text-align:center; font-size:21px; font-weight:bold; 
white-space:nowrap; box-shadow:inset 2px 2px 2px 0px rgba(203,157,18,.5),  7px 7px 20px 0px rgba(0,0,0,.5),  4px 4px 2px 0px rgba(203,157,18,.5);
outline: none;  background: rgb(255,204,5); }

.index_b > div:nth-child(2) a span { color:#0070c0; }
.index_b > div:nth-child(3) a span { color:#ff0000 }



@media(max-width:800px){
.index_b > div:nth-child(1) a span, 
.index_b > div:nth-child(2) a span,
.index_b > div:nth-child(3) a span { font-size:15px; }

.index_b > div:nth-child(1) a span,
.index_b > div:nth-child(2) a span,
.index_b > div:nth-child(3) a span
{ height:20px; line-height:20px; top:calc(50% - 10px); }
.sub_blank { height:20px; }
}


.index_c { width:100%; margin:10px auto; padding:0; }
.index_c .index_c_title { background:#cf0a2c; width:50%; min-width:200px; border-radius:0 0 15px 15px; margin:0 auto; color:#fff; padding:6px 0; text-align:center; font-size:16px; }
.index_c_in { margin:10px auto; width:90%; }
.index_c_in ul { display:flex; justify-content:space-between; margin:15px 0 }
.index_c_in ul li { width:calc(20% - 10px); }
.index_c_in ul:last-child li { width:calc(100% / 3 - 10px); }


/*
.mbs_01_s1 { border:0; border:0px;
box-shadow:inset 2px 2px 2px 0px rgba(203,157,18,.5),  7px 7px 20px 0px rgba(0,0,0,.1),  4px 4px 2px 0px rgba(203,157,18,.5);
outline: none;  background: rgb(255,204,5);  }
*/


.youtube { width:100%; margin:10px auto; position:relative; height:0;  padding-top:56.25%;  /* padding-top:28.125%; */ overflow:hidden;  }
.youtube iframe { width:100%; height:100%; position:absolute; top:0; left:0;  }





.sorry { background:rgba(0,0,0,0.85); position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999999; padding:30px 0; display:flex; align-items:center; color:#fff; }
.sns_share_inner { background:#fff; border-radius:20px; padding:20px; width:90%; height:300px; position:relative ;
max-width:500px; margin:0px auto 0px; }
.sorry .sns_share_close { position:absolute; top:15px; right:20px; cursor:pointer; font-size:20px;}
.sorry .sns_share_inner > h2 { padding-bottom:10px; font-size:18px; margin-bottom:20px; border-bottom:1px solid #ddd; }
.body_fixed { overflow:hidden !important; height:100vh; }