@charset "utf-8";


/**/
#container{width:100%;}
.m_menu_wrap{z-index:-2;transition:.2s;transition-delay: 1s; }
.m_menu_wrap .menu_list{left:-320px;transition:1s;}
.m_menu_wrap.m-open{z-index:999;transition: .1s;opacity:1;}
.m_menu_wrap.m-open .menu_list{left:0;transition:1s;transition-delay: .1s;transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);}
body:has(.m-open){overflow:hidden;}
.m_menu_wrap .menu_list a.btn_close{position:absolute;padding:20px 10px;border:none;}
.m_menu_wrap .menu_list::-webkit-scrollbar{opacity:0;}

.drawer
{
  width:100%;
}
.drawer.depth .m_menu_header h1 {padding-left: 30px; color:#999}
.m_menu {text-align: center}
.m_menu-active .m_menu_header
{
  background:#fff;
  transition:.25s;
  border-bottom: 0;
}
.m_menu-active .m_menu_header h1 {color:#c3185c;}
.m_menu_header h1 {
  color: #fff;
    display: block;
    font-size: 15px;
    padding: 15px 20px;
}
.m_menu-active .m_menu_header-icon
{
  background:url(../../images/common/menu_arrow_up.png) no-repeat center center; background-size:15px;
}
.m_menu_header {	
  position: relative;
  cursor:pointer;
  min-height:20px;
  transition:.25s;
}
.m_menu_content {
  color:#212121;
  line-height:1.45em;
  background-color: #f5f5f5;
}
.m_menu_content a {}
.m_menu_content p {
  margin:0;
  margin-bottom: 3px;
}
.m_menu_header-icon
{
  position: absolute; 
  top:13px;
  right: 10px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

.m_menu_wrap {position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.4); opacity: 0;}

.hello_wrap {padding:10px 0;}
.hello_wrap dl {
  position: relative;
    margin: 15px 0 15px 20px;
}
.hello_wrap dt {line-height: normal;}
.hello_wrap dt h1 {text-indent: -9999px; display: inline-block; width: 186px; height: 35px; background: url(/images/h1_sysclein.png) no-repeat 0 0; background-size:auto 25px}
.hello_wrap dd {font-size: 12px; color: #fff}

.m_menu_wrap .menu_list {position:absolute; background-color: #111; width:320px; top:0; left:0; bottom:0; overflow-y: auto;}
.m_menu_wrap .menu_list .logo {padding: 60px 0 40px; text-align: center; background: #000;}
.m_menu_wrap .menu_list .logo img {width: 100px;}
.m_menu_wrap .menu_list .in_container {padding:0 0 100px; min-height: 800px}
.m_menu_wrap .menu_list ul {display:block; margin: 0;}
.m_menu_wrap .menu_list li {display:block;}
.m_menu_wrap .menu_list li.top {margin-top: 30px}
.m_menu_wrap .menu_list li.etc a {font-size:13px}
.m_menu_wrap .menu_list a {color:#fff; display:block; font-size:14px; }
.m_menu_wrap .menu_list .depth02 {}
.m_menu_wrap .menu_list .depth02 a {font-size:13px; margin:0 20px; color:#ccc; letter-spacing:1px; display:block; padding:7px 0; margin: 0}
.m_menu_wrap .menu_list a.btn_close {display:inline-block; width:20px; height:20px; position:fixed; top:10px; right:10px; padding:0; padding: 10px; background:url(/images/bbs_close.png) no-repeat center center; background-size: 30px}

.m_menu_wrap .quick_wrap {
  position: relative; 
  z-index: 1;     
  -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.1);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.1);
}
.m_menu_wrap .quick_wrap:after {display: block; clear: both; content: ""}
.m_menu_wrap .quick_wrap li {display: block; width: 33.3%; float: left}
.m_menu_wrap .quick_wrap li a {display: block; padding: 20px 0; text-align: center; line-height: normal; font-size: 12px; border: 1px solid #ececec; margin-right: -1px; vertical-align: top}
.m_menu_wrap .quick_wrap li a p {color: #111;}
.m_menu_wrap .menu_list a.btn_logout {display: block; padding: 15px 15px 15px 15px; text-align: center; color: #999}

@media screen and (max-width:1024px){
  #divpop3 .popup_wrap{width:300px;height:447px;}/*margin-left:160px;*/
  #divpop4{width:300px;height:447px;margin-left:-160px;}
  #divpop4 .popup_wrap{height:447px;}
}

@media screen and (max-width:768px){
  #divpop3.mobile_pop{margin:0;}
  #divpop3 .popup_wrap{transform: translate(-50%, -50%);margin:0;}
  /* #divpop4 .popup_wrap{transform: translate(-50%, -50%);} */
  #divpop4{transform: translate(-50%, -50%);margin:0;}

}