.banner_area { margin:0px auto; text-align:center; width:100%; }
.banner_area img { max-width:100%; }

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


@media(max-width:1000px){
.pc_on { display:none; }
.m_on { display:block; }
}


/* header */
#header{width:100%; border-bottom:1px solid #ddd; position:fixed;top:0;left:0;z-index: 99999999; background:#fff; min-width:1200px; }
#header .header-wrap{width:100%; /* max-width:1400px; */ height:89px;margin:0px auto;background:#fff; 
-webkit-transition:.2s width ease;transition:.2s width ease; position:relative; 
}
#header h1.logo{position:absolute;top:10px;left:2%;-webkit-animation:logo 1s ease;animation:logo 1s ease}
#header h1.logo img { height:50px; margin-top:10px; }
@-webkit-keyframes logo{0%{-webkit-transform:translate(70px,0);transform:translate(70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes logo{0%{-webkit-transform:translate(70px,0);transform:translate(70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
#header nav{font-size:0;margin:0 auto;text-align:center;-webkit-animation:navi 1.2s ease;animation:navi 1.2s ease}
@-webkit-keyframes navi{0%{opacity:0}
100%{opacity:1}
}
@keyframes navi{0%{opacity:0}
100%{opacity:1}
}
#header nav div.nav{display:none;background:rgba(0,0,0,.8);position:absolute;top:90px;left:0;width:100%;height:290px}
#header nav>ul{display:inline-block;text-align:left;}
#header nav>ul>li{display:inline-block;vertical-align:top;color:#fff;letter-spacing:-1px;padding: 0 35px;text-align:center;position:relative;}
#header nav>ul>li>a{font-size:18px;line-height:88px;display:block}
#header nav>ul>li>ul{display:none;position:absolute;top:100%;left:0;width:100%;padding-top:25px}
#header nav>ul>li>ul>li>a{font-size:15px;color:#fff;line-height:2;font-weight:400;white-space:nowrap;}
#header nav>ul>li>ul>li>a:hover{color:#eee}
#header div.util{position:absolute;top:32px;right:2.5%;-webkit-animation:util 1s ease;animation:util 1s ease;}
@-webkit-keyframes util{0%{-webkit-transform:translate(-70px,0);transform:translate(-70px,0);opacity:0}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
@keyframes util{0%{-webkit-transform: translate(-30px,0);transform: translate(-30px,0);opacity:0;}
100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
}
#header div.util>ul>li{display:inline-block;vertical-align:top;padding:0 8px;line-height:2}
#header div.util>ul>li>a{color:#444;font-size:12px;font-weight:400;letter-spacing:-.5px}
#header.fixed .header-wrap{width:100%;margin:0 auto;}

#footer { background:#f5f5f5; padding:70px 50px; /* border-top:1px solid #ddd; */ width:100%; }
#footer .footer-wrap { position:relative; width:100%; margin:0 auto; padding-left:220px; }
#footer .footer-wrap .bottom_logo { position:absolute; left:0; top:0; width:170px; }
#footer .footer-wrap .bottom_logo img { max-width:100%; }
#footer .footer-wrap ul { display:flex; line-height:170%; }
#footer .footer-wrap li { font-size:14px; margin-left:20px; color:#777; position:relative;  }
#footer .footer-wrap ul li:first-child { margin:0; }
#footer .footer-wrap ul.bottom_menu { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; }
#footer .footer-wrap ul.bottom_menu li { font-size:18px; margin-left:30px; }
#footer .footer-wrap ul.bottom_menu li:first-child { margin:0; }
#footer .footer-wrap ul.copyright { padding-top:10px; font-size:14px; }
#footer .btn_top { position:absolute; right:0; top:0px; }
#footer .btn_top a { background:#222; color:#fff; display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:35px }

.contents01 { padding-top:80px; width:95%; max-width:1500px; margin:0 auto; }




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


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




.wm_title { background:#193b56;  padding:15px; color:#fff; }
.wm_title h1 { font-size:22px; 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; }



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

.accordion .link { cursor: pointer;  display: block;  padding: 15px 15px 15px 25px; 
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; }

.accordion li:last-child .link { border-bottom: 0; }
.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;}
.accordion li i.fa-chevron-down {  right: 20px;  left: auto;  font-size: 16px;}
.accordion li.open .link { color: #333; }
.accordion li.open i { color: #aaa; }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);
-o-transform: rotate(180deg);  transform: rotate(180deg);}

.submenu {  display: none;  background: #f5f5f5;  font-size: 14px;}
.submenu li { border-bottom: 1px solid #eee; }
.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;}
.submenu a:hover {  background: #fff;  color: #333;}





.my_office_layout_left { display:none; min-width:100%; }
.header-wrap-mo { display:none; }



.dashboard { background:#fff; margin:0 auto;display:flex; justify-content:space-between; min-height:700px; }
.dashboard * { box-sizing:border-box; }
.db01  { width:300px;  background:#e4e9f4; padding:40px 30px 0 50px; margin-right:50px;flex-shrink:0  }
.dashboard_inner { flex-grow:1; margin:0 auto; }

.dashboard h2 { font-size:27px; font-weight:500; padding-bottom:10px; border-bottom:2px solid #9ba8c6; color:#2f416b; }
.db01 li { font-size:18px;  border-top:1px solid #cad2e3; padding:5px 0; }
.db01 a { display:block; padding:5px 0; font-size:18px; color:#222; width:100%; }
.db01 a:hover { color:#2f416b; }
.dashboard_contents { background:#fff; border-radius:10px; padding:30px; margin:30px 10px; border:2px solid #fff; 
max-width:1200px; width:100%; margin:0 auto; }



@media(max-width:1000px){
#header { min-width:100%; }
.db01 {display:none; }


.contents01 { padding-top:60px; width:100%; margin:0 auto; }
.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:10px; 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_layout_left { /* flex-shrink:0; */ width:300px; height:100%; 
position:fixed; top:0; left:0px; z-index:9999999999999999999; }

.header-wrap { display:none; }
.header-wrap-mo { display:block; background:#fff; padding-left:50px; height:65px; position:relative; }
.header-wrap-mo h1.logo_m img { max-height:35px; margin-top:15px; }
.header-wrap-mo .myoffice {  position:absolute; top:16px; right:10px; }
.header-wrap-mo .myoffice a { display:inline-block; font-size:12px; line-height:14px; padding:8px 7px; background:#999; 
color:#fff; border-radius:7px; }

.dashboard_contents { width:100%; margin:0 auto;; padding:0; }


.layout_body { width:100%; min-height:100%; display:flex;}
.btn_close_wing_2 { flex-grow:1; background:rgba(0,0,0,0.5); }


#footer { background:#f5f5f5; padding:20px 10px 30px 10px;  }
#footer .footer-wrap { position:relative; width:100%; margin:0 auto; padding:0; }
#footer .footer-wrap .bottom_logo { position:relative; width:150px; }
#footer .footer-wrap .bottom_logo img { max-width:100%; }
#footer .footer-wrap ul { display:flex; flex-wrap:wrap; line-height:120%; padding:0 8px; }
#footer .footer-wrap li { font-size:10px; margin:0 10px 0 0; color:#777; position:relative;  }
#footer .footer-wrap ul.bottom_menu { border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; }
#footer .footer-wrap ul.bottom_menu li { font-size:13px; margin-left:10px; white-space:nowrap; }
#footer .footer-wrap ul.bottom_menu li:first-child { margin:0; }
#footer .footer-wrap ul.copyright { padding-top:10px; font-size:14px; }
#footer .btn_top a { position:absolute; right:0; top:0px; background:#222; color:#fff; display:flex; justify-content:center; align-items:center;
width:50px; height:50px; border-radius:25px }



}




@media(min-width:800px){
.my_office_layout_left { display:none !important; }
.overflow_hidden { overflow:auto; }

}




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