/************************************************************
 * Push Sidebar Menu
 * 
 * Created on: March 3,2015
 * License   : MIT
 * Author    : Amr Mekkawy <amr.mekkawy@gmail.com>
 * URL       : http://github.com/AmrMekkawy/push-sidebar-menu
 ************************************************************/


body.show_sidebar .nav_trigger {
	margin-right: 5px;
}
#push_sidebar {
	border-left:1px solid #000;
    text-align:center;
	background: #fff;
	bottom: 0;
	color: #000;
	left: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 25%;
	z-index:99999;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}
body.show_sidebar #push_sidebar {left: 75%;}

.list-unstyled {list-style:none;}



@media (max-width: 767px) {
	.nav_trigger {
		font-size: 19px;
		margin: 5px 5px 0 20px;
	}
	#push_sidebar {
		width: 70%;
	}
	body.show_sidebar #push_sidebar {
		left: 30%;
		/*box-shadow:-10px 0 30px rgba(0,0,0,0.2);*/
	}

}

@media (min-width: 992px) {
	#push_sidebar {
		width: 20%;
	}
	body.show_sidebar #push_sidebar {
		left: 80%;
		/*box-shadow:-10px 0 30px rgba(0,0,0,0.2);*/
	}

}

#w { display: block; width: 100%; margin: 0 auto; }

#leftpanel {-webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);color:#fff;}

#push_sidebar a  {color:#000;text-decoration: none; font-family:inherit; display: block; font-size:10pt; text-align:left;} 


/***********************************/

.upanddown{
	animation: MoveUpDown 1s linear infinite;
  }
  
  @keyframes MoveUpDown {
	0%, 100% {
	  bottom: 27px;
	}
	50% {
	  bottom: 30px;
	}
  }



#m_tnb {position:relative;;width:100%;float:left;margin:0;padding:25px 15px;display:inline-block;*display:inline;}
#m_tnb li {position:relative;float:left;padding:0;width:100%;list-style:none;display:inline-block;*display:inline;margin:0;text-align:center;font-size:9.5pt;line-height:13pt;}
#m_tnb li a.btn_login {position:relative;float:left;background:#000;color:#fff;width:100%;height:40px;line-height:40px;text-align:center;margin-top:10px;font-size:9.5pt;}
#m_tnb .benefit {position:absolute;right:15px;bottom:27px;background:#dd5c5c;color:#fff;font-size:7pt;padding:3px 7px;border-radius:20px;z-index:9;line-height:12px;}

#m_tnb .member {position:relative;float:left;width:100%;text-align:left;padding:0px 10px;}
#m_tnb .member a {position:relative;float:left;display:inline-block;*display:inline;}
#m_tnb .member b {color:#000;text-align:left;}
#m_tnb .member .btn_logout {float:right;border:1px solid #ddd;text-align:center;line-height:30px;height:30px;padding:0 10px;}
#m_tnb .member ul {position:relative;float:left;padding:0;margin:10px 0 0;width:100px;clear:both;}
#m_tnb .member ul li {float:left;text-align:right;height:20px;line-height:20px;}
#m_tnb .member ul li span {color:#999;float:left;margin-right:7px;}

ul.m_tabs {
	position:relative;
	float:left;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 50px;
    width: 100%;
}

ul.m_tabs li {
	position: relative;
    float: left;
    text-align:center;
    cursor: pointer;
    width:50%;
    padding: 0;
    line-height: 50px;
    border-left:0;
    overflow: hidden;
	font-size:10pt;
	color:#999;
	border-bottom:1px solid rgba(0,0,0,0.2)

}

ul.m_tabs li.active {
   color:#000;font-weight:bold;
   border-bottom:2px solid #000;
}

.tab_container {
  position:relative;
  float:left;
  width:100%;
  display:inline-block;
  *display:inline;
}

.tab_content {
  position:relative;
  float:left;
  width:100%;
  display:inline-block;
  *display:inline;
}


/* 대메뉴 */

#nav { position:relative;float:left; width: 100%; margin: 5px auto;}
#nav > li {text-align:left;width:100%;border-bottom:1px solid rgba(0,0,0,0.5);padding:0;margin:0;}
#nav > li > a { display: block; padding: 15px 20px;text-align:left;color:#000;}

.hassub {background:url('../img/icon_arrow_down.png') no-repeat right 20px center;background-size:12px auto;}
.open  {background:url('../img/icon_arrow_up.png') no-repeat right 20px center;background-size:12px auto;}

#nav > li > a:hover, 
#nav > li > a.open { border-bottom:0;}


/*서브메뉴*/
#nav li ul { display: none; }
#nav li ul li {}
#nav li ul li.mobile_main {border:0;}
#nav li ul li.mobile_sub {border:0;}
#nav li ul li.mobile_sub:last-child {padding-bottom:8px;}
#nav li ul li a { padding: 7px 0px;padding-left: 30px;font-size: 1em;border-bottom:0 !important;border:0 !important;}


/*기타메뉴*/
#nav_other {position:relative;width:87%;margin:15px auto;padding:0;border-bottom:0;display:inline-block;*display:inline;}
#nav_other li {float:left;width:50%;}
#nav_other li:nth-child(2n) {border-right:0;}
#nav_other li a {position:relative;float:left;width:100%;height:35px;line-height:35px;text-align:center;font-size:0.9em;}



.contact_area {position:relative;float:left;margin:10px 0;width:100%;padding:10px;}
.contact_area ul {position:relative;float:left;width:100%;padding:0;margin:0;}
.contact_area ul li {position:relative;float:left;width:50%;padding:10px 15px;color:#fff;font-weight:500;list-style:none;margin-bottom:7px;border-radius:5px;text-align:center;  color:rgba(255,255,255,0.6); }
.contact_area ul li span {font-size:13pt;}
.contact_area ul li span i {margin-bottom:5px;}
.contact_area ul li a {color:#fff !important;}