/* Logout */
#ol_logout-wrap {
	background:#fff; zoom:1;
}
#ol_logout-head {
	border:1px solid #c90000; zoom:1; height:54px; line-height:54px; text-align:center; text-align:center;
	background:#c90000;
}
#ol_logout-head b {
	color:#000; font-size:18px; font-family:"Helvetica";
}
#ol_logout {
	border:1px solid #dddddd; border-top:0px; padding:20px; background:#fff; zoom:1;
}
#ol_logout form {
	padding:0px; margin:0px;
}
#ol_logout a:link, #ol_logout a:visited{
	color:#333; text-decoration:none; letter-spacing:-1px;
}
#ol_logout a:hover, #ol_logout a:active{
	color:#ed1c24; text-decoration:none; letter-spacing:-1px;
}
#ol_logout fieldset {
	padding:0px; margin:0px; border:0px;
}
#ol_logout legend {
	display:none;
}
#ol_logout ul {
	padding:0px; margin:0px; list-style:none; color:#333; font:normal 12px dotum; letter-spacing:-1px;
}
#ol_logout ul li {
	padding:0px; margin:0px; line-height:48px;
}
#ol_logout .id_none, #ol_logout .id_focus, #ol_logout .pw_none, #ol_logout .pw_focus, #ol_logout input[type=text], #ol_logout input[type=password] {
	width:208px; height:34px; font:normal 12px dotum; color:#333;
}
#ol_logout .login_submit, #ol_logout input[type=submit] {
	width:100px; height:34px; text-align:center; border:0px; color:#fff; font:bold 12px dotum; letter-spacing:-1px; padding:0px 0px 0px; margin:0px; line-height:34px; cursor:pointer;
	background:#fff;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#ol_logout .login_submit, #ol_logout input[type=submit]:hover {
	color:#fff;	
	background:#c90000;
}
#ol_logout .id_none { 
	border:1px solid #bbbbbb; background:#fff url('../img/id.gif') no-repeat center left; 
}
#ol_logout .pw_none { 
	border:1px solid #bbbbbb; background:#fff url('../img/pw.gif') no-repeat center left;
}
#ol_logout .id_focus, #ol_logout .pw_focus { 
	border:1px solid #000; background:#fff;
}
#ol_logout .join {
	clear:both;
}
#ol_logout .join b {
	color:#000;
}

