.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(https://www.luca831.com/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: scroll;}
.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;}

}