/* Login */
#ol_login-wrap {
	background:#fff; zoom:1;
}
#ol_login-head { 
	border:1px solid #c90000; zoom:1; height:54px; line-height:54px; text-align:center; background:#c90000; 
}
#ol_login-head b {
	color:#000; font-size:18px; font-family:"Helvetica";
}
#ol_login {
	border:1px solid #dddddd; border-top:0px; padding:20px; background:#fff; zoom:1;
}
#ol_login a:link, #ol_login a:visited{
	color:#888; text-decoration:none;
}
#ol_login a:hover, #ol_login a:active{
	color:orangered; text-decoration:none;
}
#ol_login h2 {
	display:none;
}
#ol_login .my_photo {
	float:left; border:1px solid #cccccc; margin-right:10px; padding:6px;
}
#ol_login p {
	padding:4px 0px 0px; margin:0px; line-height:1.6; font-size:12px; font-family:"Nanum Gothic"; text-shadow: 0px 1px 0px white; letter-spacing:-1px; color:#626262;
}
#ol_login p strong {
	display:block; font-weight:bold; color:#000; font-size:17px; font-family:"Nanum Gothic"; text-shadow: 0px 1px 0px white; letter-spacing:0px; margin:0px 8px 6px !important;
}
#ol_login ul {
	clear:both; margin:0px; padding:0px; list-style:none; 
}
#ol_login ul:after, #ol_login p:after {
	display:block;visibility:hidden;clear:both;content:"";
}
#ol_login li {
	margin:0px; padding:0px; letter-spacing:-1px;
}
#ol_login li.ol_xp_level {
	padding:10px 5px 5px; font:bold 10px verdana;
}
#ol_login .ol_xp_bar {
	clear:both; height:20px; line-height:20px; border:1px solid #ddd; background-color:#fff; cursor:pointer;
}
#ol_login .ol_xp_bar #ol_xp_per {
	width:0px; height:20px;
	background:#e93036;
	background:-moz-linear-gradient(top,#eb5055 0%,#eb5055 44%,#e93036 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eb5055),color-stop(44%,#eb5055),color-stop(100%,#e93036));
	background:-webkit-linear-gradient(top,#eb5055 0%,#eb5055 44%,#e93036 100%);
	background:-o-linear-gradient(top,#eb5055 0%,#eb5055 44%,#e93036 100%);
	background:-ms-linear-gradient(top,#eb5055 0%,#eb5055 44%,#e93036 100%);
	background:linear-gradient(top,#eb5055 0%,#eb5055 44%,#e93036 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5055',endColorstr='#e93036',GradientType=0 );
}
#ol_login li.ol_btn_l {
	width:47%; text-align:center; border:1px solid #cccccc; padding:15px 0px; margin:10px 0px 0px; font:normal 11px dotum;
	background:#dddddd;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#ol_login li.ol_btn_l:hover {
	width:47%; text-align:center; border:1px solid #cccccc; padding:15px 0px; margin:10px 0px 0px; font:normal 11px dotum;
	background:#fff;
}
#ol_login li.ol_btn_l strong {
	display:block; padding-top:3px; letter-spacing:0px; color:#000; font-size:14px; font-family:"Helvetica"; text-shadow: 0px 1px 0px white;
}
#ol_login li.ol_btn_l b {
	font-weight:bold; color:#000; font-size:13px; font-family:"Nanum Gothic"; text-shadow: 0px 1px 0px white;
}
#ol_login li.ol_logout {
	width:47%; text-align:center; border:0px solid #ddd; padding:25px 0px; margin:10px 0px 0px; font:normal 11px dotum;
	background:#fff;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#ol_login li.ol_logout:hover {
	background:#c90000;
}
#ol_login .ol_btn_a {
	clear:both; text-align:center; padding:0px; margin:10px 0px 0px; color:#000; cursor:pointer;
	background:#fff; border:1px solid #cccccc;
	height:36px;
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#ol_login .ol_btn_a:hover {
	background:#dddddd;
}
#ol_login .ol_btn_b { clear:both; text-align:center; padding:0px; margin:10px 0px 0px; color:#fff; cursor:pointer; height:36px; }
#ol_login .ol_btn_b ul {
	
}
#ol_login .ol_btn_b li {
	float:left; width:51px; height:36px; border-right:1px solid #fff;
	background:#fff; 
	-webkit-transition: all .4s ease-in-out;
	 -moz-transition: all .4s ease-in-out;
	 -o-transition: all .4s ease-in-out;
	 -ms-transition: all .4s ease-in-out;
	 transition: all .4s ease-in-out;
}
#ol_login .ol_btn_b li:hover {
	background:#c90000;
}
#ol_login .ol_btn_b li .first {
	
}
#ol_login .ol_btn_b li .last {
	border-right:0px !important;
}
#ol_login .ol_btn_b b {
	display:block; line-height:36px; color:#fff; font-size:10px; font-weight:bold; font-family:"Nanum Gothic";
}
#ol_login .ol_btn_a b {
	display:block; line-height:36px; color:#000; font-size:13px; font-weight:bold; font-family:"Nanum Gothic";
}
#ol_login li.ol_logout b {
	font-weight:bold; color:#fff; font-size:13px; font-family:"Nanum Gothic"; text-shadow: 0px 1px 0px black;
}
#ol_login .ol_new_memo {
	color:#fff; letter-spacing:-1px; padding-left:5px; font-size:11px; font-weight:normal;
}